Javascript趣味程式從需求到實現-體重測量器 Version 0.0.1 一、需求梳理 二、分析結果: 1、需要提供輸入身高、體重、以及選擇性別的HTML組件,如input、select 2、需要對信息進行驗證,專門的工具類完成這個職責如 “BmiUtils” 3、無效的信息需要提示 4、與 ...
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”,它主要是由若幹個類協作進行對
體重計算的。這裡的模型的概念更強調的是計算、處理職責。
四、代碼參考:
五、程式運行效果截圖:
六、最後的話:
這是第一個版本,後續會進行功能迭代,以這種需求到最終實現的·方式學習效果會更好一些,
大家多多關註,我會做好每一篇文章的 。