20181223 update

5 years ago · 3fe79226a7
parent 5bd677a88f
commit 3fe79226a7
109 changed files with 3548 additions and 1 deletions
--- a/README.md
+++ b/README.md
@ -1 +1,2 @@
-# XJTLU-automatic_attendence
+# XJTLU-automatic_attendence
+This is based on WeChat Program.
--- a/app.js
+++ b/app.js
@ -0,0 +1,30 @@
+//app.js
+App({
+  onLaunch: function () {
+    //调用API从本地缓存中获取数据
+    var logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs.slice(0,40))
+  },
+  getUserInfo:function(cb){
+    var that = this
+    if(this.globalData.userInfo){
+      typeof cb == "function" && cb(this.globalData.userInfo)
+    }else{
+      //调用登录接口
+      wx.login({
+        success: function () {
+          wx.getUserInfo({
+            success: function (res) {
+              that.globalData.userInfo = res.userInfo
+              typeof cb == "function" && cb(that.globalData.userInfo)
+            }
+          })
+        }
+      })
+    }
+  },
+  globalData:{
+    userInfo:null
+  }
+})
--- a/app.json
+++ b/app.json
@ -0,0 +1,12 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/IDcard/IDcard",
+    "pages/logs/logs",
+    "pages/qr/index.xml",
+    "pages/qr/index"
+  ],
+  "window": {
+    "navigationStyle": "custom"
+  }
+}
--- a/app.wxss
+++ b/app.wxss
@ -0,0 +1,234 @@
+/**app.wxss**/
+page {
+  background-color: #fbf9fe;
+  height: 100%;
+}
+.container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  justify-content: space-between;
+  align-items: center;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+}
+.page-header {
+  display: flex;
+  font-size: 32rpx;
+  color: #aaa;
+  margin-top: 50rpx;
+  flex-direction: column;
+  align-items: center;
+}
+.page-header-text {
+  padding: 20rpx 40rpx;
+}
+.page-header-line {
+  width: 150rpx;
+  height: 1px;
+  border-bottom: 1px solid #ccc; 
+}
+
+.page-body {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-grow: 1;
+  overflow-x: hidden;
+}
+.page-body-wrapper {
+  margin-top: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.page-body-wrapper form {
+  width: 100%;
+}
+.page-body-wording {
+  text-align: center;
+  padding: 200rpx 100rpx;
+}
+.page-body-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #fff;
+  margin-bottom: 50rpx;
+  width: 100%;
+  padding: 50rpx 0 150rpx 0;
+}
+.page-body-title {
+  margin-bottom: 100rpx;
+  font-size: 32rpx;
+}
+.page-body-text {
+  font-size: 30rpx;
+  line-height: 26px;
+  color: #ccc;
+}
+.page-body-text-small {
+  font-size: 24rpx;
+  color: #000;
+  margin-bottom: 100rpx;
+}
+.page-body-form {
+  width: 100%;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid #eee;
+}
+.page-body-form-item {
+  display: flex;
+  align-items: center;
+  margin-left: 30rpx;
+  border-bottom: 1px solid #eee;
+  height: 88rpx;
+  font-size: 34rpx;
+}
+.page-body-form-key {
+  width: 180rpx;
+  color: #000;
+}
+.page-body-form-value {
+  flex-grow: 1;
+}
+.page-body-form-value .input-placeholder {
+  color: #b2b2b2;
+}
+
+.page-body-form-picker {
+  display: flex;
+  justify-content: space-between;
+  height: 100rpx;
+  align-items: center;
+  font-size: 36rpx;
+  margin-left: 20rpx;
+  padding-right: 20rpx;
+  border-bottom: 1px solid #eee;
+}
+.page-body-form-picker-value {
+  color: #ccc;
+}
+
+.page-body-buttons {
+  width: 100%;
+}
+.page-body-button {
+  margin: 25rpx;
+}
+.page-body-button image {
+  width: 150rpx;
+  height: 150rpx;
+}
+.page-footer {
+  text-align: center;
+  color: #1aad19;
+  font-size: 24rpx;
+  margin: 20rpx 0;
+}
+
+.green{
+    color: #09BB07;
+}
+.red{
+    color: #F76260;
+}
+.blue{
+    color: #10AEFF;
+}
+.yellow{
+    color: #FFBE00;
+}
+.gray{
+    color: #C9C9C9;
+}
+
+.strong{
+    font-weight: bold;
+}
+
+.bc_green{
+    background-color: #09BB07;
+}
+.bc_red{
+    background-color: #F76260;
+}
+.bc_blue{
+    background-color: #10AEFF;
+}
+.bc_yellow{
+    background-color: #FFBE00;
+}
+.bc_gray{
+    background-color: #C9C9C9;
+}
+
+.tc{
+    text-align: center;
+}
+
+.page input{
+    padding: 20rpx 30rpx;
+    background-color: #fff;
+}
+checkbox, radio{
+    margin-right: 10rpx;
+}
+
+.btn-area{
+    padding: 0 30rpx;
+}
+.btn-area button{
+    margin-top: 20rpx;
+    margin-bottom: 20rpx;
+}
+
+.page {
+    min-height: 100%;
+    flex: 1;
+    background-color: #FBF9FE;
+    font-size: 32rpx;
+    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
+    overflow: hidden;
+}
+.page__hd{
+    padding: 50rpx 50rpx 100rpx 50rpx;
+    text-align: center;
+}
+.page__title{
+    display: inline-block;
+    padding: 20rpx 40rpx;
+    font-size: 32rpx;
+    color: #AAAAAA;
+    border-bottom: 1px solid #CCCCCC;
+}
+.page__desc{
+    display: none;
+    margin-top: 20rpx;
+    font-size: 26rpx;
+    color: #BBBBBB;
+}
+
+.section{
+    margin-bottom: 80rpx;
+}
+.section_gap{
+    padding: 0 30rpx;
+}
+.section__title{
+    margin-bottom: 16rpx;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+}
+.section_gap .section__title{
+    padding-left: 0;
+    padding-right: 0;
+}
+.section__ctn{
+
+}
--- a/cloudfunctions/login/index.js
+++ b/cloudfunctions/login/index.js
@ -0,0 +1,31 @@
+// 云函数模板
+// 部署：在 cloud-functions/login 文件夹右击选择 “上传并部署”
+
+const cloud = require('wx-server-sdk')
+
+// 初始化 cloud
+cloud.init()
+
+/**
+ * 这个示例将经自动鉴权过的小程序用户 openid 返回给小程序端
+ * 
+ * event 参数包含小程序端调用传入的 data
+ * 
+ */
+exports.main = (event, context) => {
+  console.log(event)
+  console.log(context)
+
+  // 可执行其他自定义逻辑
+  // console.log 的内容可以在云开发云函数调用日志查看
+
+  // 获取 WX Context (微信调用上下文)，包括 OPENID、APPID、及 UNIONID（需满足 UNIONID 获取条件）
+  const wxContext = cloud.getWXContext()
+
+  return {
+    event,
+    openid: wxContext.OPENID,
+    appid: wxContext.APPID,
+    unionid: wxContext.UNIONID,
+  }
+}
--- a/cloudfunctions/login/package.json
+++ b/cloudfunctions/login/package.json
@ -0,0 +1,14 @@
+{
+  "name": "login",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "latest"
+  }
+}
--- a/img/eid/Background.jpg
+++ b/img/eid/Background.jpg
--- a/img/eid/Picture2.png
+++ b/img/eid/Picture2.png
--- a/img/eid/Picture3.png
+++ b/img/eid/Picture3.png
--- a/img/eid/eid_Photo.png
+++ b/img/eid/eid_Photo.png
--- a/img/eid/eid_carBackgroud.png
+++ b/img/eid/eid_carBackgroud.png
--- a/img/eid/eid_cardBackground.png
+++ b/img/eid/eid_cardBackground.png
--- a/img/eid/eid_logo.png
+++ b/img/eid/eid_logo.png
--- a/img/eid/eid_tran.png
+++ b/img/eid/eid_tran.png
--- a/img/eid/page
+++ b/img/eid/page
--- a/img/eid/page
+++ b/img/eid/page
--- a/img/eid/qr.png
+++ b/img/eid/qr.png
--- a/miniprogram/app.js
+++ b/miniprogram/app.js
@ -0,0 +1,15 @@
+//app.js
+App({
+  onLaunch: function () {
+    
+    if (!wx.cloud) {
+      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
+    } else {
+      wx.cloud.init({
+        traceUser: true,
+      })
+    }
+
+    this.globalData = {}
+  }
+})
--- a/miniprogram/app.json
+++ b/miniprogram/app.json
@ -0,0 +1,18 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/userConsole/userConsole",
+    "pages/storageConsole/storageConsole",
+    "pages/databaseGuide/databaseGuide",
+    "pages/addFunction/addFunction",
+    "pages/deployFunctions/deployFunctions",
+    "pages/chooseLib/chooseLib"
+  ],
+  "window": {
+    "backgroundColor": "#F6F6F6",
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#F6F6F6",
+    "navigationBarTitleText": "云开发 QuickStart",
+    "navigationBarTextStyle": "black"
+  }
+}
--- a/miniprogram/app.wxss
+++ b/miniprogram/app.wxss
@ -0,0 +1,7 @@
+/**app.wxss**/
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+} 
--- a/miniprogram/images/code-db-inc-dec.png
+++ b/miniprogram/images/code-db-inc-dec.png
--- a/miniprogram/images/code-db-onAdd.png
+++ b/miniprogram/images/code-db-onAdd.png
--- a/miniprogram/images/code-db-onQuery.png
+++ b/miniprogram/images/code-db-onQuery.png
--- a/miniprogram/images/code-db-onRemove.png
+++ b/miniprogram/images/code-db-onRemove.png
--- a/miniprogram/images/code-func-sum.png
+++ b/miniprogram/images/code-func-sum.png
--- a/miniprogram/images/console-entrance.png
+++ b/miniprogram/images/console-entrance.png
--- a/miniprogram/images/create-collection.png
+++ b/miniprogram/images/create-collection.png
--- a/miniprogram/pages/addFunction/addFunction.js
+++ b/miniprogram/pages/addFunction/addFunction.js
@ -0,0 +1,60 @@
+// pages/addFunction/addFunction.js
+
+const code = `// 云函数入口函数
+exports.main = (event, context) => {
+  console.log(event)
+  console.log(context)
+  return {
+    sum: event.a + event.b
+  }
+}`
+
+Page({
+
+  data: {
+    result: '',
+    canIUseClipboard: wx.canIUse('setClipboardData'),
+  },
+
+  onLoad: function (options) {
+
+  },
+
+  copyCode: function() {
+    wx.setClipboardData({
+      data: code,
+      success: function () {
+        wx.showToast({
+          title: '复制成功',
+        })
+      }
+    })
+  },
+
+  testFunction() {
+    wx.cloud.callFunction({
+      name: 'sum',
+      data: {
+        a: 1,
+        b: 2
+      },
+      success: res => {
+        wx.showToast({
+          title: '调用成功',
+        })
+        this.setData({
+          result: JSON.stringify(res.result)
+        })
+      },
+      fail: err => {
+        wx.showToast({
+          icon: 'none',
+          title: '调用失败',
+        })
+        console.error('[云函数] [sum] 调用失败：', err)
+      }
+    })
+  },
+
+})
+
--- a/miniprogram/pages/addFunction/addFunction.json
+++ b/miniprogram/pages/addFunction/addFunction.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "云函数指引"
+}
--- a/miniprogram/pages/addFunction/addFunction.wxml
+++ b/miniprogram/pages/addFunction/addFunction.wxml
@ -0,0 +1,29 @@
+<!--pages/addFunction/addFunction.wxml-->
+<view class="container">
+
+  <view class="list">
+    <view class="list-item" bindtap="testFunction">
+      <text>测试云函数</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text">期望输出：{"sum":3}</text>
+    </view>
+    <view class="list-item" wx:if="{{result}}">
+      <text class="request-text">调用结果：{{result}}</text>
+    </view>
+  </view>
+
+  <view class="guide">
+    <text class="headline">新增云函数</text>
+    <text class="p">1. 在云函数根目录 cloudfunctions 上右键选择新建云函数，命名为 sum</text>
+    <text class="p">2. 在创建的 cloudfunctions/sum/index.js 文件中添加如下代码</text>
+    <image class="image1" src="../../images/code-func-sum.png" mode="aspectFit"></image>
+    <button class="copyBtn" wx:if="{{canIUseClipboard}}" bindtap="copyCode">复制代码</button>
+    <text class="p">3. 在 cloudfunctions/sum 目录上右键上传并部署</text>
+    <text class="p">4. 点击测试云函数测试</text>
+    <text class="p">5. 打开云开发云函数管理页，选择 sum 云函数</text>
+    <text class="p">6. 查看 sum 的调用日志</text>
+    <text class="p">进阶：可在云函数中使用 wx-server-sdk 操作数据库，文件存储和调用其他云函数，详见文档</text>
+  </view>
+
+</view>
--- a/miniprogram/pages/addFunction/addFunction.wxss
+++ b/miniprogram/pages/addFunction/addFunction.wxss
@ -0,0 +1,3 @@
+/* pages/addFunction/addFunction.wxss */
+
+@import "../../style/guide.wxss";
--- a/miniprogram/pages/chooseLib/chooseLib.js
+++ b/miniprogram/pages/chooseLib/chooseLib.js
@ -0,0 +1,66 @@
+// pages/chooseLib/chooseLib.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
--- a/miniprogram/pages/chooseLib/chooseLib.json
+++ b/miniprogram/pages/chooseLib/chooseLib.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "选择基础库"
+}
--- a/miniprogram/pages/chooseLib/chooseLib.wxml
+++ b/miniprogram/pages/chooseLib/chooseLib.wxml
@ -0,0 +1,14 @@
+<!--pages/chooseLib/chooseLib.wxml-->
+<view class="container">
+
+  <view class="list">
+    <view class="list-item">
+      <text class="black">初始化失败</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text">请使用 2.2.3 或以上的基础库以使用云能力</text>
+    </view>
+  </view>
+
+</view>
+
--- a/miniprogram/pages/chooseLib/chooseLib.wxss
+++ b/miniprogram/pages/chooseLib/chooseLib.wxss
@ -0,0 +1,7 @@
+/* pages/chooseLib/chooseLib.wxss */
+
+@import "../../style/guide.wxss";
+
+.black {
+  color: black;
+}
--- a/miniprogram/pages/databaseGuide/databaseGuide.js
+++ b/miniprogram/pages/databaseGuide/databaseGuide.js
@ -0,0 +1,193 @@
+// pages/databaseGuide/databaseGuide.js
+
+const app = getApp()
+
+Page({
+
+  data: {
+    step: 1,
+    counterId: '',
+    openid: '',
+    count: null,
+    queryResult: '',
+  },
+
+  onLoad: function (options) {
+    if (app.globalData.openid) {
+      this.setData({
+        openid: app.globalData.openid
+      })
+    }
+  },
+
+  onAdd: function () {
+    // const db = wx.cloud.database()
+    // db.collection('counters').add({
+    //   data: {
+    //     count: 1
+    //   },
+    //   success: res => {
+    //     // 在返回结果中会包含新创建的记录的 _id
+    //     this.setData({
+    //       counterId: res._id,
+    //       count: 1
+    //     })
+    //     wx.showToast({
+    //       title: '新增记录成功',
+    //     })
+    //     console.log('[数据库] [新增记录] 成功，记录 _id: ', res._id)
+    //   },
+    //   fail: err => {
+    //     wx.showToast({
+    //       icon: 'none',
+    //       title: '新增记录失败'
+    //     })
+    //     console.error('[数据库] [新增记录] 失败：', err)
+    //   }
+    // })
+  },
+
+  onQuery: function() {
+    // const db = wx.cloud.database()
+    // // 查询当前用户所有的 counters
+    // db.collection('counters').where({
+    //   _openid: this.data.openid
+    // }).get({
+    //   success: res => {
+    //     this.setData({
+    //       queryResult: JSON.stringify(res.data, null, 2)
+    //     })
+    //     console.log('[数据库] [查询记录] 成功: ', res)
+    //   },
+    //   fail: err => {
+    //     wx.showToast({
+    //       icon: 'none',
+    //       title: '查询记录失败'
+    //     })
+    //     console.error('[数据库] [查询记录] 失败：', err)
+    //   }
+    // })
+  },
+
+  onCounterInc: function() {
+    // const db = wx.cloud.database()
+    // const newCount = this.data.count + 1
+    // db.collection('counters').doc(this.data.counterId).update({
+    //   data: {
+    //     count: newCount
+    //   },
+    //   success: res => {
+    //     this.setData({
+    //       count: newCount
+    //     })
+    //   },
+    //   fail: err => {
+    //     icon: 'none',
+    //     console.error('[数据库] [更新记录] 失败：', err)
+    //   }
+    // })
+  },
+
+  onCounterDec: function() {
+    // const db = wx.cloud.database()
+    // const newCount = this.data.count - 1
+    // db.collection('counters').doc(this.data.counterId).update({
+    //   data: {
+    //     count: newCount
+    //   },
+    //   success: res => {
+    //     this.setData({
+    //       count: newCount
+    //     })
+    //   },
+    //   fail: err => {
+    //     icon: 'none',
+    //     console.error('[数据库] [更新记录] 失败：', err)
+    //   }
+    // })
+  },
+
+  onRemove: function() {
+    // if (this.data.counterId) {
+    //   const db = wx.cloud.database()
+    //   db.collection('counters').doc(this.data.counterId).remove({
+    //     success: res => {
+    //       wx.showToast({
+    //         title: '删除成功',
+    //       })
+    //       this.setData({
+    //         counterId: '',
+    //         count: null,
+    //       })
+    //     },
+    //     fail: err => {
+    //       wx.showToast({
+    //         icon: 'none',
+    //         title: '删除失败',
+    //       })
+    //       console.error('[数据库] [删除记录] 失败：', err)
+    //     }
+    //   })
+    // } else {
+    //   wx.showToast({
+    //     title: '无记录可删，请见创建一个记录',
+    //   })
+    // }
+  },
+
+  nextStep: function () {
+    // 在第一步，需检查是否有 openid，如无需获取
+    if (this.data.step === 1 && !this.data.openid) {
+      wx.cloud.callFunction({
+        name: 'login',
+        data: {},
+        success: res => {
+          app.globalData.openid = res.result.openid
+          this.setData({
+            step: 2,
+            openid: res.result.openid
+          })
+        },
+        fail: err => {
+          wx.showToast({
+            icon: 'none',
+            title: '获取 openid 失败，请检查是否有部署 login 云函数',
+          })
+          console.log('[云函数] [login] 获取 openid 失败，请检查是否有部署云函数，错误信息：', err)
+        }
+      })
+    } else {
+      const callback = this.data.step !== 6 ? function() {} : function() {
+        console.group('数据库文档')
+        console.log('https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database.html')
+        console.groupEnd()
+      }
+
+      this.setData({
+        step: this.data.step + 1
+      }, callback)
+    }
+  },
+
+  prevStep: function () {
+    this.setData({
+      step: this.data.step - 1
+    })
+  },
+
+  goHome: function() {
+    const pages = getCurrentPages()
+    if (pages.length === 2) {
+      wx.navigateBack()
+    } else if (pages.length === 1) {
+      wx.redirectTo({
+        url: '../index/index',
+      })
+    } else {
+      wx.reLaunch({
+        url: '../index/index',
+      })
+    }
+  }
+
+})
--- a/miniprogram/pages/databaseGuide/databaseGuide.json
+++ b/miniprogram/pages/databaseGuide/databaseGuide.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "数据库指引"
+}
--- a/miniprogram/pages/databaseGuide/databaseGuide.wxml
+++ b/miniprogram/pages/databaseGuide/databaseGuide.wxml
@ -0,0 +1,134 @@
+<!--pages/databaseGuide/databaseGuide.wxml-->
+<view class="container">
+
+  <!-- 导航 -->
+  <view class="list">
+    <view class="list-item">
+      <text class="request-text">数据库指引</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text" wx:for="{{7}}" style="color: {{step === index + 1 ? 'red': 'black'}}">{{index + 1}}</text>
+    </view>
+    <view class="list-item" wx:if="{{openid}}">
+      <text class="request-text">openid：{{openid}}</text>
+    </view>
+    <view class="list-item" wx:if="{{counterId}}">
+      <text class="request-text">当前记录 ID：{{counterId}}</text>
+    </view>
+  </view>
+
+  <!-- 快速操作数据库指引 -->
+
+  <!-- 简介 -->
+  <view class="guide" wx:if="{{step === 1}}">
+    <text class="headline">示例介绍</text>
+    <text class="p">1. 以计数器为例，在此演示如何操作数据库</text>
+    <text class="p">2. 数据库操作大多需要用户 openid，需先配置好 login 云函数，如已配置好，点击下一步，获取用户 openid 并开始我们的指引</text>
+    <div class="nav">
+      <button class="next" size="mini" type="default" bindtap="nextStep">下一步</button>
+    </div>
+  </view>
+
+  <!-- 新建集合 -->
+  <view class="guide" wx:if="{{step === 2}}">
+    <text class="headline">新建集合</text>
+    <text class="p">1. 打开云开发控制台，进入到数据库管理页</text>
+    <image class="image1" src="../../images/console-entrance.png" mode="aspectFit"></image>
+    <text class="p">2. 选择添加集合，集合名为 counters</text>
+    <image class="flat-image" src="../../images/create-collection.png" mode="aspectFit"></image>
+    <text class="p">3. 可以看到 counters 集合出现在左侧集合列表中</text>
+    <text class="p">注：集合必须在云开发控制台中创建</text>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="nextStep">下一步</button>
+    </div>
+  </view>
+
+  <!-- 新增记录 -->
+  <view class="guide" wx:if="{{step === 3}}">
+    <text class="headline">新增记录</text>
+    <text class="p">1. 打开 pages/databaseGuide/databaseGuide.js 文件，定位到 onAdd 方法</text>
+    <text class="p">2. 把注释掉的代码解除注释</text>
+    <image class="code-image" src="../../images/code-db-onAdd.png" mode="aspectFit"></image>
+    <text class="p">3. onAdd 方法会往 counters 集合新增一个记录，新增如下格式的一个 JSON 记录</text>
+    <text class="code">
+    {
+      "_id": "数据库自动生成记录 ID 字段",
+      "_openid": "数据库自动插入记录创建者的 openid",
+      "count": 1
+    }
+    </text>
+    <text class="p">4. 点击按钮</text>
+    <button size="mini" type="default" bindtap="onAdd">新增记录</button>
+    <text class="p" wx:if="{{counterId}}">新增的记录 _id 为：{{counterId}}</text>
+    <text class="p">5. 在云开发 -> 数据库 -> counters 集合中可以看到新增的记录</text>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="nextStep" wx:if="{{counterId}}">下一步</button>
+    </div>
+  </view>
+
+  <!-- 查询记录 -->
+  <view class="guide" wx:if="{{step === 4}}">
+    <text class="headline">查询记录</text>
+    <text class="p">1. 打开 pages/databaseGuide/databaseGuide.js 文件，定位到 onQuery 方法</text>
+    <text class="p">2. 把注释掉的代码解除注释，onQuery 方法会在下方按钮被点击时触发</text>
+    <image class="code-image" src="../../images/code-db-onQuery.png" mode="aspectFit"></image>
+    <text class="p">3. 点击按钮</text>
+    <button size="mini" type="default" bindtap="onQuery">查询记录</button>
+    <text class="code" wx:if="{{queryResult}}">{{queryResult}}</text>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="nextStep">下一步</button>
+    </div>
+  </view>
+
+  <!-- 更新记录 -->
+  <view class="guide" wx:if="{{step === 5}}">
+    <text class="headline">更新记录</text>
+    <text class="p">1. 打开 pages/databaseGuide/databaseGuide.js 文件，定位到 onCounterInc 和 onCounterDec 方法</text>
+    <text class="p">2. 把注释掉的代码解除注释</text>
+    <image class="code-image" src="../../images/code-db-inc-dec.png" mode="aspectFit"></image>
+    <text class="p">3. 点击下方按钮更新计数器</text>
+    <div class="counter">
+      <button class="minus" size="mini" type="default" bindtap="onCounterDec">-</button>
+      <text class="p">{{count}}</text>
+      <button class="plus" size="mini" type="default" bindtap="onCounterInc">+</button>
+    </div>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="nextStep">下一步</button>
+    </div>
+  </view>
+
+  <!-- 删除记录 -->
+  <view class="guide" wx:if="{{step === 6}}">
+    <text class="headline">删除记录</text>
+    <text class="p">1. 打开 pages/databaseGuide/databaseGuide.js 文件，定位到 onRemove 方法</text>
+    <text class="p">2. 把注释掉的代码解除注释</text>
+    <image class="code-image" src="../../images/code-db-onRemove.png" mode="aspectFit"></image>
+    <text class="p">3. 点击下方按钮删除计数器</text>
+    <button size="mini" type="default" bindtap="onRemove">删除记录</button>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep" wx:if="{{counterId}}">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="nextStep">下一步</button>
+    </div>
+  </view>
+
+  <!-- 结语 -->
+  <view class="guide" wx:if="{{step === 7}}">
+    <text class="headline">完成指引 !</text>
+    <text class="p">恭喜你，至此已完成数据库操作入门基础，可以点击调试器中的链接，查看详尽的数据库文档</text>
+
+    <div class="nav">
+      <button class="prev" size="mini" type="default" bindtap="prevStep">上一步</button>
+      <button class="next" size="mini" type="default" bindtap="goHome">回到首页</button>
+    </div>
+  </view>
+
+</view>
--- a/miniprogram/pages/databaseGuide/databaseGuide.wxss
+++ b/miniprogram/pages/databaseGuide/databaseGuide.wxss
@ -0,0 +1,10 @@
+/* pages/databaseGuide/databaseGuide.wxss */
+
+@import "../../style/guide.wxss";
+
+.guide .counter {
+  margin-top: 50rpx;
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+}
--- a/miniprogram/pages/deployFunctions/deployFunctions.js
+++ b/miniprogram/pages/deployFunctions/deployFunctions.js
@ -0,0 +1,66 @@
+// pages/deployFunctions/deployFunctions.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
--- a/miniprogram/pages/deployFunctions/deployFunctions.json
+++ b/miniprogram/pages/deployFunctions/deployFunctions.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "部署云函数"
+}
--- a/miniprogram/pages/deployFunctions/deployFunctions.wxml
+++ b/miniprogram/pages/deployFunctions/deployFunctions.wxml
@ -0,0 +1,21 @@
+<!--pages/deployFunctions/deployFunctions.wxml-->
+<view class="container">
+
+  <view class="list">
+    <view class="list-item">
+      <text class="black">调用失败</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text">请检查 login 云函数是否已部署</text>
+    </view>
+  </view>
+
+  <view class="guide">
+    <text class="headline">部署 login 云函数</text>
+    <text class="p">1. 确保已通过工具栏云开发入口开通云开发</text>
+    <text class="p">2. 在 cloudfunctions/login 目录上右键上传并部署</text>
+    <text class="p">3. 回到首页，重新点击获取 openid</text>
+  </view>
+
+</view>
+
--- a/miniprogram/pages/deployFunctions/deployFunctions.wxss
+++ b/miniprogram/pages/deployFunctions/deployFunctions.wxss
@ -0,0 +1,7 @@
+/* pages/deployFunctions/deployFunctions.wxss */
+
+@import "../../style/guide.wxss";
+
+.black {
+  color: black;
+}
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@ -0,0 +1,120 @@
+//index.js
+const app = getApp()
+
+Page({
+  data: {
+    avatarUrl: './user-unlogin.png',
+    userInfo: {},
+    logged: false,
+    takeSession: false,
+    requestResult: ''
+  },
+
+  onLoad: function() {
+    if (!wx.cloud) {
+      wx.redirectTo({
+        url: '../chooseLib/chooseLib',
+      })
+      return
+    }
+
+    // 获取用户信息
+    wx.getSetting({
+      success: res => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              this.setData({
+                avatarUrl: res.userInfo.avatarUrl,
+                userInfo: res.userInfo
+              })
+            }
+          })
+        }
+      }
+    })
+  },
+
+  onGetUserInfo: function(e) {
+    if (!this.logged && e.detail.userInfo) {
+      this.setData({
+        logged: true,
+        avatarUrl: e.detail.userInfo.avatarUrl,
+        userInfo: e.detail.userInfo
+      })
+    }
+  },
+
+  onGetOpenid: function() {
+    // 调用云函数
+    wx.cloud.callFunction({
+      name: 'login',
+      data: {},
+      success: res => {
+        console.log('[云函数] [login] user openid: ', res.result.openid)
+        app.globalData.openid = res.result.openid
+        wx.navigateTo({
+          url: '../userConsole/userConsole',
+        })
+      },
+      fail: err => {
+        console.error('[云函数] [login] 调用失败', err)
+        wx.navigateTo({
+          url: '../deployFunctions/deployFunctions',
+        })
+      }
+    })
+  },
+
+  // 上传图片
+  doUpload: function () {
+    // 选择图片
+    wx.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: ['album', 'camera'],
+      success: function (res) {
+
+        wx.showLoading({
+          title: '上传中',
+        })
+
+        const filePath = res.tempFilePaths[0]
+        
+        // 上传图片
+        const cloudPath = 'my-image' + filePath.match(/\.[^.]+?$/)[0]
+        wx.cloud.uploadFile({
+          cloudPath,
+          filePath,
+          success: res => {
+            console.log('[上传文件] 成功：', res)
+
+            app.globalData.fileID = res.fileID
+            app.globalData.cloudPath = cloudPath
+            app.globalData.imagePath = filePath
+            
+            wx.navigateTo({
+              url: '../storageConsole/storageConsole'
+            })
+          },
+          fail: e => {
+            console.error('[上传文件] 失败：', e)
+            wx.showToast({
+              icon: 'none',
+              title: '上传失败',
+            })
+          },
+          complete: () => {
+            wx.hideLoading()
+          }
+        })
+
+      },
+      fail: e => {
+        console.error(e)
+      }
+    })
+  },
+
+})
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@ -0,0 +1,5 @@
+<!--index.wxml-->
+<view class="container">
+
+
+ </view>
--- a/miniprogram/pages/index/index.wxss
+++ b/miniprogram/pages/index/index.wxss
@ -0,0 +1,137 @@
+/**index.wxss**/
+
+page {
+  background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.userinfo, .uploader, .tunnel {
+  margin-top: 40rpx;
+  height: 140rpx;
+  width: 100%;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-left: none;
+  border-right: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  transition: all 300ms ease;
+}
+
+.userinfo-avatar {
+  width: 100rpx;
+  height: 100rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+  background-size: cover;
+  background-color: white;
+}
+
+.userinfo-avatar:after {
+  border: none;
+}
+
+.userinfo-nickname {
+  font-size: 32rpx;
+  color: #007aff;
+  background-color: white;
+  background-size: cover;
+}
+
+.userinfo-nickname::after {
+  border: none;
+}
+
+.uploader, .tunnel {
+  height: auto;
+  padding: 0 0 0 40rpx;
+  flex-direction: column;
+  align-items: flex-start;
+  box-sizing: border-box;
+}
+
+.uploader-text, .tunnel-text {
+  width: 100%;
+  line-height: 52px;
+  font-size: 34rpx;
+  color: #007aff;
+}
+
+.uploader-container {
+  width: 100%;
+  height: 400rpx;
+  padding: 20rpx 20rpx 20rpx 0;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.uploader-image {
+  width: 100%;
+  height: 360rpx;
+}
+
+.tunnel {
+  padding: 0 0 0 40rpx;
+}
+
+.tunnel-text {
+  position: relative;
+  color: #222;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.tunnel-text:first-child {
+  border-top: none;
+}
+
+.tunnel-switch {
+  position: absolute;
+  right: 20rpx;
+  top: -2rpx;
+}
+
+.disable {
+  color: #888;
+}
+
+.service {
+  position: fixed;
+  right: 40rpx;
+  bottom: 40rpx;
+  width: 140rpx;
+  height: 140rpx;
+  border-radius: 50%;
+  background: linear-gradient(#007aff, #0063ce);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  transition: all 300ms ease;
+}
+
+.service-button {
+  position: absolute;
+  top: 40rpx;
+}
+
+.service:active {
+  box-shadow: none;
+}
+
+.request-text {
+  padding: 20rpx 0;
+  font-size: 24rpx;
+  line-height: 36rpx;
+  word-break: break-all;
+}
--- a/miniprogram/pages/index/user-unlogin.png
+++ b/miniprogram/pages/index/user-unlogin.png
--- a/miniprogram/pages/storageConsole/storageConsole.js
+++ b/miniprogram/pages/storageConsole/storageConsole.js
@ -0,0 +1,32 @@
+// pages/storageConsole/storageConsole.js
+
+const app = getApp()
+
+Page({
+
+  data: {
+    fileID: '',
+    cloudPath: '',
+    imagePath: '',
+  },
+
+  onLoad: function (options) {
+
+    const {
+      fileID,
+      cloudPath,
+      imagePath,
+    } = app.globalData
+
+    this.setData({
+      fileID,
+      cloudPath,
+      imagePath,
+    })
+
+    console.group('文件存储文档')
+    console.log('https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/storage.html')
+    console.groupEnd()
+  },
+
+})
--- a/miniprogram/pages/storageConsole/storageConsole.json
+++ b/miniprogram/pages/storageConsole/storageConsole.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "文件存储指引"
+}
--- a/miniprogram/pages/storageConsole/storageConsole.wxml
+++ b/miniprogram/pages/storageConsole/storageConsole.wxml
@ -0,0 +1,29 @@
+<!--pages/storageConsole/storageConsole.wxml-->
+<view class="container">
+
+  <view class="list">
+    <view class="list-item" bindtap="testCgi">
+      <text class="black">上传成功</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text">文件 ID：{{fileID}}</text>
+    </view>
+    <view class="list-item">
+      <text class="request-text">云文件路径：{{cloudPath}}</text>
+    </view>
+    <view class="list-item">
+      <image class="image1" src="{{imagePath}}" mode="aspectFit"></image>
+    </view>
+  </view>
+
+  <view class="guide">
+    <!-- <image class="image1" src="{{imagePath}}" mode="aspectFit"></image> -->
+    <text class="headline">云开发控制台中管理文件</text>
+    <text class="p">1. 打开云开发控制台</text>
+    <image class="image1" src="../../images/console-entrance.png" mode="aspectFit"></image>
+    <text class="p">2. 切换到文件管理标签页</text>
+    <text class="p">3. 可查看文件列表、管理权限</text>
+    <text class="p">4. 详细的教程和 API 文件，可点击调试器中打印的链接查看</text>
+  </view>
+
+</view>
--- a/miniprogram/pages/storageConsole/storageConsole.wxss
+++ b/miniprogram/pages/storageConsole/storageConsole.wxss
@ -0,0 +1,7 @@
+/* pages/storageConsole/storageConsole.wxss */
+
+@import "../../style/guide.wxss";
+
+.black {
+  color: black;
+}
--- a/miniprogram/pages/userConsole/userConsole.js
+++ b/miniprogram/pages/userConsole/userConsole.js
@ -0,0 +1,13 @@
+// pages/userConsole/userConsole.js
+Page({
+
+  data: {
+    openid: ''
+  },
+
+  onLoad: function (options) {
+    this.setData({
+      openid: getApp().globalData.openid
+    })
+  }
+})
--- a/miniprogram/pages/userConsole/userConsole.json
+++ b/miniprogram/pages/userConsole/userConsole.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "用户管理指引"
+}
--- a/miniprogram/pages/userConsole/userConsole.wxml
+++ b/miniprogram/pages/userConsole/userConsole.wxml
@ -0,0 +1,22 @@
+<!--pages/userConsole/userConsole.wxml-->
+<view class="container">
+
+  <view class="list">
+    <view class="list-item" bindtap="testCgi">
+      <text class="request-text">用户 openid 获取成功</text>
+    </view>
+    <view class="list-item" bindtap="testCgi">
+      <text class="request-text">{{openid}}</text>
+    </view>
+  </view>
+
+  <!-- 云开发用户管理指引 -->
+  <view class="guide">
+    <text class="headline">云开发管理用户</text>
+    <text class="p">1. 打开云开发控制台</text>
+    <image class="image1" src="../../images/console-entrance.png" mode="aspectFit"></image>
+    <text class="p">2. 切换到 "用户管理" 标签页</text>
+    <text class="p">3. 查看访问小程序的用户列表</text>
+  </view>
+
+</view>
--- a/miniprogram/pages/userConsole/userConsole.wxss
+++ b/miniprogram/pages/userConsole/userConsole.wxss
@ -0,0 +1,3 @@
+/* pages/userConsole/userConsole.wxss */
+
+@import "../../style/guide.wxss";
--- a/miniprogram/style/guide.wxss
+++ b/miniprogram/style/guide.wxss
@ -0,0 +1,144 @@
+page {
+  background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.list {
+  margin-top: 40rpx;
+  height: auto;
+  width: 100%;
+  background: #fff;
+  padding: 0 40rpx;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-left: none;
+  border-right: none;
+  transition: all 300ms ease;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  box-sizing: border-box;
+}
+
+.list-item {
+  width: 100%;
+  padding: 0;
+  line-height: 104rpx;
+  font-size: 34rpx;
+  color: #007aff;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.list-item:first-child {
+  border-top: none;
+}
+
+.list-item image {
+  max-width: 100%;
+  max-height: 20vh;
+  margin: 20rpx 0;
+}
+
+.request-text {
+  color: #222;
+  padding: 20rpx 0;
+  font-size: 24rpx;
+  line-height: 36rpx;
+  word-break: break-all;
+}
+
+.guide {
+  width: 100%;
+  padding: 40rpx;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.guide .headline {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #555;
+  line-height: 40rpx;
+}
+
+.guide .p {
+  margin-top: 20rpx;
+  font-size: 28rpx;
+  line-height: 36rpx;
+  color: #666;
+}
+
+.guide .code {
+  margin-top: 20rpx;
+  font-size: 28rpx;
+  line-height: 36rpx;
+  color: #666;
+  background: white;
+  white-space: pre;
+}
+
+.guide .code-dark {
+  margin-top: 20rpx;
+  background: rgba(0, 0, 0, 0.8);
+  padding: 20rpx;
+  font-size: 28rpx;
+  line-height: 36rpx;
+  border-radius: 6rpx;
+  color: #fff;
+  white-space: pre
+}
+
+.guide image {
+  max-width: 100%;
+}
+
+.guide .image1 {
+  margin-top: 20rpx;
+  max-width: 100%;
+  width: 356px;
+  height: 47px;
+}
+
+.guide .image2 {
+  margin-top: 20rpx;
+  width: 264px;
+  height: 100px;
+}
+
+.guide .flat-image {
+  height: 100px;
+}
+
+.guide .code-image {
+  max-width: 100%;
+}
+
+.guide .copyBtn {
+  width: 180rpx;
+  font-size: 20rpx;
+  margin-top: 16rpx;
+  margin-left: 0;
+}
+
+.guide .nav {
+  margin-top: 50rpx;
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+}
+
+.guide .nav .prev {
+  margin-left: unset;
+}
+
+.guide .nav .next {
+  margin-right: unset;
+}
+
--- a/pages/IDcard/IDcard.js
+++ b/pages/IDcard/IDcard.js
@ -0,0 +1,244 @@
+
+
+
+
+//index.js
+
+const app = getApp()
+
+import QRCode from '../index/qrCode.js'
+var CusBase64 = require('../index/base64.js');
+
+var shu;
+//返回码大全：：由番茄树精心调配
+// state           状态
+//  666           success
+//  14        数据插入数据库失败
+//  21            密码错误
+//  17           找不到用户
+//  10         用户名或密码为空
+//  40         无法连接到服务器
+
+var rck = 'rememberCheck';
+var rui = 'rememberUserInfo';
+var rbFlag = false;
+
+
+
+Page({
+
+  //定义了两个数据变量，一个是login,请在login中记录用户名和密码，，另一个是tomatotrees,用于记录返回数据
+  //具体使用请参阅示例wxml文件
+  data:
+    {
+      edata: {},
+      qr: {}, //二维码
+      fp: {},
+      fingerprint: '',
+      test: '',
+      usr:'',
+      password: ''
+    },
+
+  onLoad: function (options) {
+
+    wx.scanCode({
+      success(res) {
+        console.log(res)
+      }
+    })
+    var that = this;
+    this.fp();
+    wx.getStorage({
+      key: 'ridp',
+      success: function (res) {
+        console.log(res.data);
+        var edata = res.data;
+        that.setData
+          ({
+            edata : res.data
+          })
+        console.log('edata',edata);
+        
+        
+      },
+    })
+    this.encode('abcdefghigk');
+    console.log(options);
+
+      this.potatotrees_qr();
+
+
+    setTimeout(function () {
+      that.potatotrees_qr();
+      //要延时执行的代码
+    }, 500) //延迟时间 这里是1秒
+    setTimeout(function () {
+      that.potatotrees_qr();
+      //要延时执行的代码
+    }, 50000) //延迟时间 这里是1秒
+    setTimeout(function () {
+      that.potatotrees_qr();
+      //要延时执行的代码
+    }, 50000) //延迟时间 这里是1秒
+    setTimeout(function () {
+      that.potatotrees_qr();
+      //要延时执行的代码
+    }, 50000) //延迟时间 这里是1秒
+    setTimeout(function () {
+      that.potatotrees_qr();
+      //要延时执行的代码
+    }, 50000) //延迟时间 这里是1秒
+
+  },
+
+  finger: function () {
+    
+    var that = this;
+    wx.getStorage({
+      key: 'ridp',
+      success: function (res) {
+        console.log(res.data);
+        var edata = res.data;
+        var usr = '';
+
+        that.setData
+          ({
+            edata: res.data
+          })
+        console.log('edata', edata);
+        usr = that.data.edata.usr;
+        console.log('usr', usr);
+        shu = res.data.usr;
+        console.log('usr??????', shu);
+      
+
+    var fingerprint = that.data.fp.model + '_' + that.data.fp.pixelRatio + '_' + that.data.fp.system + '_' +shu;
+    console.log(fingerprint);
+    var md5 = require('../index/md5.js');
+    var fingerprint = md5.md5(fingerprint);
+        console.log(fingerprint);
+    that.setData
+      ({
+        fingerprint: fingerprint
+      })
+    return fingerprint;
+      },
+    })
+
+  },
+
+   
+  //使用this.tomatotrees.state获取返回状态码，使用this.tomatotrees.tip获取返回状态提示信息
+  //使用this.tomatotrees.name获取姓名，使用this.tomatotrees.id获取id, 使用this.tomatotrees.image获取头像地址
+
+
+
+  ///qr code get 获得二维码的函数,使用this.qr.state获取返回状态码，使用this.qr.key获取识别码
+  //二维码暂定默认失效期60秒
+  potatotrees_qr: function () {
+    var that = this;
+    this.finger();
+    var fingerprint = this.data.fingerprint;
+    console.log(fingerprint);
+    fingerprint = this.encode(fingerprint);
+    wx.request
+      ({
+        header: { "Content-Type": "application/x-www-form-urlencoded" },
+        url: 'https://yimian.xyz/student_id/iddev/key_produce.php',
+        method: 'POST',
+        data:
+          {
+            fingerprint: fingerprint
+          },
+        success: function (res2) {
+
+          that.setData
+            ({
+              qr: res2.data
+            })
+
+          var qrcode = new QRCode('canvas', {
+            text: res2.data.key,
+            width: 180,
+            height: 180,
+            colorDark: '#000000',
+            colorLight: '#ffffff',
+            correctLevel: QRCode.correctLevel.H
+          })
+        },
+        fail: function () {
+          this.data.tomatotrees.state = 40;
+          this.data.tomatotrees.tip = 'Cannot connect to the server!';
+        }
+
+      })
+
+  },
+
+
+
+
+
+  //获取设备信息
+  fp: function (e) 
+  {
+    var that = this;
+
+    wx.getSystemInfo({
+      success: function (res3) {
+        that.setData
+          ({
+            fp: res3
+          })
+      }
+    })
+  },
+
+  //加密函数
+  encode: function (str) {
+    var that = this;
+
+    var time2 = Date.now() + '';
+    var time8 = time2.substr(7, 1);
+    var time9 = time2.substr(8, 1);
+
+    var str1 = str.substr(0, 6);
+    var str2 = str.substr(6, 3);
+    var str3 = str.substr(9);
+
+    var str_ = str1 + time8 + str2 + time9 + str3;
+
+    var rand = parseInt(time2.substr(9, 1));
+
+    str_ = CusBase64.CusBASE64.encoder(str_);
+
+    str_ = str_.substr(0, 2) + '5BfPh4' + str_.substr(2);
+
+    for (var i = 0; i < 4; i++) {
+      str_ = CusBase64.CusBASE64.encoder(str_);
+    }
+
+
+    that.setData({
+      test: str_
+    })
+
+    return str_;
+  },
+
+//返回登录页清楚缓存
+  moveTo1: function () {
+
+    wx.navigateBack({
+      delta: 1,
+    })
+   wx.clearStorageSync()
+   wx.clearStorage()
+   var edata = ''
+
+  },
+
+})
+
+
--- a/pages/IDcard/IDcard.json
+++ b/pages/IDcard/IDcard.json
@ -0,0 +1 @@
+{}
--- a/pages/IDcard/IDcard.wxml
+++ b/pages/IDcard/IDcard.wxml
@ -0,0 +1,68 @@
+
+
+<!--index.wxml-->
+
+
+<view class="eid_cardBackground">
+ 
+   <image class="eid_cardBackground" src="/img/eid/eid_cardBackground.png" mode="widthFix"></image>
+   
+  </view>
+
+<view class="eid_Photo">
+
+  <image  src="{{edata.image}}" mode="widthFix" style="width:180rpx; height:180rpx"></image>
+   
+  </view>
+<view class="eid_EngName">
+
+ <text>{{edata.ename}}</text>
+   
+  </view>
+<view class="eid_Name">
+
+  <text>{{edata.name}}</text>
+   
+  </view>
+ 
+<view class="eid_ID">
+
+ <text>{{edata.id}}</text>
+   
+  </view>
+<view class='eid_right'></view>
+
+
+<canvas canvas-id="canvas" style="width: 180px; height: 180px; margin-top: 160rpx;margin-left:auto;margin-right: auto" catchtap="potatotrees_qr"></canvas>
+
+<view class="container">
+ <view class="pageone" catchtap='moveTo1'>
+
+    <image class="page1" src="../images/page1.png"></image>
+    
+  </view> 
+
+ 
+ <view class="pagetwo" >
+
+    <image class="page2" src="../images/page2.png"></image>
+    
+
+
+  </view> 
+
+</view>
+    
+    
+
+
+  
+  
+
+
+    
+    
+
+
+  
+  
--- a/pages/IDcard/IDcard.wxss
+++ b/pages/IDcard/IDcard.wxss
--- a/pages/images/ID.png
+++ b/pages/images/ID.png
--- a/pages/images/back.jpg
+++ b/pages/images/back.jpg
--- a/pages/images/eid/Background.jpg
+++ b/pages/images/eid/Background.jpg
--- a/pages/images/eid/Picture2.png
+++ b/pages/images/eid/Picture2.png
--- a/pages/images/eid/Picture3.png
+++ b/pages/images/eid/Picture3.png
--- a/pages/images/eid/eid_Photo.png
+++ b/pages/images/eid/eid_Photo.png
--- a/pages/images/eid/eid_carBackgroud.png
+++ b/pages/images/eid/eid_carBackgroud.png
--- a/pages/images/eid/eid_cardBackground.png
+++ b/pages/images/eid/eid_cardBackground.png
--- a/pages/images/eid/eid_logo.png
+++ b/pages/images/eid/eid_logo.png
--- a/pages/images/eid/eid_tran.png
+++ b/pages/images/eid/eid_tran.png
--- a/pages/images/eid/page
+++ b/pages/images/eid/page
--- a/pages/images/eid/page
+++ b/pages/images/eid/page
--- a/pages/images/eid/qr.png
+++ b/pages/images/eid/qr.png
--- a/pages/images/key.png
+++ b/pages/images/key.png
--- a/pages/images/name.png
+++ b/pages/images/name.png
--- a/pages/images/no.png
+++ b/pages/images/no.png
--- a/pages/images/ok.png
+++ b/pages/images/ok.png
--- a/pages/images/page1.png
+++ b/pages/images/page1.png
--- a/pages/images/page2.png
+++ b/pages/images/page2.png
--- a/pages/img/eid/Background.jpg
+++ b/pages/img/eid/Background.jpg
--- a/pages/img/eid/Picture2.png
+++ b/pages/img/eid/Picture2.png
--- a/pages/img/eid/Picture3.png
+++ b/pages/img/eid/Picture3.png
--- a/pages/img/eid/eid_Photo.png
+++ b/pages/img/eid/eid_Photo.png
--- a/pages/img/eid/eid_carBackgroud.png
+++ b/pages/img/eid/eid_carBackgroud.png
--- a/pages/img/eid/eid_cardBackground.png
+++ b/pages/img/eid/eid_cardBackground.png
--- a/pages/img/eid/eid_logo.png
+++ b/pages/img/eid/eid_logo.png
--- a/pages/img/eid/eid_tran.png
+++ b/pages/img/eid/eid_tran.png
--- a/pages/img/eid/page
+++ b/pages/img/eid/page
--- a/pages/img/eid/page
+++ b/pages/img/eid/page
--- a/pages/img/eid/qr.png
+++ b/pages/img/eid/qr.png
--- a/pages/index/base64.js
+++ b/pages/index/base64.js
@ -0,0 +1,219 @@
+
+(function () {
+  var BASE64_MAPPING = [
+    'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H',
+    'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P',
+    'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X',
+    'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f',
+    'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n',
+    'o', 'p', 'q', 'r', 's', 't', 'u', 'v',
+    'w', 'x', 'y', 'z', '0', '1', '2', '3',
+    '4', '5', '6', '7', '8', '9', '+', '/'
+  ];
+
+	/**
+	 *ascii convert to binary
+	 */
+  var _toBinary = function (ascii) {
+    var binary = new Array();
+    while (ascii > 0) {
+      var b = ascii % 2;
+      ascii = Math.floor(ascii / 2);
+      binary.push(b);
+    }
+		/*
+		var len = binary.length;
+		if(6-len > 0){
+			for(var i = 6-len ; i > 0 ; --i){
+				binary.push(0);
+			}
+		}*/
+    binary.reverse();
+    return binary;
+  };
+
+	/**
+	 *binary convert to decimal
+	 */
+  var _toDecimal = function (binary) {
+    var dec = 0;
+    var p = 0;
+    for (var i = binary.length - 1; i >= 0; --i) {
+      var b = binary[i];
+      if (b == 1) {
+        dec += Math.pow(2, p);
+      }
+      ++p;
+    }
+    return dec;
+  };
+
+	/**
+	 *unicode convert to utf-8
+	 */
+  var _toUTF8Binary = function (c, binaryArray) {
+    var mustLen = (8 - (c + 1)) + ((c - 1) * 6);
+    var fatLen = binaryArray.length;
+    var diff = mustLen - fatLen;
+    while (--diff >= 0) {
+      binaryArray.unshift(0);
+    }
+    var binary = [];
+    var _c = c;
+    while (--_c >= 0) {
+      binary.push(1);
+    }
+    binary.push(0);
+    var i = 0, len = 8 - (c + 1);
+    for (; i < len; ++i) {
+      binary.push(binaryArray[i]);
+    }
+
+    for (var j = 0; j < c - 1; ++j) {
+      binary.push(1);
+      binary.push(0);
+      var sum = 6;
+      while (--sum >= 0) {
+        binary.push(binaryArray[i++]);
+      }
+    }
+    return binary;
+  };
+
+  var __BASE64 = {
+    /**
+     *BASE64 Encode
+     */
+    encoder: function (str) {
+      var base64_Index = [];
+      var binaryArray = [];
+      for (var i = 0, len = str.length; i < len; ++i) {
+        var unicode = str.charCodeAt(i);
+        var _tmpBinary = _toBinary(unicode);
+        if (unicode < 0x80) {
+          var _tmpdiff = 8 - _tmpBinary.length;
+          while (--_tmpdiff >= 0) {
+            _tmpBinary.unshift(0);
+          }
+          binaryArray = binaryArray.concat(_tmpBinary);
+        } else if (unicode >= 0x80 && unicode <= 0x7FF) {
+          binaryArray = binaryArray.concat(_toUTF8Binary(2, _tmpBinary));
+        } else if (unicode >= 0x800 && unicode <= 0xFFFF) {//UTF-8 3byte
+          binaryArray = binaryArray.concat(_toUTF8Binary(3, _tmpBinary));
+        } else if (unicode >= 0x10000 && unicode <= 0x1FFFFF) {//UTF-8 4byte
+          binaryArray = binaryArray.concat(_toUTF8Binary(4, _tmpBinary));
+        } else if (unicode >= 0x200000 && unicode <= 0x3FFFFFF) {//UTF-8 5byte
+          binaryArray = binaryArray.concat(_toUTF8Binary(5, _tmpBinary));
+        } else if (unicode >= 4000000 && unicode <= 0x7FFFFFFF) {//UTF-8 6byte
+          binaryArray = binaryArray.concat(_toUTF8Binary(6, _tmpBinary));
+        }
+      }
+
+      var extra_Zero_Count = 0;
+      for (var i = 0, len = binaryArray.length; i < len; i += 6) {
+        var diff = (i + 6) - len;
+        if (diff == 2) {
+          extra_Zero_Count = 2;
+        } else if (diff == 4) {
+          extra_Zero_Count = 4;
+        }
+        //if(extra_Zero_Count > 0){
+        //	len += extra_Zero_Count+1;
+        //}
+        var _tmpExtra_Zero_Count = extra_Zero_Count;
+        while (--_tmpExtra_Zero_Count >= 0) {
+          binaryArray.push(0);
+        }
+        base64_Index.push(_toDecimal(binaryArray.slice(i, i + 6)));
+      }
+
+      var base64 = '';
+      for (var i = 0, len = base64_Index.length; i < len; ++i) {
+        base64 += BASE64_MAPPING[base64_Index[i]];
+      }
+
+      for (var i = 0, len = extra_Zero_Count / 2; i < len; ++i) {
+        base64 += '=';
+      }
+      return base64;
+    },
+    /**
+     *BASE64  Decode for UTF-8 
+     */
+    decoder: function (_base64Str) {
+      var _len = _base64Str.length;
+      var extra_Zero_Count = 0;
+      /**
+       *计算在进行BASE64编码的时候，补了几个0
+       */
+      if (_base64Str.charAt(_len - 1) == '=') {
+        //alert(_base64Str.charAt(_len-1));
+        //alert(_base64Str.charAt(_len-2));
+        if (_base64Str.charAt(_len - 2) == '=') {//两个等号说明补了4个0
+          extra_Zero_Count = 4;
+          _base64Str = _base64Str.substring(0, _len - 2);
+        } else {//一个等号说明补了2个0
+          extra_Zero_Count = 2;
+          _base64Str = _base64Str.substring(0, _len - 1);
+        }
+      }
+
+      var binaryArray = [];
+      for (var i = 0, len = _base64Str.length; i < len; ++i) {
+        var c = _base64Str.charAt(i);
+        for (var j = 0, size = BASE64_MAPPING.length; j < size; ++j) {
+          if (c == BASE64_MAPPING[j]) {
+            var _tmp = _toBinary(j);
+            /*不足6位的补0*/
+            var _tmpLen = _tmp.length;
+            if (6 - _tmpLen > 0) {
+              for (var k = 6 - _tmpLen; k > 0; --k) {
+                _tmp.unshift(0);
+              }
+            }
+            binaryArray = binaryArray.concat(_tmp);
+            break;
+          }
+        }
+      }
+
+      if (extra_Zero_Count > 0) {
+        binaryArray = binaryArray.slice(0, binaryArray.length - extra_Zero_Count);
+      }
+
+      var unicode = [];
+      var unicodeBinary = [];
+      for (var i = 0, len = binaryArray.length; i < len;) {
+        if (binaryArray[i] == 0) {
+          unicode = unicode.concat(_toDecimal(binaryArray.slice(i, i + 8)));
+          i += 8;
+        } else {
+          var sum = 0;
+          while (i < len) {
+            if (binaryArray[i] == 1) {
+              ++sum;
+            } else {
+              break;
+            }
+            ++i;
+          }
+          unicodeBinary = unicodeBinary.concat(binaryArray.slice(i + 1, i + 8 - sum));
+          i += 8 - sum;
+          while (sum > 1) {
+            unicodeBinary = unicodeBinary.concat(binaryArray.slice(i + 2, i + 8));
+            i += 8;
+            --sum;
+          }
+          unicode = unicode.concat(_toDecimal(unicodeBinary));
+          unicodeBinary = [];
+        }
+      }
+      return unicode;
+    }
+  };
+
+  //window.BASE64 = __BASE64;
+  module.exports = {
+    CusBASE64: __BASE64
+  }
+})();
--- a/pages/index/index.js
+++ b/pages/index/index.js
@ -0,0 +1,155 @@
+Page({
+  /**
+  * 初始化数据
+  */
+  data: {
+    phone: '',
+    password: '',
+    url: ''
+  },
+  onLoad: function (options) {
+    var that = this;
+
+
+    wx.scanCode({
+      success(res) {
+
+        console.log(res)
+        that.data.url = res.result;
+
+        if (that.data.phone != '' && that.data.password != '' && that.data.url != '') {
+          console.log('yayayayayayyaayyayaayay')
+
+          wx.request({
+            url: 'https://yimian.xyz/qr_scan_ice', //仅为示例，并非真实的接口地址
+            data: {
+              usr: that.data.phone,
+              pswd: that.data.password,
+              url: that.data.url
+            },
+            header: {
+              'content-type': 'application/json' // 默认值
+            },
+            success(res) {
+              console.log(res.data.msg)
+              that.showok(res.data);
+            }
+          })
+
+
+
+        }
+      }
+    })
+
+    wx.getStorage({
+      key: 'usr',
+      success(res) {
+        console.log('stor usr:'+res.data)
+        that.data.phone = res.data;
+        console.log('stor usr:' + that.data.phone)
+      }
+    })
+
+    wx.getStorage({
+      key: 'psswd',
+      success(res) {
+        console.log('stor psd:' +res.data)
+        that.data.password = res.data;
+        console.log('stor psd:' + that.data.password)
+      }
+    })
+
+
+  },
+  /**
+   * 监听手机号输入，并把输入的值保存在data变量中
+   */
+  listenerPhoneInput: function (e) {
+    console.log('Phone=' + e.detail.value)
+    this.data.phone = e.detail.value;
+
+  },
+  /**
+   * 监听密码输入，并把输入的值保存在data变量中
+   */
+  listenerPasswordInput: function (e) {
+    console.log('Password=' + e.detail.value)
+    this.data.password = e.detail.value;
+  },
+  /**
+   * 监听登录按钮，获取保存在data变量中的值
+   */
+  listenerLogin: function () {
+    var that=this;
+    //打印收入账号和密码
+    console.log('手机号为: ', this.data.phone);
+    console.log('密码为: ', this.data.password);
+    console.log('url为: ', this.data.url);
+    wx.setStorage({
+      key: "usr",
+      data: that.data.phone
+    })
+    wx.setStorage({
+      key: "psswd",
+      data: that.data.password
+    })
+
+    wx.request({
+      url: 'https://yimian.xyz/qr_scan_ice', //仅为示例，并非真实的接口地址
+      data: {
+        usr: that.data.phone,
+        pswd: that.data.password,
+        url: that.data.url
+      },
+      header: {
+        'content-type': 'application/json' // 默认值
+      },
+      success(res) {
+        console.log(res.data.msg)
+      }
+    })
+
+  },
+
+  showok: function (res) {
+    if(res.msg==666)
+    {
+    wx.showToast({
+      title: '成功',
+      icon: 'success',
+      duration: 3000
+    })
+    }
+
+    if (res.msg == 'IP') {
+      wx.showToast({
+        title: '请确认已连接学校Wifi',
+        icon: 'none',
+        duration: 3000
+      })
+    }
+
+
+    if (res.msg == 'ERROR') {
+      wx.showToast({
+        title: '请不要扫描非签到二维码',
+        icon: 'none',
+        duration: 3000
+      })
+    }
+
+
+    if (res.msg == 'LOGIN') {
+      wx.showToast({
+        title: '用户名或密码错误',
+        icon: 'none',
+        duration: 3000
+      })
+    }
+
+
+
+  }  
+  
+})
--- a/pages/index/index.json
+++ b/pages/index/index.json
@ -0,0 +1 @@
+{}
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@ -0,0 +1,18 @@
+<!--style的优先级比class高会覆盖和class相同属性-->
+<!--头像-->
+<text>\n\n\n\n</text>
+<view style="display:flex;justify-content: center;">
+    <image  style="width:130rpx;height:130rpx;border-radius:50%;margin-top:10%;" src="../../image/logo.jpg"> </image>
+</view>
+<!--这个是输入框背景-->
+<view class="inputView">
+    <!--这个是输入框-->
+    <input class="input"  type="text" placeholder="请输入ICE账号" placeholder-style="color: gray" bindinput="listenerPhoneInput" value="{{phone}}" />
+</view>
+<view class="inputView">
+    <input class="input" password="true" placeholder="请输入密码" placeholder-style="color: gray" bindinput="listenerPasswordInput" value="{{password}}"/>
+</view>
+<!--登录按钮-->
+<button style="margin-left: 15rpx; margin-right: 15rpx; margin-top: 50rpx; border-radius: 40rpx" type="primary" bindtap="listenerLogin">一键签到</button>
+<!--登录按钮-->
+<button style="margin-left: 15rpx; margin-right: 15rpx; margin-top: 50rpx; border-radius: 40rpx" type="primary" bindtap="onLoad">重新扫码</button>
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@ -0,0 +1,13 @@
+.input{
+    padding-left: 10px;
+    height: 44px;
+}
+.inputView{
+    /*边界：大小1px, 为固体，为绿色*/
+    border:  1px solid green;
+    /*边界角的弧度*/
+    border-radius: 30px;
+    margin-left: 15px;
+    margin-right: 15px;
+    margin-top: 15px;
+}
--- a/pages/index/md5.js
+++ b/pages/index/md5.js
@ -0,0 +1,193 @@
+
+function md5(string) {
+  var x = Array();
+  var k, AA, BB, CC, DD, a, b, c, d;
+  var S11 = 7, S12 = 12, S13 = 17, S14 = 22;
+  var S21 = 5, S22 = 9, S23 = 14, S24 = 20;
+  var S31 = 4, S32 = 11, S33 = 16, S34 = 23;
+  var S41 = 6, S42 = 10, S43 = 15, S44 = 21;
+  string = Utf8Encode(string);
+  x = ConvertToWordArray(string);
+  a = 0x67452301;
+  b = 0xEFCDAB89;
+  c = 0x98BADCFE;
+  d = 0x10325476;
+  for (k = 0; k < x.length; k += 16) {
+    AA = a;
+    BB = b;
+    CC = c;
+    DD = d;
+    a = FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
+    d = FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
+    c = FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
+    b = FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
+    a = FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
+    d = FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
+    c = FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
+    b = FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
+    a = FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
+    d = FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
+    c = FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
+    b = FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
+    a = FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
+    d = FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
+    c = FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
+    b = FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
+    a = GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
+    d = GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
+    c = GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
+    b = GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
+    a = GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
+    d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
+    c = GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
+    b = GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
+    a = GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
+    d = GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
+    c = GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
+    b = GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
+    a = GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
+    d = GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
+    c = GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
+    b = GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
+    a = HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
+    d = HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
+    c = HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
+    b = HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
+    a = HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
+    d = HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
+    c = HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
+    b = HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
+    a = HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
+    d = HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
+    c = HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
+    b = HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
+    a = HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
+    d = HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
+    c = HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
+    b = HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
+    a = II(a, b, c, d, x[k + 0], S41, 0xF4292244);
+    d = II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
+    c = II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
+    b = II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
+    a = II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
+    d = II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
+    c = II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
+    b = II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
+    a = II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
+    d = II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
+    c = II(c, d, a, b, x[k + 6], S43, 0xA3014314);
+    b = II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
+    a = II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
+    d = II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
+    c = II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
+    b = II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
+    a = AddUnsigned(a, AA);
+    b = AddUnsigned(b, BB);
+    c = AddUnsigned(c, CC);
+    d = AddUnsigned(d, DD);
+  }
+  var temp = WordToHex(a) + WordToHex(b) + WordToHex(c) + WordToHex(d);
+  return temp.toLowerCase();
+}
+function RotateLeft(lValue, iShiftBits) {
+  return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
+}
+function AddUnsigned(lX, lY) {
+  var lX4, lY4, lX8, lY8, lResult;
+  lX8 = (lX & 0x80000000);
+  lY8 = (lY & 0x80000000);
+  lX4 = (lX & 0x40000000);
+  lY4 = (lY & 0x40000000);
+  lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
+  if (lX4 & lY4) {
+    return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
+  }
+  if (lX4 | lY4) {
+    if (lResult & 0x40000000) {
+      return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
+    } else {
+      return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
+    }
+  } else {
+    return (lResult ^ lX8 ^ lY8);
+  }
+}
+function F(x, y, z) {
+  return (x & y) | ((~x) & z);
+}
+function G(x, y, z) {
+  return (x & z) | (y & (~z));
+}
+function H(x, y, z) {
+  return (x ^ y ^ z);
+}
+function I(x, y, z) {
+  return (y ^ (x | (~z)));
+}
+function FF(a, b, c, d, x, s, ac) {
+  a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
+  return AddUnsigned(RotateLeft(a, s), b);
+}
+function GG(a, b, c, d, x, s, ac) {
+  a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
+  return AddUnsigned(RotateLeft(a, s), b);
+}
+function HH(a, b, c, d, x, s, ac) {
+  a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
+  return AddUnsigned(RotateLeft(a, s), b);
+}
+function II(a, b, c, d, x, s, ac) {
+  a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
+  return AddUnsigned(RotateLeft(a, s), b);
+}
+function ConvertToWordArray(string) {
+  var lWordCount;
+  var lMessageLength = string.length;
+  var lNumberOfWords_temp1 = lMessageLength + 8;
+  var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
+  var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
+  var lWordArray = Array(lNumberOfWords - 1);
+  var lBytePosition = 0;
+  var lByteCount = 0;
+  while (lByteCount < lMessageLength) {
+    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+    lBytePosition = (lByteCount % 4) * 8;
+    lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
+    lByteCount++;
+  }
+  lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+  lBytePosition = (lByteCount % 4) * 8;
+  lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
+  lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
+  lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
+  return lWordArray;
+}
+function WordToHex(lValue) {
+  var WordToHexValue = "", WordToHexValue_temp = "", lByte, lCount;
+  for (lCount = 0; lCount <= 3; lCount++) {
+    lByte = (lValue >>> (lCount * 8)) & 255;
+    WordToHexValue_temp = "0" + lByte.toString(16);
+    WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
+  }
+  return WordToHexValue;
+}
+function Utf8Encode(string) {
+  var utftext = "";
+  for (var n = 0; n < string.length; n++) {
+    var c = string.charCodeAt(n);
+    if (c < 128) {
+      utftext += String.fromCharCode(c);
+    } else if ((c > 127) && (c < 2048)) {
+      utftext += String.fromCharCode((c >> 6) | 192);
+      utftext += String.fromCharCode((c & 63) | 128);
+    } else {
+      utftext += String.fromCharCode((c >> 12) | 224);
+      utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+      utftext += String.fromCharCode((c & 63) | 128);
+    }
+  }
+ return utftext;
+}
+module.exports = {
+  md5: md5
+}
--- a/pages/index/qrCode.js
+++ b/pages/index/qrCode.js
@ -0,0 +1,879 @@
+/**
+ * Created by Zheng_Alex on 2017/12/28.
+ */
+let QRMode = {MODE_NUMBER: 1 << 0, MODE_ALPHA_NUM: 1 << 1, MODE_8BIT_BYTE: 1 << 2, MODE_KANJI: 1 << 3},
+    QRErrorCorrectLevel = {L: 1, M: 0, Q: 3, H: 2},
+    QRMaskPattern = {
+        PATTERN000: 0,
+        PATTERN001: 1,
+        PATTERN010: 2,
+        PATTERN011: 3,
+        PATTERN100: 4,
+        PATTERN101: 5,
+        PATTERN110: 6,
+        PATTERN111: 7
+    },
+    QRUtil = {
+        PATTERN_POSITION_TABLE: [[], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42], [6, 26, 46], [6, 28, 50], [6, 30, 54], [6, 32, 58], [6, 34, 62], [6, 26, 46, 66], [6, 26, 48, 70], [6, 26, 50, 74], [6, 30, 54, 78], [6, 30, 56, 82], [6, 30, 58, 86], [6, 34, 62, 90], [6, 28, 50, 72, 94], [6, 26, 50, 74, 98], [6, 30, 54, 78, 102], [6, 28, 54, 80, 106], [6, 32, 58, 84, 110], [6, 30, 58, 86, 114], [6, 34, 62, 90, 118], [6, 26, 50, 74, 98, 122], [6, 30, 54, 78, 102, 126], [6, 26, 52, 78, 104, 130], [6, 30, 56, 82, 108, 134], [6, 34, 60, 86, 112, 138], [6, 30, 58, 86, 114, 142], [6, 34, 62, 90, 118, 146], [6, 30, 54, 78, 102, 126, 150], [6, 24, 50, 76, 102, 128, 154], [6, 28, 54, 80, 106, 132, 158], [6, 32, 58, 84, 110, 136, 162], [6, 26, 54, 82, 110, 138, 166], [6, 30, 58, 86, 114, 142, 170]],
+        G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0),
+        G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0),
+        G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1),
+        getBCHTypeInfo: function (data) {
+            var d = data << 10;
+            while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+                d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15)));
+            }
+            return ((data << 10) | d) ^ QRUtil.G15_MASK;
+        },
+        getBCHTypeNumber: function (data) {
+            var d = data << 12;
+            while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+                d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18)));
+            }
+            return (data << 12) | d;
+        },
+        getBCHDigit: function (data) {
+            var digit = 0;
+            while (data != 0) {
+                digit++;
+                data >>>= 1;
+            }
+            return digit;
+        },
+        getPatternPosition: function (typeNumber) {
+            return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+        },
+        getMask: function (maskPattern, i, j) {
+            switch (maskPattern) {
+                case QRMaskPattern.PATTERN000:
+                    return (i + j) % 2 == 0;
+                case QRMaskPattern.PATTERN001:
+                    return i % 2 == 0;
+                case QRMaskPattern.PATTERN010:
+                    return j % 3 == 0;
+                case QRMaskPattern.PATTERN011:
+                    return (i + j) % 3 == 0;
+                case QRMaskPattern.PATTERN100:
+                    return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+                case QRMaskPattern.PATTERN101:
+                    return (i * j) % 2 + (i * j) % 3 == 0;
+                case QRMaskPattern.PATTERN110:
+                    return ((i * j) % 2 + (i * j) % 3) % 2 == 0;
+                case QRMaskPattern.PATTERN111:
+                    return ((i * j) % 3 + (i + j) % 2) % 2 == 0;
+                default:
+                    throw new Error("bad maskPattern:" + maskPattern);
+            }
+        },
+        getErrorCorrectPolynomial: function (errorCorrectLength) {
+            var a = new QRPolynomial([1], 0);
+            for (var i = 0; i < errorCorrectLength; i++) {
+                a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0));
+            }
+            return a;
+        },
+        getLengthInBits: function (mode, type) {
+            if (1 <= type && type < 10) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 10;
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 9;
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 8;
+                    case QRMode.MODE_KANJI:
+                        return 8;
+                    default:
+                        throw new Error("mode:" + mode);
+                }
+            } else if (type < 27) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 12;
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 11;
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 16;
+                    case QRMode.MODE_KANJI:
+                        return 10;
+                    default:
+                        throw new Error("mode:" + mode);
+                }
+            } else if (type < 41) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 14;
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 13;
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 16;
+                    case QRMode.MODE_KANJI:
+                        return 12;
+                    default:
+                        throw new Error("mode:" + mode);
+                }
+            } else {
+                throw new Error("type:" + type);
+            }
+        },
+        getLostPoint: function (qrCode) {
+            var moduleCount = qrCode.getModuleCount();
+            var lostPoint = 0;
+            for (var row = 0; row < moduleCount; row++) {
+                for (var col = 0; col < moduleCount; col++) {
+                    var sameCount = 0;
+                    var dark = qrCode.isDark(row, col);
+                    for (var r = -1; r <= 1; r++) {
+                        if (row + r < 0 || moduleCount <= row + r) {
+                            continue;
+                        }
+                        for (var c = -1; c <= 1; c++) {
+                            if (col + c < 0 || moduleCount <= col + c) {
+                                continue;
+                            }
+                            if (r == 0 && c == 0) {
+                                continue;
+                            }
+                            if (dark == qrCode.isDark(row + r, col + c)) {
+                                sameCount++;
+                            }
+                        }
+                    }
+                    if (sameCount > 5) {
+                        lostPoint += (3 + sameCount - 5);
+                    }
+                }
+            }
+            for (var row = 0; row < moduleCount - 1; row++) {
+                for (var col = 0; col < moduleCount - 1; col++) {
+                    var count = 0;
+                    if (qrCode.isDark(row, col)) count++;
+                    if (qrCode.isDark(row + 1, col)) count++;
+                    if (qrCode.isDark(row, col + 1)) count++;
+                    if (qrCode.isDark(row + 1, col + 1)) count++;
+                    if (count == 0 || count == 4) {
+                        lostPoint += 3;
+                    }
+                }
+            }
+            for (var row = 0; row < moduleCount; row++) {
+                for (var col = 0; col < moduleCount - 6; col++) {
+                    if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) {
+                        lostPoint += 40;
+                    }
+                }
+            }
+            for (var col = 0; col < moduleCount; col++) {
+                for (var row = 0; row < moduleCount - 6; row++) {
+                    if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) {
+                        lostPoint += 40;
+                    }
+                }
+            }
+            var darkCount = 0;
+            for (var col = 0; col < moduleCount; col++) {
+                for (var row = 0; row < moduleCount; row++) {
+                    if (qrCode.isDark(row, col)) {
+                        darkCount++;
+                    }
+                }
+            }
+            var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+            lostPoint += ratio * 10;
+            return lostPoint;
+        }
+    },
+    QRMath = {
+        glog: function (n) {
+            if (n < 1) {
+                throw new Error("glog(" + n + ")");
+            }
+            return QRMath.LOG_TABLE[n];
+        },
+        gexp: function (n) {
+            while (n < 0) {
+                n += 255;
+            }
+            while (n >= 256) {
+                n -= 255;
+            }
+            return QRMath.EXP_TABLE[n];
+        },
+        EXP_TABLE: new Array(256), LOG_TABLE: new Array(256)
+    };
+
+for (let i = 0; i < 8; i++) {
+    QRMath.EXP_TABLE[i] = 1 << i;
+}
+for (let i = 8; i < 256; i++) {
+    QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
+}
+for (let i = 0; i < 255; i++) {
+    QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+}
+
+/*
+ * class QR8bitByte
+ * */
+class QR8bitByte {
+    constructor(data) {
+        this.mode = QRMode.MODE_8BIT_BYTE;
+        this.data = data;
+        this.parsedData = [];
+
+        // Added to support UTF-8 Characters
+        for (let i = 0, l = this.data.length; i < l; i++) {
+            let byteArray = [],
+                code = this.data.charCodeAt(i);
+
+            if (code > 0x10000) {
+                byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);
+                byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);
+                byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);
+                byteArray[3] = 0x80 | (code & 0x3F);
+            } else if (code > 0x800) {
+                byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);
+                byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);
+                byteArray[2] = 0x80 | (code & 0x3F);
+            } else if (code > 0x80) {
+                byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);
+                byteArray[1] = 0x80 | (code & 0x3F);
+            } else {
+                byteArray[0] = code;
+            }
+
+            this.parsedData.push(byteArray);
+        }
+
+        this.parsedData = Array.prototype.concat.apply([], this.parsedData);
+
+        if (this.parsedData.length !== this.data.length) {
+            this.parsedData.unshift(191);
+            this.parsedData.unshift(187);
+            this.parsedData.unshift(239);
+        }
+    }
+
+    getLength(buffer) {
+        return this.parsedData.length;
+    }
+
+    write(buffer) {
+        for (let i = 0, l = this.parsedData.length; i < l; i++) {
+            buffer.put(this.parsedData[i], 8);
+        }
+    }
+}
+
+/*
+ * class QRCodeModel
+ * */
+class QRCodeModel {
+    constructor(typeNumber, errorCorrectLevel) {
+        this.typeNumber = typeNumber;
+        this.errorCorrectLevel = errorCorrectLevel;
+        this.modules = null;
+        this.moduleCount = 0;
+        this.dataCache = null;
+        this.dataList = [];
+    }
+
+    addData(data) {
+        let newData = new QR8bitByte(data);
+        this.dataList.push(newData);
+        this.dataCache = null;
+    }
+
+    isDark(row, col) {
+        if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
+            throw new Error(row + ',' + col);
+        }
+        return this.modules[row][col];
+    }
+
+    getModuleCount() {
+        return this.moduleCount;
+    }
+
+    make() {
+        this.makeImpl(false, this.getBestMaskPattern());
+    }
+
+    makeImpl(test, maskPattern) {
+        this.moduleCount = this.typeNumber * 4 + 17;
+        this.modules = new Array(this.moduleCount);
+        
+        for (let row = 0; row < this.moduleCount; row++) {
+            this.modules[row] = new Array(this.moduleCount);
+            for (let col = 0; col < this.moduleCount; col++) {
+                this.modules[row][col] = null;
+            }
+        }
+        
+        this.setupPositionProbePattern(0, 0);
+        this.setupPositionProbePattern(this.moduleCount - 7, 0);
+        this.setupPositionProbePattern(0, this.moduleCount - 7);
+        this.setupPositionAdjustPattern();
+        this.setupTimingPattern();
+        this.setupTypeInfo(test, maskPattern);
+        
+        if (this.typeNumber >= 7) {
+            this.setupTypeNumber(test);
+        }
+        
+        if (this.dataCache == null) {
+            this.dataCache = QRCodeModel.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
+        }
+        this.mapData(this.dataCache, maskPattern);
+    }
+
+    setupPositionProbePattern(row, col) {
+        for (let r = -1; r <= 7; r++) {
+            if (row + r <= -1 || this.moduleCount <= row + r) {
+                continue;
+            }
+            for (let c = -1; c <= 7; c++) {
+                if (col + c <= -1 || this.moduleCount <= col + c) {
+                    continue;
+                }
+                this.modules[row + r][col + c] = (0 <= r && r <= 6 && (c == 0 || c == 6)) 
+                    || (0 <= c && c <= 6 && (r == 0 || r == 6)) || (2 <= r && r <= 4 && 2 <= c && c <= 4)
+            }
+        }
+    }
+
+    getBestMaskPattern() {
+        let minLostPoint = 0,
+            pattern = 0;
+        
+        for (let i = 0; i < 8; i++) {
+            this.makeImpl(true, i);
+            let lostPoint = QRUtil.getLostPoint(this);
+            if (i == 0 || minLostPoint > lostPoint) {
+                minLostPoint = lostPoint;
+                pattern = i;
+            }
+        }
+        
+        return pattern;
+    }
+
+    setupTimingPattern() {
+        for (let r = 8; r < this.moduleCount - 8; r++) {
+            if (this.modules[r][6] != null) {
+                continue;
+            }
+            this.modules[r][6] = (r % 2 == 0);
+        }
+        for (let c = 8; c < this.moduleCount - 8; c++) {
+            if (this.modules[6][c] != null) {
+                continue;
+            }
+            this.modules[6][c] = (c % 2 == 0);
+        }
+    }
+
+    setupPositionAdjustPattern() {
+        let pos = QRUtil.getPatternPosition(this.typeNumber);
+        for (let i = 0; i < pos.length; i++) {
+            for (let j = 0; j < pos.length; j++) {
+                let row = pos[i],
+                    col = pos[j];
+                
+                if (this.modules[row][col] != null) {
+                    continue;
+                }
+                for (let r = -2; r <= 2; r++) {
+                    for (let c = -2; c <= 2; c++) {
+                        this.modules[row + r][col + c] = r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 && c == 0);
+                    }
+                }
+            }
+        }
+    }
+
+    setupTypeNumber(test) {
+        let bits = QRUtil.getBCHTypeNumber(this.typeNumber);
+        
+        for (let i = 0; i < 18; i++) {
+            this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = (!test && ((bits >> i) & 1) == 1);
+        }
+        
+        for (let i = 0; i < 18; i++) {
+            this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = (!test && ((bits >> i) & 1) == 1);
+        }
+    }
+
+    setupTypeInfo(test, maskPattern) {
+        let data = (this.errorCorrectLevel << 3) | maskPattern,
+            bits = QRUtil.getBCHTypeInfo(data);
+        
+        for (let i = 0; i < 15; i++) {
+            let mod = (!test && ((bits >> i) & 1) == 1);
+            
+            if (i < 6) {
+                this.modules[i][8] = mod;
+            } else if (i < 8) {
+                this.modules[i + 1][8] = mod;
+            } else {
+                this.modules[this.moduleCount - 15 + i][8] = mod;
+            }
+        }
+        
+        for (let i = 0; i < 15; i++) {
+            let mod = (!test && ((bits >> i) & 1) == 1);
+            
+            if (i < 8) {
+                this.modules[8][this.moduleCount - i - 1] = mod;
+            } else if (i < 9) {
+                this.modules[8][15 - i - 1 + 1] = mod;
+            } else {
+                this.modules[8][15 - i - 1] = mod;
+            }
+        }
+        
+        this.modules[this.moduleCount - 8][8] = (!test);
+    }
+
+    mapData(data, maskPattern) {
+        let inc = -1,
+            row = this.moduleCount - 1,
+            bitIndex = 7,
+            byteIndex = 0;
+        
+        for (let col = this.moduleCount - 1; col > 0; col -= 2) {
+            if (col == 6) col--;
+            while (true) {
+                for (let c = 0; c < 2; c++) {
+                    if (this.modules[row][col - c] == null) {
+                        let dark = false;
+                        if (byteIndex < data.length) {
+                            dark = (((data[byteIndex] >>> bitIndex) & 1) == 1);
+                        }
+                        
+                        let mask = QRUtil.getMask(maskPattern, row, col - c);
+                        if (mask) {
+                            dark = !dark;
+                        }
+                        
+                        this.modules[row][col - c] = dark;
+                        bitIndex--;
+                        if (bitIndex == -1) {
+                            byteIndex++;
+                            bitIndex = 7;
+                        }
+                    }
+                }
+                row += inc;
+                if (row < 0 || this.moduleCount <= row) {
+                    row -= inc;
+                    inc = -inc;
+                    break;
+                }
+            }
+        }
+    }
+}
+QRCodeModel.PAD0 = 0xEC;
+QRCodeModel.PAD1 = 0x11;
+QRCodeModel.createData = (typeNumber, errorCorrectLevel, dataList) => {
+    let rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel),
+        buffer = new QRBitBuffer();
+    
+    for (let i = 0; i < dataList.length; i++) {
+        let data = dataList[i];
+        buffer.put(data.mode, 4);
+        buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber));
+        data.write(buffer);
+    }
+    
+    let totalDataCount = 0;
+    for (let i = 0; i < rsBlocks.length; i++) {
+        totalDataCount += rsBlocks[i].dataCount;
+    }
+    
+    if (buffer.getLengthInBits() > totalDataCount * 8) {
+        throw new Error("code length overflow. ("
+            + buffer.getLengthInBits()
+            + ">"
+            + totalDataCount * 8
+            + ")");
+    }
+    
+    if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+        buffer.put(0, 4);
+    }
+    
+    while (buffer.getLengthInBits() % 8 != 0) {
+        buffer.putBit(false);
+    }
+    
+    while (true) {
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+            break;
+        }
+        buffer.put(QRCodeModel.PAD0, 8);
+        if (buffer.getLengthInBits() >= totalDataCount * 8) {
+            break;
+        }
+        buffer.put(QRCodeModel.PAD1, 8);
+    }
+    return QRCodeModel.createBytes(buffer, rsBlocks);
+};
+QRCodeModel.createBytes = (buffer, rsBlocks) => {
+    let offset = 0,
+        maxDcCount = 0,
+        maxEcCount = 0,
+        dcData = new Array(rsBlocks.length),
+        ecData = new Array(rsBlocks.length);
+    
+    for (let r = 0; r < rsBlocks.length; r++) {
+        let dcCount = rsBlocks[r].dataCount,
+            ecCount = rsBlocks[r].totalCount - dcCount;
+        
+        maxDcCount = Math.max(maxDcCount, dcCount);
+        maxEcCount = Math.max(maxEcCount, ecCount);
+        dcData[r] = new Array(dcCount);
+        
+        for (let i = 0; i < dcData[r].length; i++) {
+            dcData[r][i] = 0xff & buffer.buffer[i + offset];
+        }
+        
+        offset += dcCount;
+        let rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount),
+            rawPoly = new QRPolynomial(dcData[r], rsPoly.getLength() - 1),
+            modPoly = rawPoly.mod(rsPoly);
+        
+        ecData[r] = new Array(rsPoly.getLength() - 1);
+        
+        for (let i = 0; i < ecData[r].length; i++) {
+            let modIndex = i + modPoly.getLength() - ecData[r].length;
+            ecData[r][i] = (modIndex >= 0) ? modPoly.get(modIndex) : 0;
+        }
+    }
+
+    let totalCodeCount = 0;
+    for (let i = 0; i < rsBlocks.length; i++) {
+        totalCodeCount += rsBlocks[i].totalCount;
+    }
+    
+    let data = new Array(totalCodeCount),
+        index = 0;
+    
+    for (let i = 0; i < maxDcCount; i++) {
+        for (let r = 0; r < rsBlocks.length; r++) {
+            if (i < dcData[r].length) {
+                data[index++] = dcData[r][i];
+            }
+        }
+    }
+    
+    for (let i = 0; i < maxEcCount; i++) {
+        for (let r = 0; r < rsBlocks.length; r++) {
+            if (i < ecData[r].length) {
+                data[index++] = ecData[r][i];
+            }
+        }
+    }
+    return data;
+};
+
+/*
+* class QRPolynomial
+* */
+class QRPolynomial {
+    constructor(num, shift) {
+        if (num.length == undefined) {
+            throw new Error(num.length + '/' + shift);
+        }
+
+        let offset = 0;
+        while (offset < num.length && num[offset] == 0) {
+            offset++;
+        }
+
+        this.num = new Array(num.length - offset + shift);
+
+        for (let i = 0; i < num.length - offset; i++) {
+            this.num[i] = num[i + offset];
+        }
+    }
+    get(index) {
+        return this.num[index];
+    }
+    getLength() {
+        return this.num.length;
+    }
+    multiply(e) {
+        let num = new Array(this.getLength() + e.getLength() - 1);
+
+        for (let i = 0; i < this.getLength(); i++) {
+            for (let j = 0; j < e.getLength(); j++) {
+                num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath.glog(e.get(j)));
+            }
+        }
+        return new QRPolynomial(num, 0);
+    }
+    mod(e) {
+        if (this.getLength() - e.getLength() < 0) {
+            return this;
+        }
+
+        let ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0)),
+            num = new Array(this.getLength());
+
+        for (let i = 0; i < this.getLength(); i++) {
+            num[i] = this.get(i);
+        }
+
+        for (let i = 0; i < e.getLength(); i++) {
+            num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
+        }
+
+        return new QRPolynomial(num, 0).mod(e);
+    }
+}
+
+/*
+* class QRRSBlock
+* */
+class QRRSBlock {
+    constructor(totalCount, dataCount) {
+        this.totalCount = totalCount;
+        this.dataCount = dataCount;
+    }
+}
+QRRSBlock.RS_BLOCK_TABLE = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12], [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]];
+QRRSBlock.getRSBlocks = function (typeNumber, errorCorrectLevel) {
+    let rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+
+    if (!rsBlock) {
+        throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
+    }
+
+    let length = rsBlock.length / 3,
+        list = [];
+
+    for (let i = 0; i < length; i++) {
+        let count = rsBlock[i * 3],
+            totalCount = rsBlock[i * 3 + 1],
+            dataCount = rsBlock[i * 3 + 2];
+
+        for (let j = 0; j < count; j++) {
+            list.push(new QRRSBlock(totalCount, dataCount));
+        }
+    }
+    return list;
+};
+QRRSBlock.getRsBlockTable = function (typeNumber, errorCorrectLevel) {
+    switch (errorCorrectLevel) {
+        case QRErrorCorrectLevel.L:
+            return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4];
+        case QRErrorCorrectLevel.M:
+            return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+        case QRErrorCorrectLevel.Q:
+            return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+        case QRErrorCorrectLevel.H:
+            return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+        default:
+            return undefined;
+    }
+};
+
+/*
+* class QRBitBuffer
+* */
+class QRBitBuffer {
+    constructor() {
+        this.buffer = [];
+        this.length = 0;
+    }
+    get(index) {
+        let bufIndex = Math.floor(index / 8);
+        return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1) == 1;
+    }
+    put(num, length) {
+        for (let i = 0; i < length; i++) {
+            this.putBit(((num >>> (length - i - 1)) & 1) == 1);
+        }
+    }
+    getLengthInBits() {
+        return this.length;
+    }
+    putBit(bit) {
+        let bufIndex = Math.floor(this.length / 8);
+
+        if (this.buffer.length <= bufIndex) {
+            this.buffer.push(0);
+        }
+
+        if (bit) {
+            this.buffer[bufIndex] |= (0x80 >>> (this.length % 8));
+        }
+        this.length++;
+    }
+}
+
+/*
+ * Class Drawing
+ * */
+class Drawing {
+    constructor(el, opts) {
+        this._opts = opts;
+        this._el = el;
+        this._ctx = wx.createCanvasContext(el);
+    }
+
+    draw(QRCode) {
+        let ctx = this._ctx,
+            opts = this._opts;
+
+        let count = QRCode.getModuleCount(),
+            width = opts.width / count,
+            height = opts.height / count,
+            roundedWidth = Math.round(width),
+            roundedHeight = Math.round(height);
+
+        this.clear();
+
+        for (let row = 0; row < count; row++) {
+            for (let col = 0; col < count; col++) {
+                let isDark = QRCode.isDark(row, col),
+                    left = col * width,
+                    top = row * height;
+
+                ctx.setStrokeStyle(isDark ? opts.colorDark : opts.colorLight);
+                ctx.setLineWidth(1);
+                ctx.setFillStyle(isDark ? opts.colorDark : opts.colorLight);
+                ctx.fillRect(left, top, width, height);
+
+                ctx.strokeRect(
+                    Math.floor(left) + 0.5,
+                    Math.floor(top) + 0.5,
+                    roundedWidth,
+                    roundedHeight
+                );
+
+                ctx.strokeRect(
+                    Math.ceil(left) - 0.5,
+                    Math.ceil(top) - 0.5,
+                    roundedWidth,
+                    roundedHeight
+                );
+            }
+        }
+        ctx.draw();
+        this._bIsPainted = true;
+    }
+
+    clear() {
+        this._ctx.clearRect(0, 0, this._opts.width, this._opts.height);
+    }
+}
+
+/*
+ * Class QRCode
+ * */
+let QRCode = (() => {
+    /**
+     * Get the type by string length
+     *
+     * @private
+     * @param {String} text
+     * @param {Number} correctLevel
+     * @return {Number} type
+     */
+    function getTypeNumber(text, correctLevel) {
+        let type = 1,
+            length = getUTF8Length(text),
+            QRCodeLimitLength = [[17, 14, 11, 7], [32, 26, 20, 14], [53, 42, 32, 24], [78, 62, 46, 34], [106, 84, 60, 44], [134, 106, 74, 58], [154, 122, 86, 64], [192, 152, 108, 84], [230, 180, 130, 98], [271, 213, 151, 119], [321, 251, 177, 137], [367, 287, 203, 155], [425, 331, 241, 177], [458, 362, 258, 194], [520, 412, 292, 220], [586, 450, 322, 250], [644, 504, 364, 280], [718, 560, 394, 310], [792, 624, 442, 338], [858, 666, 482, 382], [929, 711, 509, 403], [1003, 779, 565, 439], [1091, 857, 611, 461], [1171, 911, 661, 511], [1273, 997, 715, 535], [1367, 1059, 751, 593], [1465, 1125, 805, 625], [1528, 1190, 868, 658], [1628, 1264, 908, 698], [1732, 1370, 982, 742], [1840, 1452, 1030, 790], [1952, 1538, 1112, 842], [2068, 1628, 1168, 898], [2188, 1722, 1228, 958], [2303, 1809, 1283, 983], [2431, 1911, 1351, 1051], [2563, 1989, 1423, 1093], [2699, 2099, 1499, 1139], [2809, 2213, 1579, 1219], [2953, 2331, 1663, 1273]];
+
+        for (let i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
+            let limit = 0;
+
+            switch (correctLevel) {
+                case QRErrorCorrectLevel.L :
+                    limit = QRCodeLimitLength[i][0];
+                    break;
+                case QRErrorCorrectLevel.M :
+                    limit = QRCodeLimitLength[i][1];
+                    break;
+                case QRErrorCorrectLevel.Q :
+                    limit = QRCodeLimitLength[i][2];
+                    break;
+                case QRErrorCorrectLevel.H :
+                    limit = QRCodeLimitLength[i][3];
+                    break;
+            }
+
+            if (length <= limit) {
+                break;
+            } else {
+                type++;
+            }
+        }
+
+        if (type > QRCodeLimitLength.length) {
+            throw new Error('Too long data');
+        }
+        return type;
+    }
+
+    function getUTF8Length(text) {
+        let replacedText = encodeURI(text).toString().replace(/\%[0-9a-fA-F]{2}/g, 'a');
+        return replacedText.length + (replacedText.length != text ? 3 : 0);
+    }
+
+    class Fn {
+        constructor(el, opts) {
+            this._opts = {
+                width: 300,
+                height: 225,
+                typeNumber: 4,
+                colorDark: '#000000',
+                colorLight: '#ffffff',
+                correctLevel: Fn.correctLevel.H
+            };
+
+            if (typeof opts === 'string') {
+                opts = {
+                    text: opts
+                };
+            }
+
+            // Overwrites options 简单拷贝
+            if (opts) {
+                for (let i in opts) {
+                    if (opts.hasOwnProperty(i)) {
+                        this._opts[i] = opts[i];
+                    }
+
+                }
+            }
+
+            this._el = el;
+            this._QRCode = null;
+            this._drawing = new Drawing(this._el, this._opts);
+
+            if (this._opts.text) {
+                this.makeCode(this._opts.text);
+            }
+        }
+
+        makeCode(text) {
+            this._QRCode = new QRCodeModel(getTypeNumber(text, this._opts.correctLevel), this._opts.correctLevel);
+            this._QRCode.addData(text);
+            this._QRCode.make();
+            this._drawing.draw(this._QRCode);
+        }
+
+        clear() {
+            this._drawing.clear();
+        }
+    }
+    Fn.correctLevel = QRErrorCorrectLevel;
+
+    return Fn;
+})();
+
+export default QRCode;
--- a/pages/logs/logs.js
+++ b/pages/logs/logs.js
@ -0,0 +1,15 @@
+//logs.js
+const util = require('../../utils/util.js')
+
+Page({
+  data: {
+    logs: []
+  },
+  onLoad: function () {
+    this.setData({
+      logs: (wx.getStorageSync('logs') || []).map(log => {
+        return util.formatTime(new Date(log))
+      })
+    })
+  }
+})
--- a/pages/logs/logs.json
+++ b/pages/logs/logs.json
@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "查看启动日志"
+}
--- a/pages/logs/logs.wxml
+++ b/pages/logs/logs.wxml
@ -0,0 +1,6 @@
+<!--logs.wxml-->
+<view class="container log-list">
+  <block wx:for="{{logs}}" wx:for-item="log">
+    <text class="log-item">{{index + 1}}. {{log}}</text>
+  </block>
+</view>
--- a/Show More
+++ b/Show More