This action will force synchronization from Geek-XD/RuoYi-Geek-App, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
本人的其他两个推荐搭配的项目
与本项目同为一个作者开发,兼容性最好,学习成本最低
一下三种方式均可,感觉速度 pnpm > yarn > cnpm > npm
Vue3/Vite版要求 node 版本^14.18.0 || >=16.0.0
npm install
cnpm install
yarn
pnpm install
详见package.json的“scripts”,以下是案例:
:: 微信小程序编译运行
npm run dev:mp-weixin
成功后使用微信小程序打开:dist\dev\mp-weixin
默认是启动代码压缩的,
如果需要关闭代码压缩,可以将vite.config.js中的build.minify赋值为false。
如果需要打开代码压缩,可以将vite.config.js中的build.minify赋值为true。
可以通过设置参数中的config.data来实现页面传参
方法 | 作用 | 参数 |
---|---|---|
getData | 可以拿到上个页面通过tab传递的参数 | 无 |
reLaunch | 关闭所有页面,打开到应用内的某个页面 | url、config |
switchTab | 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 | url、config |
redirectTo | 关闭当前页面,跳转到应用内的某个页面 | url、config |
navigateTo | 保留当前页面,跳转到应用内的某个页面 | url、config |
navigateBack | 关闭当前页面,返回上一页面或多级页面 | config |
下面所有方法返回值都是布尔值,permission代表权限字符串,role代表角色字符串,复数形式代表数组。
方法 | 作用 | 参数 |
---|---|---|
hasPermi | 验证用户是否具备某权限 | permission |
hasPermiOr | 验证用户是否含有指定权限,只需包含其中一个 | permissions |
hasPermiAnd | 验证用户是否含有指定权限,必须全部拥有 | permissions |
hasRole | 验证用户是否具备某角色 | role |
hasRoleOr | 验证用户是否含有指定角色,只需包含其中一个 | roles |
hasRoleAnd | roles | roles |
content是消息内容,option是详细配置。
方法 | 作用 | 参数 |
---|---|---|
msg | 消息提示 | content |
msgError | 错误消息 | content |
msgSuccess | 成功消息 | content |
hideMsg | 隐藏消息 | 无 |
alert | 弹出提示 | content |
confirm | 确认窗体 | content |
showToast | 提示信息 | option |
loading | 打开遮罩层,需要手动关闭遮罩层 | content |
closeLoading | 关闭遮罩层 | 无 |
eventName是事件名称,eventFun是事件处理函数,请尽量避免事件插件的使用,请在组件销毁是解绑素有该组件有关的事件,避免产生bug。
方法 | 作用 | 参数 |
---|---|---|
$on | 绑定一个事件 | eventName、eventFun |
$off | 解绑一个事件 | eventName |
$emit | 触发一个事件 | eventName、...args |
设置项enableUUID,是否启用基于uuid的消息处理机制,要求当发送的消息携带uuid字段时,返回的消息也要携带uuid字段。
设置项enableEvent,是否启用基于事件的消息处理机制,要求当希望被事件处理函数处理的消息需要携带event字段。
方法 | 作用 | 参数 |
---|---|---|
connect | 连接websocke,当连接成功后触发回调函数 | 最简单的用法就是传入{url:"ws://demo"} |
send | 发送信息,当uuid不为空且不为false时,当收到携带相同uuid的消息时触发回调函数,只触发一次。否则由默认处理函数处理。 | msg消息内容,会被处理成json字符串uuid唯一标识符,可以手动传入,也可以设置为true当为true时会自动生成一个uuid并添加到msg中。 |
close | 关闭连接,会触发回调函数的内容,不会触发默认关闭事件的处理函数,也不会修改默认关闭事件的处理函数。 | 无 |
on | 监听事件,当收到携带event的消息时会调用回调函数。 | event事件的名称 |
off | 取消监听事件 | |
onMessage | 定义默认监听事件 | callback 默认监听事件的处理函数 |
onError | 定义异常事件 | callback 默认异常事件的处理函数 |
onClose | 定义关闭事件 | callback 默认关闭事件的处理函数 |
this.$tab // 建议使用this.$tab进行页面跳转,理由:便于在跳转前处理其他事务
this.$auth // 建议使用this.$auth进行鉴权操作
this.$modal // 建议使用this.$modal打开弹窗,理由:便于以后想要使用自定义弹窗
import tab from '@/plugins/tab' // 建议使用tab进行页面跳转,理由:便于在跳转前处理其他事务
import auth from '@/plugins/auth' // 建议使用auth进行鉴权操作
import modal from '@/plugins/modal' // 建议使用modal打开弹窗,理由:便于以后想要使用自定义弹窗
// 也可以使用下面的方式
import { tab, auth, modal} from '@/plugins'
建议即便暂时不使用图表也不要删除它,以后可能会用到。
(主包最低809kb左右)
(占用主包582kb左右)
(占用主包175kb左右,不建议删除,以防以后会用)
(按需引入,没必要删除)
import uviewPlus from 'uview-plus'
// ......
app.use(uviewPlus)
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。