Initial commit
This commit is contained in:
fzw
21
app.js
Normal file
21
app.js
Normal file
@@ -0,0 +1,21 @@
|
||||
// app.js
|
||||
App({
|
||||
onLaunch: function() {
|
||||
// 展示本地存储能力
|
||||
const logs = wx.getStorageSync('logs') || []
|
||||
logs.unshift(Date.now())
|
||||
wx.setStorageSync('logs', logs)
|
||||
|
||||
// 登录
|
||||
wx.login({
|
||||
success: res => {
|
||||
// 发送 res.code 到后台换取 openId, sessionKey, unionId
|
||||
console.log('登录code:', res.code)
|
||||
}
|
||||
})
|
||||
},
|
||||
globalData: {
|
||||
userInfo: null,
|
||||
openid: null
|
||||
}
|
||||
})
|
||||
13
app.json
Normal file
13
app.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index"
|
||||
],
|
||||
"window": {
|
||||
"backgroundTextStyle": "light",
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"navigationBarTitleText": "OCR小程序",
|
||||
"navigationBarTextStyle": "black"
|
||||
},
|
||||
"style": "v2",
|
||||
"sitemapLocation": "sitemap.json"
|
||||
}
|
||||
33
app.wxss
Normal file
33
app.wxss
Normal file
@@ -0,0 +1,33 @@
|
||||
/* app.wxss */
|
||||
page {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
background-color: #f5f5f5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
/* 通用按钮样式 */
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
transform: scale(0.98);
|
||||
box-shadow: 0 1rpx 5rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
146
pages/index/index.js
Normal file
146
pages/index/index.js
Normal file
@@ -0,0 +1,146 @@
|
||||
// index.js
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
imagePath: '',
|
||||
speedMode: false
|
||||
},
|
||||
|
||||
onLoad: function() {
|
||||
// 页面加载时执行
|
||||
},
|
||||
|
||||
// 加速模式开关切换事件
|
||||
toggleSpeedMode: function(e) {
|
||||
this.setData({
|
||||
speedMode: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
// 扫码按钮点击事件
|
||||
scanCode: function() {
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ['original', 'compressed'],
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
// tempFilePath可以作为img标签的src属性显示图片
|
||||
const tempFilePath = res.tempFilePaths[0]
|
||||
this.setData({
|
||||
imagePath: tempFilePath
|
||||
})
|
||||
|
||||
// 上传图片到后台
|
||||
this.uploadImage(tempFilePath)
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择图片失败:', err)
|
||||
wx.showToast({
|
||||
title: '选择图片失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 上传图片到后台
|
||||
uploadImage: function(filePath) {
|
||||
wx.showLoading({
|
||||
title: '上传中...',
|
||||
})
|
||||
|
||||
wx.uploadFile({
|
||||
url: 'https://227649ip14.51mypc.cn/api/upload', // 替换为你的后台接口地址
|
||||
filePath: filePath,
|
||||
name: 'image',
|
||||
formData: {
|
||||
type: this.data.speedMode ? 1 : 0
|
||||
},
|
||||
header: {
|
||||
'content-type': 'multipart/form-data'
|
||||
},
|
||||
success: (res) => {
|
||||
wx.hideLoading()
|
||||
wx.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('上传结果:', res)
|
||||
},
|
||||
fail: (err) => {
|
||||
wx.hideLoading()
|
||||
wx.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
})
|
||||
console.error('上传失败:', err)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 用户认证按钮点击事件
|
||||
userAuth: function() {
|
||||
wx.login({
|
||||
success: (res) => {
|
||||
if (res.code) {
|
||||
// 使用code换取openid
|
||||
this.getOpenid(res.code)
|
||||
} else {
|
||||
console.error('登录失败:', res.errMsg)
|
||||
wx.showToast({
|
||||
title: '登录失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('调用登录接口失败:', err)
|
||||
wx.showToast({
|
||||
title: '登录接口调用失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 使用code换取openid
|
||||
getOpenid: function(code) {
|
||||
wx.showLoading({
|
||||
title: '获取openid中...',
|
||||
})
|
||||
|
||||
wx.request({
|
||||
url: 'https://227649ip14.51mypc.cn/app/wechat-mini-app/getOpenid', // 替换为你的后台接口地址
|
||||
method: 'POST',
|
||||
data: {
|
||||
code: code
|
||||
},
|
||||
success: (res) => {
|
||||
wx.hideLoading()
|
||||
if (res.data.openid) {
|
||||
app.globalData.openid = res.data.openid
|
||||
wx.showToast({
|
||||
title: '认证成功',
|
||||
icon: 'success'
|
||||
})
|
||||
console.log('获取到的openid:', res.data.openid)
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: '认证失败',
|
||||
icon: 'none'
|
||||
})
|
||||
console.error('认证失败:', res.data)
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
wx.hideLoading()
|
||||
wx.showToast({
|
||||
title: '网络请求失败',
|
||||
icon: 'none'
|
||||
})
|
||||
console.error('网络请求失败:', err)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
3
pages/index/index.json
Normal file
3
pages/index/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
33
pages/index/index.wxml
Normal file
33
pages/index/index.wxml
Normal file
@@ -0,0 +1,33 @@
|
||||
<!-- index.wxml -->
|
||||
<view class="container">
|
||||
<!-- 页面标题 -->
|
||||
<view class="title">OCR识别系统</view>
|
||||
|
||||
<!-- 中间区域 -->
|
||||
<view class="middle-section">
|
||||
<!-- 中间上半部分：扫码按钮 -->
|
||||
<view class="scan-button-container">
|
||||
<view class="speed-mode-switch">
|
||||
<text class="switch-label">加速模式</text>
|
||||
<switch checked="{{speedMode}}" bindchange="toggleSpeedMode" />
|
||||
</view>
|
||||
<view class="scan-button" bindtap="scanCode">
|
||||
<text class="scan-button-text">扫码</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 中间下半部分：图片预览 -->
|
||||
<view class="image-preview-container">
|
||||
<view class="image-preview" wx:if="{{imagePath}}">
|
||||
<image src="{{imagePath}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 长形用户认证按钮 -->
|
||||
<view class="auth-button-container">
|
||||
<button class="auth-button" bindtap="userAuth">
|
||||
<text class="auth-button-text">用户认证</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
161
pages/index/index.wxss
Normal file
161
pages/index/index.wxss
Normal file
@@ -0,0 +1,161 @@
|
||||
/* index.wxss */
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-height: 90vh;
|
||||
padding: 80rpx 40rpx 80rpx 40rpx;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
}
|
||||
|
||||
/* 页面标题 */
|
||||
.title {
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
text-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* 中间区域 */
|
||||
.middle-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
flex: 0.8;
|
||||
gap: 40rpx;
|
||||
}
|
||||
|
||||
/* 扫码按钮容器 */
|
||||
.scan-button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
flex: 0.5;
|
||||
gap: 30rpx;
|
||||
}
|
||||
|
||||
/* 加速模式开关容器 */
|
||||
.speed-mode-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20rpx;
|
||||
padding: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border-radius: 50rpx;
|
||||
box-shadow: 0 5rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* 开关标签 */
|
||||
.switch-label {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
/* 开关样式 */
|
||||
.speed-mode-switch switch {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
/* 图片预览容器 */
|
||||
.image-preview-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
flex: 1.5;
|
||||
}
|
||||
|
||||
/* 圆形扫码按钮 */
|
||||
.scan-button {
|
||||
width: 240rpx;
|
||||
height: 240rpx;
|
||||
border-radius: 50%;
|
||||
background: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: none;
|
||||
box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.scan-button:hover {
|
||||
transform: translateY(-5rpx);
|
||||
box-shadow: 0 15rpx 50rpx rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.scan-button:active {
|
||||
transform: translateY(0) scale(0.95);
|
||||
box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.scan-button-text {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
/* 认证按钮容器 */
|
||||
.auth-button-container {
|
||||
width: 100%;
|
||||
max-width: 700rpx;
|
||||
}
|
||||
|
||||
/* 长形用户认证按钮 */
|
||||
.auth-button {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
border-radius: 50rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.8);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 5rpx 20rpx rgba(0, 0, 0, 0.15);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.auth-button:hover {
|
||||
background: white;
|
||||
transform: translateY(-3rpx);
|
||||
box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.auth-button:active {
|
||||
transform: translateY(0) scale(0.98);
|
||||
box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.auth-button-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
/* 图片预览 */
|
||||
.image-preview {
|
||||
width: 100%;
|
||||
max-width: 600rpx;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.image-preview image {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
border-radius: 10rpx;
|
||||
object-fit: contain;
|
||||
}
|
||||
29
project.config.json
Normal file
29
project.config.json
Normal file
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"setting": {
|
||||
"es6": true,
|
||||
"postcss": true,
|
||||
"minified": true,
|
||||
"uglifyFileName": false,
|
||||
"enhance": true,
|
||||
"packNpmRelationList": [],
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"useCompilerPlugins": false,
|
||||
"minifyWXML": true
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"simulatorPluginLibVersion": {},
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"appid": "wxeede99f5e2d8bafc",
|
||||
"editorSetting": {
|
||||
"tabIndent": "auto",
|
||||
"tabSize": 2
|
||||
},
|
||||
"condition": {}
|
||||
}
|
||||
15
project.private.config.json
Normal file
15
project.private.config.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"libVersion": "3.12.1",
|
||||
"projectname": "ocr",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"coverView": true,
|
||||
"lazyloadPlaceholderEnable": false,
|
||||
"skylineRenderEnable": false,
|
||||
"preloadBackgroundData": false,
|
||||
"autoAudits": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"compileHotReLoad": true
|
||||
},
|
||||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
|
||||
}
|
||||
7
sitemap.json
Normal file
7
sitemap.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||
"rules": [{
|
||||
"action": "allow",
|
||||
"page": "*"
|
||||
}]
|
||||
}
|
||||
Reference in New Issue
Block a user