最近我們學習了微信小程式中的顯示個人資訊以及重置密碼，因為是老師做好的介面，所以我們只需要搭好前臺頁面以及編寫好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>