该篇是转接我的文章简单饮食推荐（一）功能实现中的个人数据模块。

1、个人数据页面简介

该模块主要使用的是小程序中使用的Form组件加上Input组件，最后使用的按钮进行数据的传输到JS中进行处理，Input输入您的性别，您的年龄，身高体重的数据，使用公式进行科学热量计算的。

2、模块创意

在该模块中，创意点如下：

创意点是form组件通过input实现数据的传输，使用按钮的点击事件，进行数据的处理，使用公式来计算热量的可摄入量。
还有就是使用缓存的进行数据的存储，个人的数据并不多，所以使用的同步存储缓存，并且提取也是使用的同步提取。通过存入缓存，实现别的界面实现数据的提取和存储。之后进行多人数据的存储的话，之后会使用小程序的云开发使用数据库来存储，更加方便了。

3、设计思路

要想完成该模块并实现菜品识别的相应功能，必须要解决下面的这几个问题：

使用Form组件
Form组件里面使用input组件来输入
按钮进行数据传输，处理
显示可以摄入的热量
缓存存储个人数据

4、实现过程

4.1 使用Form组件

我们使用Form组件，嵌套input组件，使用按钮，进行数据的处理，在JS文件中进行处理。
使用Form，input组件进行处理

<form bindsubmit="csc" bindreset="reset"><input name="name" placeholder="请输入你的性别" type="text" ></input><input name="shengao" placeholder="请输入你的身高（cm）" type="digit" auto-focus="true"></input><input name="tizhong" placeholder="请输入你的体重（kg）" type="digit" auto-focus="true"></input><input name="year" placeholder="请输入你的年龄" type="number" auto-focus="true"></input><button type="primary" form-type="submit">计算出你的每天可以的热量输入</button>
</form>

后面再来一句来实现你可以摄入的热量的输入

 <view class="shujushuchu">每天可以摄入的热量:<view>{{reliang}}千卡</view></view>

4.2 通过公式实现热量计算

公式是网上搜的（只是用于测试，结果仅作参考

微信小程序——简单饮食推荐（四）相关推荐

微信小程序——简单饮食推荐（二）
该篇是转接我的文章简单饮食推荐(一)中功能实现中的订餐模块. 目录 1.要实现的功能 2.界面的布局 3.设计思路 4.实现过程 1.要实现的功能能够显示菜单可以切换不同的食物种类可以将菜单中的 ...
微信小程序——简单饮食推荐（一）
项目源码:https://download.csdn.net/download/weixin_43624626/16758448 目录一.总体界面效果二.功能实现 (一)拍照识别模块 1.模块简介 ...
小程序微信统计表格_微信小程序简单的数据表格及查询功能
简介: 此项目是一个前后端分离的小demo, 开发工具:idea+微信小程序开发工具前端:界面布局样式和js的跳转后端:依靠SpringBoot的业务逻辑层项目的码云地址: 微信开发工具的使用和 ...
微信小程序（第二十四章）- 数据交互前置
微信小程序(第二十四章)- 数据交互前置讲解微信小程序前置的原因参考文档理解微信小程序小程序简介作用提问针对提问--uni-app介绍小程序和普通网页开发的区别小程序代码构成文件个 ...
微信小程序源码推荐这个很实用学习地址
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
微信小程序简单日历组件
微信小程序简单的日历组件代码:  <view class='cld'><view class="cld-top">< ...
微信小程序简单好看的表格器
微信小程序简单好看的表格 1.数据和样式 2.带纵向滑动条的列表纯色简单表格 3.带纵向滑动条的列表间隔色简单表格微信小程序目前没有 table 标签,需要用到表格,必须自己处理.想要一个简单的比较 ...
第十五周——微信小程序简单的界面
第十五周--微信小程序简单的界面前言一.Pages 二.TabBar 总结前言本篇文章是向大家分享一下怎样简单制作一个微信小程序的界面一.Pages 这里要写的是小程序里面你所创建界面的路径 ...
微信小程序简单的信息表格的提交到数据库(新手篇)(云端数据库)
微信小程序简单的信息表格的提交到数据库(新手专属)(云端数据库) 大家好,我是小陈,一名大一的编码爱好者,,,,,刚刚结束了大一的学习生活,也总结出了一点编码的经验,希望与大家一起分享.我是学习物联网 ...

微信小程序——简单饮食推荐（四）

目录