网站建设资讯

NEWS

网站建设资讯

Javascript趣味程序从需求到实现

Javascript趣味程序从需求到实现-体重测量器 Version 0.0.1

侯马网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司从2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

一、需求梳理

二、分析结果:

1、需要提供输入身高、体重、以及选择性别的HTML组件,如input、select

2、需要对信息进行验证,专门的工具类完成这个职责如 “BmiUtils”

3、无效的信息需要提示

4、与标准体重进行比较得出不同的建议信息,比较体重的职责由 “BmiCalculator” 完成

5、男女的标准体重有不同的算法 ,职责由 “BmiCalculator” 完成

6、关键信息显示红色文字

7、身高厘米,体重千克需要html标签进行展示

三、主场景流程图:

程序架构以及交互关系:

mvc设计结构

前端通过计算按钮的onclick事件直接与 “BMI” 入口类进行交互,

“BMI”入口程序本身是一个门面模式的应用,它负责“BmiCalctlator” 与 “BmiUtils”类

的协作,“BmiCalculator” 负责具体计算,通过策略模式进行对男、女体重计算切换,

“BmiUtils”的职责是负责信息校验以及健康信息提示的具体文案获取功能。

整体架构使用的是mvc结构,这里重点强调的是“Model”,它主要是由若干个类协作进行对

体重计算的。这里的模型的概念更强调的是计算、处理职责。

四、代码参考:

五、程序运行效果截图:

六、最后的话:

这是第一个版本,后续会进行功能迭代,以这种需求到最终实现的·方式学习效果会更好一些,

大家多多关注,我会做好每一篇文章的 。


当前文章:Javascript趣味程序从需求到实现
标题链接:http://cdweb.net/article/dsojpoe.html