2023-08-16 10:23:48 +00:00
|
|
|
|
# RuoYi-App-Geek
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
# 介绍
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:34:08 +00:00
|
|
|
|
* 本框架基于RuoYi-App框架二次修改,使用Uniapp+Vue3。
|
|
|
|
|
|
* 同时支持js或者ts。
|
|
|
|
|
|
* 同时支持css、scss、less
|
|
|
|
|
|
* 已经做了初步分包
|
2023-08-12 16:38:44 +00:00
|
|
|
|
* 已经引入uview-plus(好看的ui)
|
|
|
|
|
|
* 已经引入ucharts(方便的图表)
|
|
|
|
|
|
* 分别提供了uview-plus和ucharts的模板(可以直接使用或者用于学习)
|
2023-08-16 01:53:44 +00:00
|
|
|
|
* 里面还提供了作者自己封装的一些常用组件供大家选择
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
# 安装
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
一下三种方式均可,感觉速度 pnpm > yarn > cnpm > npm
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:53:30 +00:00
|
|
|
|
***Vue3/Vite版要求 node 版本^14.18.0 || >=16.0.0***
|
|
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
```shell
|
|
|
|
|
|
npm install
|
|
|
|
|
|
cnpm install
|
|
|
|
|
|
yarn
|
|
|
|
|
|
pnpm install
|
|
|
|
|
|
```
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:50:53 +00:00
|
|
|
|
# 启动
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:50:53 +00:00
|
|
|
|
详见package.json的“scripts”,以下是案例:
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:50:53 +00:00
|
|
|
|
```shell
|
|
|
|
|
|
:: 微信小程序编译运行
|
|
|
|
|
|
npm run dev:mp-weixin
|
|
|
|
|
|
```
|
2023-09-01 03:05:53 +00:00
|
|
|
|
|
2023-08-13 02:59:57 +00:00
|
|
|
|
成功后使用微信小程序打开:dist\dev\mp-weixin
|
|
|
|
|
|
|
2023-08-12 16:57:51 +00:00
|
|
|
|
### 代码压缩
|
2023-09-01 03:05:53 +00:00
|
|
|
|
|
2023-08-12 16:57:51 +00:00
|
|
|
|
默认是启动代码压缩的,
|
2023-08-12 16:50:53 +00:00
|
|
|
|
|
2023-08-12 16:57:51 +00:00
|
|
|
|
如果需要关闭代码压缩,可以将vite.config.js中的build.minify赋值为false。
|
|
|
|
|
|
|
|
|
|
|
|
如果需要打开代码压缩,可以将vite.config.js中的build.minify赋值为true。
|
2023-09-01 03:05:53 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
# 作者建议
|
2023-08-12 15:50:08 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
### 对于选项式
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
```js
|
|
|
|
|
|
this.$tab // 建议使用this.$tab进行页面跳转,理由:便于在跳转前处理其他事务
|
|
|
|
|
|
this.$auth // 建议使用this.$auth进行鉴权操作
|
|
|
|
|
|
this.$modal // 建议使用this.$modal打开弹窗,理由:便于以后想要使用自定义弹窗
|
|
|
|
|
|
```
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
### 对于组合式
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
```js
|
|
|
|
|
|
import tab from '@/plugins/tab' // 建议使用tab进行页面跳转,理由:便于在跳转前处理其他事务
|
|
|
|
|
|
import auth from '@/plugins/auth' // 建议使用auth进行鉴权操作
|
|
|
|
|
|
import modal from '@/plugins/modal' // 建议使用modal打开弹窗,理由:便于以后想要使用自定义弹窗
|
|
|
|
|
|
```
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
### 对于ucharts
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
建议即便暂时不使用图表也不要删除它,以后可能会用到。
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
# 压缩内存
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
(主包最低809kb左右)
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-14 12:42:36 +00:00
|
|
|
|
### 删除geek组件
|
2023-09-01 03:05:53 +00:00
|
|
|
|
|
2023-08-14 12:42:36 +00:00
|
|
|
|
1. 删除pages_geek和components/geek-xd文件夹
|
|
|
|
|
|
2. 删除pages.json中subPackages的root值为“pages_geek/pages”的配置
|
|
|
|
|
|
3. 删除pages/template.config.js中geek组件
|
|
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
### 去除模板
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
(占用主包582kb左右)
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
1. 删除pages_template、pages_qiun两个文件夹
|
|
|
|
|
|
2. 删除pages.json中subPackages的root值为“pages_qiun/pages”、“pages_template/pages”的两个配置
|
|
|
|
|
|
3. 删除pages/template.config.js和pages/template.vue
|
2023-08-13 04:55:37 +00:00
|
|
|
|
4. 删除pages.json中subPackages的“tabBar”中的模板一项和“pages”中模板的一项
|
2023-08-12 16:31:08 +00:00
|
|
|
|
5. 删除static中的uview,里面都是示例图片。
|
|
|
|
|
|
6. 删除plugins中的config.js和common.js,并在plugins/index.js中删除相关配置
|
|
|
|
|
|
|
|
|
|
|
|
### 删除uchart
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
(占用主包175kb左右,不建议删除,以防以后会用)
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
1. 删除components/qiun-data-charts文件夹
|
|
|
|
|
|
2. 删除pages.json中的easycom下的custom中的"qiun-(.*)"的那一行
|
|
|
|
|
|
3. 删除pages/index中使用 “qiun-data-charts” 的部分
|
|
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
### 删除uview
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
(按需引入,没必要删除)
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
1. main.js或者main.ts中删除
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
```js
|
|
|
|
|
|
import uviewPlus from 'uview-plus'
|
|
|
|
|
|
// ......
|
|
|
|
|
|
app.use(uviewPlus)
|
|
|
|
|
|
```
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:47:28 +00:00
|
|
|
|
2. uni.scss中删除 @import 'uview-plus/theme.scss';
|
|
|
|
|
|
3. App.vue中删除 @import '@/static/scss/index.scss';
|
|
|
|
|
|
4. package.json中删除 "clipboard": "^2.0.11","dayjs": "^1.11.9","uview-plus": "^3.1.36",
|
|
|
|
|
|
|
2023-08-12 16:31:08 +00:00
|
|
|
|
# 附录
|
2023-08-12 16:53:30 +00:00
|
|
|
|
|
2023-08-12 16:34:08 +00:00
|
|
|
|
[Vue3官网](https://cn.vuejs.org/);
|
|
|
|
|
|
[uniapp官网](https://uniapp.dcloud.net.cn/);
|
|
|
|
|
|
[uView-plus官网](https://uiadmin.net/uview-plus/);
|
|
|
|
|
|
[uCharts官网](https://www.ucharts.cn/v2/#/);
|
|
|
|
|
|
[RuoYi官网](http://ruoyi.vip/);
|