基于easyUI框架写加法器
欢迎关注小程序：新工科课程设计HTML5
2.3 简单网页编写Primer（正在完成...）
2.3.1 基于easyUI（正在进行...）
2.3.2 基于bootstrap（待完成...）
2.3.3 Wrap it up!（待完成...）
7 换热器设计（待完成...）
7.1 换热器算例需求分析（待完成...）
7.2 换热器设计界面（待完成...）
7.3 换热器相关计算（待完成...）
7.4 wrap it up！（待完成...）
8 小型制冷设计（待完成...）
8.1 蒸发器算例（待完成...）
8.2 冷凝器算例（待完成...）
9 热工过程自动控制（待完成...）
10 Where to go from here?（源代码打包下载）（待完成...）
easyUI是一个第三方控件库，内容很全面。比如我们做一个加法计算程序，打开其官网，找到示例修改到自己想要的结果。先找到其相关内容：
打开后，找到表单form的相关例子：
打开form的示例，由三部分构成：
将源代码拷贝到自己硬盘，并保存为html文档格式：
双击网页文件运行，结果如下：
略显简陋，这是因为我们没有加载easyUI的js和css文件，下载其库文件：
下载后，将js文件和css文件放在与该html文档同目录的下的libs文件夹内：
如下图：
修改代码为如下（主要修改js和css文件地址，以及页面的汉化）：
1.
4.
5.BasicForm - jQuery EasyUI Demo
6.
7.
8.
9.
10.
11.
13.BasicForm
14.
Fillthe form and submit it.
15.
16.
17.
19.
22.
25.
27.
28.
29.求和
30.Clear
33.
41.
42.
点击运行，结果如下：
界面比较美观了吧，这回我们要实现求和功能了，修改代码：
1.
4.
5.BasicForm - jQuery EasyUI Demo
6.
7.
8.
9.
10.
11.
13.BasicForm
14.
Fillthe form and submit it.
15.
16.
17.
19.
22.
25.
27.
28.
29.求和
30.Clear
33.
43.
44.
点击运行，结果如下：
使用easyUI，可以快速搭建表单类的网页，非常有利于我们做工程设计计算。无非就是数据量多，计算复杂而已。这已经比用传统的MFC开发程序效率提升很多了。
- 发表于:
- 原文链接：https://kuaibao.qq.com/s/20180807A08OWB00?refer=cp_1026
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
