微信小程序在线考试项目开发-接口封装调用

本项目会耗时一周到两周来完成，最近要又要辛苦加班了，项目给的时间不多，程序员太不容易了，做完项目调休好好休息一下！

此时此刻，记录一下项目实现。

小程序在线考试项目介绍：

技术选型：轻量、可靠的小程序 UI 组件库Vant2：Vant Weapp

项目功能：

• 用户授权认证
• 用户身份信息登记登录，身份信息查看，身份登记之后才能进行在线考试
• 管理员模拟考试列表：

1. 考试状态数据列表检索（待完成、评分中、已完成）

• 考试过程：

1. 选择要参加的考试类型
2. 对多种类型的题目进行包括对单选题、多选题、判断题、填空题、问答题依次作答

• 对于已完成的评分的考题进行查看：答题卡记录
• 微信服务通知：根据当前用户绑定的微信账号身份（手机号、岗位、所属公司），所在公司有新发布的考题时，推送提醒，点击进入小程序答题页面

实现效果： 

 

 

 

 

 小程序在线考试

目录

实现效果： 

 小程序在线考试

data 参数说明

http.js

request.js  

index.js

页面api接口使用：

---

wx.request() 发起 HTTPS 网络请求

data 参数说明

最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String 。转换规则如下：

• 对于 GET 方法的数据，会将数据转换成 query string（encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）
• 对于 POST 方法且 header['content-type'] 为 application/json 的数据，会对数据进行 JSON 序列化
• 对于 POST 方法且 header['content-type'] 为 application/x-www-form-urlencoded 的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

wx.request({
  url: 'example.php', //仅为示例，并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

 详细步骤：

http.js

定义api地址url配置

let baseUrl = 'https://xxxx.xxxx.com';
export {
  baseUrl
}

request.js  

api接口封装

记得token保存使用，可在用户授权之后用户登录时候保存token，接口调用header添加token ;

关于用户openId问题：