微信小程序> 微信小程序-学生评教显示个人信息修改密码-微信小程序采集学生信息-小程序数据采集

微信小程序-学生评教显示个人信息修改密码-微信小程序采集学生信息-小程序数据采集

浏览量:4130 时间: 来源:知末随未

1.1.首先我们在app.json配置菜单项(评教和个人信息):

"tabBar":{"list":[{"selectedIconPath":"images/ping.png","iconPath":"images/ping.png","pagePath":"pages/teachers/teachers","text":"评教"},{"selectedIconPath":"images/user.png","iconPath":"images/user.png","pagePath":"pages/my/my","text":"个人信息"}]}

2.2.创建个人信息的页面:

viewclass="container"viewclass="info_list"viewstyle="text-align:center;"个人信息/viewblockviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/uu.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"姓名:{{name}}/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/wen.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"学号:{{no}}/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/xian.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"性别:男/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/lun.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"班级:{{ban}}/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/message.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"系别:{{xi}}/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/edit.png"/image/viewviewclass="weui_cell_bd"viewclass="weui_cell_bd_p"班号:{{cc}}/view/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/edit.png"/image/viewviewclass="weui_cell_bd"navigatorclass="weui_cell_bd_p"url="../pwd/pwd"修改密码/navigator/view/viewviewclass="weui_cell"viewclass="weui_cell_hd"imagesrc="../../images/edit.png"/image/viewviewclass="weui_cell_bd"navigatorbindtap="tui"class="weui_cell_bd_p"url="../login/login"退出/navigator/view/view/block/view/view

3.3.在login.js修改跳转页面的方法:

4.原来是这样:

wx.redirectTo({url:'../teachers/teachers',})

5.这样跳转是不起作用的,所以我们需要使用另一个方法:

wx.switchTab({url:'../teachers/teachers',})

6.这样我们就能得到任课老师的列表那个页面。

7.4.在my.js里,我们需要获取登陆的个人信息,所以需要使用以下代码:

onLoad:function(options){varstudent=wx.getStorageSync('student');this.setData({no:student.student.no}),//获取学号this.setData({name:student.student.name})//获取姓名this.setData({cc:student.student.classid})//获取班号this.setData({ban:student.student.classname})//获取班级this.setData({xi:student.student.departmentname})//获取系别},

8.然后当我们点击修改密码时,会出现以下页面:

9.代码如下:

formbindsubmit="formSubmit"viewclass="all"viewclass="content"viewclass="change"输入原密码:inputpasswordtype="text"name="oldpwd"//viewviewclass="change"输入新密码:viewinputpasswordtype="text"name="newpwd"//view/viewviewclass="change"请再次输入新密码:viewinputpasswordtype="text"name="newpwd1"//view/viewviewclass="input"buttonform-type='submit'type="primary"提交/button/view/view/view/form

10.样式:

/*pages/pwd/pwd.wxss*/header{width:100%;height:70px;background:#F6BA40;color:white;line-height:100px;text-align:center;}input{border:1pxsolid#CCC;}.all{position:relative;/*height:370px;*/width:100%;margin:0auto;background:white;}.per{position:absolute;width:80%;height:50px;background:#337AB7;color:white;border-radius:4px4px00;}.perspan{position:absolute;left:20px;top:15px;}.content{position:absolute;top:30px;left:50px;}.change{font-weight:bold;margin-bottom:20px;width:100%;}.changeinput{width:240px;}.input{position:absolute;top:200px;width:100%;text-align:center;}.inputinput{width:80%;height:35px;line-height:35px;font-weight:100;background:#F6BA40;color:white;border-radius:5px;outline:none;border:none;}

11.js代码如下:

12.当输入原密码和新密码,点击提交就会出现以下页面:

formSubmit:function(e){console.log(e)varoldpwd=e.detail.value.oldpwd;varnewpwd=e.detail.value.newpwd;varnewpwd1=e.detail.value.newpwd1;if(oldpwd==''||newpwd==''||newpwd1==''){wx.showToast({title:'密码不能为空',icon:'none',duration:1000})}elseif(newpwd!=newpwd1){wx.showToast({title:'两次密码输入不一样',icon:'none',duration:1000})}else{varstudent=wx.getStorageSync('student');varno=student.student.no;varurl="接口url地址";wx.request({url:url,method:'POST',data:{no:no,oldpwd:oldpwd,newpwd:newpwd},header:{'content-type':'application/x-www-form-urlencoded'//默认值},success:function(res){//console.log(res.data)wx.showToast({title:res.data.msg,icon:'none',duration:2000,})}})}}

13.当我们点击退出时,清除缓存的数据,并且回到登陆页面,这样就使用

wx.clearStorage()清除缓存数据.

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎