ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

Javascript趣味程序从需求到实现

2022-06-30 23:33:49  阅读:206  来源: 互联网

标签:职责 Javascript 程序 信息 BmiUtils 计算 BmiCalculator 体重 趣味


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”,它主要是由若干个类协作进行对

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

 

 

四、代码参考:

 

 

 

 

 

 

 

 

 五、程序运行效果截图:

 

 

六、最后的话:

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

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

 

标签:职责,Javascript,程序,信息,BmiUtils,计算,BmiCalculator,体重,趣味
来源: https://www.cnblogs.com/bigbearbb/p/16429043.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有