微信小程序

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。由于小程序不存在入口。

本篇博客只要是为初步学习小程序，简单登陆页，并使用API接口得到相应数据。

login.js 部分代码实现连接API接口 获取数据

 formSubmit: function (e){
    wx.request({
      url: 'https://www.xxx/xx/index.php/student/api/login', //仅为示例，并非真实的接口地址
      data: {
        username: e.detail.value.no,
        password: e.detail.value.pwd
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data)
        wx.setStorage({
          key:"student",
          data:res.data
        })
      }
    })
  }

login.wxml 做的一个表单提交

<view class="container">  
  <form bindsubmit="formSubmit">  
  <view class="login-icon">   
    <image class="login-img" src="../images/logo.jpg"></image>   
  </view>
    <!--账号-->  
    <view class="inputView">  
      <label class="loginLab">学号</label>  
      <input class="inputText" placeholder="请输入学号" bindinput="phoneInput" value='1635050826' name="no"/>  
    </view>  
    <!--密码-->  
    <view class="inputView">    
      <label class="loginLab">密码</label>  
      <input class="inputText" password="true" placeholder="请输入密码" value='123456' name="pwd"/>  
    </view>  
    <!--按钮-->  
    <view class="loginBtnView">  
      <button class="loginBtn" type="primary" form-type='submit'>登录</button>  
    </view>
    </form>  
</view>