微信小程序大熱，筆者想利用之開(kāi)發(fā)一款BMI計(jì)算器，因?yàn)椴痪煤笥锌荚?#xff0c;所以只實(shí)現(xiàn)最基礎(chǔ)的功能。

1.微信開(kāi)發(fā)者工具工作界面

2.需要新增的文件夾

3.核心代碼

3.1list.wxml

<view class="page-section"><view class="weui-cells__title">身高(cm)</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" bindinput="heightInput" name="height" type="text" auto-focus placeholder="請(qǐng)輸入數(shù)字" /></view></view></view><view class="page-section"><view class="weui-cells__title">體重(kg)</view><view class="weui-cells weui-cells_after-title"><view class="weui-cell weui-cell_input"><input class="weui-input" bindinput="weightInput" name="weight" type="text" auto-focus placeholder="請(qǐng)輸入數(shù)字" /></view></view></view><view>{{bmi}}</view><view>{{info}}</view><button bindtap="bmi" data-type="string">算一算</button>

3.2list.js

Page({data:{height:null,weight:null,bmi:'BMI',info:'健康提示'},heightInput(e){this.setData({height: e.detail.value}) },weightInput(e){this.setData({weight:e.detail.value})},bmi:function(event){var weightnum=parseFloat(this.data.weight)var heightnum=parseFloat(this.data.height)var bmi=(weightnum/(heightnum/100)/(heightnum/100)).toFixed(2)var info=""if(bmi<18.5){info="過(guò)輕，加強(qiáng)營(yíng)養(yǎng)！"}else if(bmi>=18.5&&bmi<23.9){info="正常，繼續(xù)保持！"}else if(bmi>=23.9&&bmi<27.9){info="超重，加強(qiáng)鍛煉!"}else if(bmi>=27.9){info="肥胖，提高警惕！"}console.log(bmi)console.log(info)this.setData({bmi:bmi,info:info})} })

4.實(shí)現(xiàn)效果

登錄界面

? ?

等待用戶(hù)輸入 輸出計(jì)算結(jié)果

5.注意事項(xiàng)

this.setData({bmi:bmi,info:info})

筆者因?yàn)槿绷松鲜龃a，始終無(wú)法在前臺(tái)頁(yè)面看到計(jì)算結(jié)果。重新研究微信小程序官方開(kāi)發(fā)指南后才補(bǔ)上，遂實(shí)現(xiàn)功能。所以讀文檔還是很重要的啊！

?

總結(jié)

以上是生活随笔為你收集整理的用微信小程序开发BMI计算器（核心代码）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。