基于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
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券