微信小程序的注册与 语法区别

注册微信小程序首先要有一个没有被微信公众平台激活的邮箱。

注册好小程序之后下载微信web开发工具，选择小程序项目，创建项目是将

此处的appid复制到appid中，之后就会有一个小程序项目了。

在这里的语法和html大相径庭，但有不同之处，没有div 没有float，还有尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

form表不再有action 而是bindsubmit

<form bindsubmit="formSubmit" bindreset="formReset">
    <view class="section">
      <text class="section__title">学号</text>
      <input name="no" placeholder="" value='1635050408' type='number' class='no' />
    </view>
    <view class="section">
      <text class="section__title">密码</text>
      <input name="pwd" placeholder="" value='123456' type='password' class='name' />
    </view>
    <view class="btn-area">
      <button formType="submit" type='primary'>登录</button>
    </view>
  </form>

在js文件中处理，编写函数

formSubmit: function (e) {
    console.log(e.detail.value)
    wx.request({
      url: 'test.php', //仅为示例，并非真实的接口地址
      data: {
        username: e.detail.value.no,//获取表单name为no的value值
        password: e.detail.value.pwd//获取表单name为name的value值

      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data)
        //缓存学生信息
        // wx.setStorage({
        //   key: "student",//键
        //   data: res.data//值
        // });
        // 页面跳转，跳转到teacher页面
        wx.redirectTo({
          url: '../teacher/teacher'//跳转到页面路径
        })
      }
      
    })
    
  }