关于微信小程序开发中的显示个人信息以及重置密码功能

        最近我们学习了微信小程序中的显示个人信息以及重置密码，因为是老师做好的接口，所以我们只需要搭好前台页面以及编写好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反而是难点，所以我会请教我的朋友帮忙。