Javascript趣味程序从需求到实现-体重测量器 Version 0.0.1
一、需求梳理
二、分析结果:
1、需要提供输入身高、体重、以及选择性别的HTML组件,如input、select
2、需要对信息进行验证,专门的工具类完成这个职责如 “BmiUtils”
3、无效的信息需要提示
4、与标准体重进行比较得出不同的建议信息,比较体重的职责由 “BmiCalculator” 完成
5、男女的标准体重有不同的算法 ,职责由 “BmiCalculator” 完成
6、关键信息显示红色文字
7、身高厘米,体重千克需要html标签进行展示
三、主场景流程图:
程序架构以及交互关系:
mvc设计结构
前端通过计算按钮的onclick事件直接与 “BMI” 入口类进行交互,
“BMI”入口程序本身是一个门面模式的应用,它负责“BmiCalctlator” 与 “BmiUtils”类
的协作,“BmiCalculator” 负责具体计算,通过策略模式进行对男、女体重计算切换,
“BmiUtils”的职责是负责信息校验以及健康信息提示的具体文案获取功能。
整体架构使用的是mvc结构,这里重点强调的是“Model”,它主要是由若干个类协作进行对
体重计算的。这里的模型的概念更强调的是计算、处理职责。
四、代码参考:
五、程序运行效果截图:
六、最后的话:
这是第一个版本,后续会进行功能迭代,以这种需求到最终实现的·方式学习效果会更好一些,
大家多多关注,我会做好每一篇文章的 。