@ -1 +1,2 @@ |
|||||||
# XJTLU-automatic_attendence |
# XJTLU-automatic_attendence |
||||||
|
This is based on WeChat Program. |
@ -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 |
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,12 @@ |
|||||||
|
{ |
||||||
|
"pages": [ |
||||||
|
"pages/index/index", |
||||||
|
"pages/IDcard/IDcard", |
||||||
|
"pages/logs/logs", |
||||||
|
"pages/qr/index.xml", |
||||||
|
"pages/qr/index" |
||||||
|
], |
||||||
|
"window": { |
||||||
|
"navigationStyle": "custom" |
||||||
|
} |
||||||
|
} |
@ -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{ |
||||||
|
|
||||||
|
} |
@ -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, |
||||||
|
} |
||||||
|
} |
@ -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" |
||||||
|
} |
||||||
|
} |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 873 B |
After Width: | Height: | Size: 3.1 KiB |
@ -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 = {} |
||||||
|
} |
||||||
|
}) |
@ -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" |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,7 @@ |
|||||||
|
/**app.wxss**/ |
||||||
|
.container { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
After Width: | Height: | Size: 206 KiB |
After Width: | Height: | Size: 108 KiB |
After Width: | Height: | Size: 143 KiB |
After Width: | Height: | Size: 139 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 36 KiB |
@ -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) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
}) |
||||||
|
|
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "云函数指引" |
||||||
|
} |
@ -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> |
@ -0,0 +1,3 @@ |
|||||||
|
/* pages/addFunction/addFunction.wxss */ |
||||||
|
|
||||||
|
@import "../../style/guide.wxss"; |
@ -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 () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "选择基础库" |
||||||
|
} |
@ -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> |
||||||
|
|
@ -0,0 +1,7 @@ |
|||||||
|
/* pages/chooseLib/chooseLib.wxss */ |
||||||
|
|
||||||
|
@import "../../style/guide.wxss"; |
||||||
|
|
||||||
|
.black { |
||||||
|
color: black; |
||||||
|
} |
@ -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', |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "数据库指引" |
||||||
|
} |
@ -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> |
@ -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; |
||||||
|
} |
@ -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 () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "部署云函数" |
||||||
|
} |
@ -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> |
||||||
|
|
@ -0,0 +1,7 @@ |
|||||||
|
/* pages/deployFunctions/deployFunctions.wxss */ |
||||||
|
|
||||||
|
@import "../../style/guide.wxss"; |
||||||
|
|
||||||
|
.black { |
||||||
|
color: black; |
||||||
|
} |
@ -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) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
}) |
@ -0,0 +1,5 @@ |
|||||||
|
<!--index.wxml--> |
||||||
|
<view class="container"> |
||||||
|
|
||||||
|
|
||||||
|
</view> |
@ -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; |
||||||
|
} |
After Width: | Height: | Size: 4.5 KiB |
@ -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() |
||||||
|
}, |
||||||
|
|
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "文件存储指引" |
||||||
|
} |
@ -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> |
@ -0,0 +1,7 @@ |
|||||||
|
/* pages/storageConsole/storageConsole.wxss */ |
||||||
|
|
||||||
|
@import "../../style/guide.wxss"; |
||||||
|
|
||||||
|
.black { |
||||||
|
color: black; |
||||||
|
} |
@ -0,0 +1,13 @@ |
|||||||
|
// pages/userConsole/userConsole.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
data: { |
||||||
|
openid: '' |
||||||
|
}, |
||||||
|
|
||||||
|
onLoad: function (options) { |
||||||
|
this.setData({ |
||||||
|
openid: getApp().globalData.openid |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "用户管理指引" |
||||||
|
} |
@ -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> |
@ -0,0 +1,3 @@ |
|||||||
|
/* pages/userConsole/userConsole.wxss */ |
||||||
|
|
||||||
|
@import "../../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; |
||||||
|
} |
||||||
|
|
@ -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 = '' |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
}) |
||||||
|
|
||||||
|
|
@ -0,0 +1 @@ |
|||||||
|
{} |
@ -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> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 62 KiB |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 873 B |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 873 B |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 873 B |
After Width: | Height: | Size: 3.1 KiB |
@ -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 |
||||||
|
} |
||||||
|
})(); |
@ -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 |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}) |
@ -0,0 +1 @@ |
|||||||
|
{} |
@ -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> |
@ -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; |
||||||
|
} |
@ -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 |
||||||
|
} |
@ -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; |
@ -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)) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "查看启动日志" |
||||||
|
} |
@ -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> |