​ 微信小程序云开发-数据库-获取用户添加的数据到数据库 ​

一、列表页面新增【添加商品】按钮

在列表页增加【添加商品】按钮,按钮绑定事件toAdd(),用户点击该按钮跳转到添加商品页面。

微信小程序云开发-数据库-获取用户添加的数据到数据库_页面跳转

 

在js文件中写toAdd()函数,作用是点击【添加商品】按钮,跳转到【添加商品】页面 "pages/addgood/addgood"

微信小程序云开发-数据库-获取用户添加的数据到数据库_数据库_02

 

 

 

 

、新建【添加商品】页面

1.【添加商品】的wxml页面

微信小程序云开发-数据库-获取用户添加的数据到数据库_xml_03

 

 

 2.【添加商品】的css

微信小程序云开发-数据库-获取用户添加的数据到数据库_微信_04

 

 

 3.【添加商品】的js文件。

第一步:先定义全局变量,分别获取两个input输入的内容。

微信小程序云开发-数据库-获取用户添加的数据到数据库_xml_05

 

 第二步:添加用户输入的内容到数据库。检查用户输入是否为空,如果为空,分别给予对应的提示。

微信小程序云开发-数据库-获取用户添加的数据到数据库_微信_06

 

 

微信小程序云开发-数据库-获取用户添加的数据到数据库_赋值_07

 

 

如果输入的内容不为空,将用户输入的内容add到数据库(将input输入的内容a和b分别赋值给name和price)。

微信小程序云开发-数据库-获取用户添加的数据到数据库_数据库_08

 页面跳转到【商品列表】页面。

微信小程序云开发-数据库-获取用户添加的数据到数据库_页面跳转_09