微信小程序(表单登录并获取个人信息的实现)

最新推荐文章于 2024-09-05 15:47:39 发布

原创

最新推荐文章于 2024-09-05 15:47:39 发布 · 4.8k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了如何在微信小程序中创建一个登录页面，通过XML代码设计表单，并实现登录后跳转到教师列表页面的功能。

首先先创建一个index的目录和page，在xml里面通过代码设计一个登录页面，代码如下：

<view class='container'>  
  <form bindsubmit="formSubmit" bindreset="formReset">  
  <view class="section">  
    <view class="no">学号：</view>  
    <input name="no" placeholder="请输入你的学号" />  
  </view>  
  <view class="section">  
    <view class="pwd">密码：</view>  
    <input name="pwd" type='number' placeholder="请输入你的密码"/>  
  </view>  
  <view class="btn-area">  
    <button formType="submit" class='submit'>登录</button>  
    <button formType="reset" class='reset'>重置</button>  
  </view>  
</form>  
</view>

formSubmit:function(e){  
    // console.log(e.detail.value);  
    wx.request({  
      url: ''//相应的域名链接,  
      data: {  
        no: e.detail.value.no,

最低0.47元/天解锁文章