docs: 更新文档

This commit is contained in:
wintel
2025-05-29 00:26:37 +08:00
parent 6d09254b9f
commit 3ce5dcb2ef
3 changed files with 32 additions and 24 deletions

View File

@@ -1,7 +1,7 @@
/* /*
* @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com> * @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com>
* @Date: 2025-04-23 20:26:48 * @Date: 2025-04-23 20:26:48
* @LastEditTime: 2025-05-24 11:39:48 * @LastEditTime: 2025-05-29 00:21:10
* @Description: 笔记配置 * @Description: 笔记配置
* Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved. * Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved.
*/ */
@@ -113,8 +113,23 @@ const vue2Note = defineNoteConfig({
] ]
}) })
// 移动UniApp版本
const mobileNote = defineNoteConfig({
dir: 'mobile',
link: '/mobile',
sidebar: [
'',
{
text: '基础开发',
collapsed: false,
items: ['start', 'structure']
}
]
})
export const notes = defineNotesConfig({ export const notes = defineNotesConfig({
dir: 'notes', dir: 'notes',
link: '/', link: '/',
notes: [coreNote, proNote, vue2Note], notes: [coreNote, proNote, vue2Note, mobileNote],
}) })

View File

@@ -1,30 +1,25 @@
--- ---
title: 快速开始 title: 快速开始
createTime: 2025/04/23 23:43:26 createTime: 2025/05/29 23:43:26
permalink: /pro/start/ permalink: /mobile/start/
--- ---
## 工具准备 ## 工具准备
#### NodeJs #### HBuilderX
前端环境为NodeJs下载地址[http://nodejs.cn/download/current/](http://nodejs.cn/download/current/) 下载最新版的HBuilderX最新版可以下载Cursor、Windsurf、Trae等工具配合开发效果更佳用来作为OpenAuth.Net移动版的开发工具。
#### visual studio code
下载最新版的vs code或Cursor、Windsurf、Trae等工具用来作为OpenAuth.Pro Vue3版的开发工具。
## 源码下载 ## 源码下载
根据授权文件的下载指示,下载Vue3源码。注意一定要使用下图中的数据库脚本 根据授权文件的下载指示,下载移动版源码。
![2025-04-08-20-53-49](http://img.openauth.net.cn/2025-04-08-20-53-49.png) ![2025-04-08-20-53-49](http://img.openauth.net.cn/2025-04-08-20-53-49.png)
## 创建数据库 ## 创建数据库
* 新建一个空数据库OpenAuthPro。使用上一步下载的【sql脚本】文件夹根据你的数据库类型选择运行你需要的脚本`Sql Server脚本.sql``mysql脚本.sql` * 新建一个空数据库OpenAuthPro。使用上一步下载的【sql脚本】文件夹根据你的数据库类型选择运行你需要的脚本`Sql Server脚本.sql``mysql脚本.sql`
## 启动后端 ## 启动后端
启动后端请参考:[快速开始](/core/start/) 启动后端请参考:[快速开始](/core/start/)
## 启动前端 ## 启动前端
使用Vs Code或个人喜欢的工具打开openauthvue3文件夹,修改配置文件`.env.dev`对应的后端接口地址,调整为自己的接口地址: 使用HBuilderX打开openauthapp文件夹,修改配置文件`config.js`对应的后端接口地址,调整为自己的接口地址:
```javascript ```javascript
VITE_BASE_API = http://localhost:52789/api VITE_BASE_API = http://localhost:52789/api
VITE_BASE_IMG_URL = http://localhost:52789
``` ```
::: warning 注意
如果是发布打包,调整的文件为`.env.production`
::: 启动成功后,使用浏览器访问[http://localhost:5173/](http://localhost:5173/) 即可打开UniApp版界面
使用`npm install`命令安装程序运行所需的第三方包。再用`npm run dev`命令运行。如下图:
![2025-04-08-20-57-34](http://img.openauth.net.cn/2025-04-08-20-57-34.png) ![2025-05-29-00-24-46](http://img.openauth.net.cn/2025-05-29-00-24-46.png)
启动成功后,使用浏览器访问[http://localhost:1803/](http://localhost:1803/) 即可打开vue3版界面
![2025-04-08-21-03-19](http://img.openauth.net.cn/2025-04-08-21-03-19.png)

View File

@@ -1,12 +1,12 @@
--- ---
title: 项目结构 title: 项目结构
createTime: 2025/04/23 23:43:26 createTime: 2025/05/29 23:43:26
permalink: /pro/structure/ permalink: /mobile/structure/
--- ---
OpenAuth.Net Vue3版本参考业界标准结构进行划分,如需二次开发,可以在对应的文件夹进行代码修改。结构如下: OpenAuth.Net移动版参考业界标准结构进行划分,如需二次开发,可以在对应的文件夹进行代码修改。结构如下:
``` ```
📦openauthvue3 📦openauthapp
┣ 📂mock //mock数据 ┣ 📂mock //mock数据
┣ 📂public //公共资源 ┣ 📂public //公共资源
┣ 📂src ┣ 📂src
@@ -49,5 +49,3 @@ OpenAuth.Net Vue3版本参考业界标准结构进行划分如需二次开发
┗ 📜vite.config.js //vite配置 ┗ 📜vite.config.js //vite配置
``` ```
整个vue的入口是main.js打包之编译后的代码全部会注入到index.html的`<div id="app"></div>`里面。