最近我们学习了微信小程序中的显示个人信息以及重置密码,因为是老师做好的接口,所以我们只需要搭好前台页面以及编写好JS代码就可以了。
以上是显示个人信息的页面,包含了用户的学号,姓名,系别,班级(因为是学生评教系统,所以显示这些内容),可以通过点击重置进入到修改密码的页面。
这就是修改密码的页面,通过这个页面可以重置密码。
以下分别是显示个人信息页面的代码以及修改密码的页面:
<!--pages/password/password.wxml-->
<view class="all">
<form bindsubmit="formSubmit">
<view class="content">
<view class="change">
<text>请输入原密码:</text>
<view>
<input name="oldpwd" placeholder='请输入您的密码' password='true'></input>
</view>
</view>
<view class="change">
<text>请输入新密码:</text>
<view>
<input name="newpwd1" placeholder='请输入您的密码' password='true'></input>
</view>
</view>
<view class="change">
<text>请再次输入新密码:</text>
<view>
<input name="newpwd2" placeholder='请输入您的密码' password='true'></input>
</view>
</view>
</view>
<view class="section_btn">
<button form-type='submit' type="primary">提交</button>
</view>
</form>
</view>
<view class="all">
<view class="per" style="background-color:#566C93;">
<span >个人信息</span>
</view>
<view id="content">
<view class="system">
<text class='title'>学号</text>
<text class='message'>{{no}}</text>
</view>
<view class="system">
<text class='title'>姓名</text>
<text class='message'>{{name}}</text>
</view>
<view class="system">
<text class='title'>班级</text>
<text class='message'>{{classname}}</text>
</view>
<view class="system">
<text class='title'>系别</text>
<text class='message'>{{departmentname}}</text>
</view>
<view class='system'>
<text class='title'>密码</text>
<navigator class='reset' url="../password/password">重置</navigator>
</view>
<view class='system'>
<navigator class='exit'>退出<text>>></text></navigator>
</view>
</view>
</view>
其实难点并不是搭前台页面,对于我这种基础比较差的Js反而是难点,所以我会请教我的朋友帮忙。