微信小程序----学生信息注册篇

注册学生信息首先我们要检测学生信息不能为空，然后检测前台传过来的学号是否已经注册，若已注册，返回学号存在；反之添加进数据库

student表：

后台代码：

public function index($no,$name,$sex,$age){//非空if(empty($no)||empty($name)){return $this->ajaxReturn(array('error'=>true,'msg'=>'学号或姓名不能为空'));}$data['no'] = $no;$data['name'] = $name;$data['sex'] = $sex;$data['age'] = $age;$stu = M('student');//不可重复if($stu->where("no = '{$no}'")->find()){return $this->ajaxReturn(array('error'=>true,'msg'=>'学号已存在'));}else{$id=$stu->add($data);}if($id){$this->ajaxReturn(array('error'=>false,'id'=>$id));}else{$this->ajaxReturn(array('error'=>true,'msg'=>'添加失败'));}}

前台：

页面代码：

<form bindsubmit='submit'><view class="weui-cell weui-cell_input"><view class="weui-cell__hd"><view class="weui-label">学号</view></view><view class="weui-cell__bd"><input class="weui-input" name="no" placeholder="请输入学号" /></view></view><view class="weui-cell weui-cell_input"><view class="weui-cell__hd"><view class="weui-label">姓名</view></view><view class="weui-cell__bd"><input class="weui-input" name="name" placeholder="请输入姓名" /></view></view><view class="weui-cell weui-cell_switch"><view class="weui-cell__bd">性别</view><input class="weui-input" name="sex" placeholder="请输入性别" value='{{sex}}'/><view class="weui-cell__ft"><switch checked bindchange='switchChange' /></view></view><view class="weui-cell weui-cell_input"><view class="weui-cell__hd"><view class="weui-label">年龄</view></view><view class="weui-cell__bd"><input class="weui-input" name="age" placeholder="请输入年龄"/></view></view><view class="weui-btn-area"><button class="weui-btn" type="primary" form-type='submit'>注册</button><button class="weui-btn" type="warn" form-type='reset'>重置</button><button class="weui-btn" bindtap='backbefore' >返回上一级</button></view>
</form>

页面效果：

根据后台的代码我们可以知道我们需要传4个参数：no,name,sex,age

post方式提交；

给form表单绑定一个bindsubmit，当我们点击注册时，会把值存在e里边

 submit: function (e) {// console.log(e);
}

我们使用wx.resquest,将所需的参数传给后台

这样就连接起来了

js代码：

 data: {sex: '男',},backbefore:function(){wx.navigateBack({delta:1})},switchChange: function (e) {// console.log(e);if (e.detail.value) {this.setData({ sex: '男' })} else {this.setData({ sex: '女' })}},submit: function (e) {// console.log(e);wx.request({url:'http://xxxxxxxxxxxxx',//这里调用自己的接口method: 'POST',data: {no: e.detail.value.no,name: e.detail.value.name,sex: e.detail.value.sex,age: e.detail.value.age},header: {'content-type': 'application/x-www-form-urlencoded' // 默认值},success: (res) => {// console.log(res.data);if (res.data.error) {wx.showToast({title: res.data.msg,icon: 'none',duration: 2000,})} else {wx.setStorage({key: "id",data: res.data.id});wx.showToast({title: '登录成功',icon: 'success',duration: 2000})}}})},

微信小程序----学生信息注册篇相关推荐

【微信小程序】开发入门篇（一）
前言 ❤️ 你可能认为一个人无法改变世界,但我想让你知道,这个世界也无法改变像我这样的人 ❤️ [微信小程序]开发入门篇(一) 一.小程序简介 (1)小程序与普通网页开发的区别二.第一个小程序 (1 ...
微信小程序学生宿舍管理系统丨可以android studio运行
<微信小程序学生公寓生活管理系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统, ...
java后端微信小程序登录与注册
java后端微信小程序登录与注册&微信登录授权分析: 微信小程序用户表的字段来源于微信服务器 , 必须想办法去获取到对应的用户信息找到微信开放平台: 微信开放平台以下是微信开放平台给出 ...
微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
【微信小程序】开发入门篇（二）
前言 ❤️ 所谓信仰,可能就是在人们一无所剩的时候仅有的那种东西 ❤️ [微信小程序]开发入门篇(二) 一.小程序的宿主环境 (1)宿主环境简介 1.1 什么是宿主环境 1.2 小程序的宿主环境 (2 ...
【微信小程序】云开发篇（一）——申请小程序
[微信小程序]云开发篇(一)--申请小程序 [微信小程序]云开发篇(二)--初始化云开发(微信开发者工具) [微信小程序]云开发篇(三)--代码管理 [微信小程序]云开发篇(四)--开通云开发 [微信 ...
微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
视频教程-微信小程序开发【初级篇 / 附案例】-微信开发
微信小程序开发[初级篇 / 附案例] 北风网讲师!瓢城Web俱乐部创始人,教学总监! 李炎恢 ¥129.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程, ...

微信小程序----学生信息注册篇

微信小程序----学生信息注册篇相关推荐

最新文章

热门文章