Code Monkey home page Code Monkey logo

ruoyi-vue3's Introduction

logo

RuoYi v3.8.7

基于SpringBoot+Vue3前后端分离的Java快速开发框架

平台简介

前端运行

# 克隆项目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

# 进入项目目录
cd RuoYi-Vue3

# 安装依赖
yarn --registry=https://registry.npmmirror.com

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
# 前端访问地址 http://localhost:80

内置功能

  1. 用户管理:用户是系统操作者,该功能主要完成系统用户配置。
  2. 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
  3. 岗位管理:配置系统用户所属担任职务。
  4. 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  5. 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
  6. 字典管理:对系统中经常使用的一些较为固定的数据进行维护。
  7. 参数管理:对系统动态配置常用参数。
  8. 通知公告:系统通知公告信息发布维护。
  9. 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。
  10. 登录日志:系统登录日志记录查询包含登录异常。
  11. 在线用户:当前系统中活跃用户状态监控。
  12. 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。
  13. 代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。
  14. 系统接口:根据业务代码自动生成相关的api接口文档。
  15. 服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。
  16. 缓存监控:对系统的缓存信息查询,命令统计等。
  17. 在线构建器:拖动表单元素生成相应的HTML代码。
  18. 连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。

在线体验

  • admin/admin123
  • 陆陆续续收到一些打赏,为了更好的体验已用于演示服务器升级。谢谢各位小伙伴。

演示地址:http://vue.ruoyi.vip
文档地址:http://doc.ruoyi.vip

演示图

若依前后端分离交流群

QQ群: 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 加入QQ群 点击按钮入群。

ruoyi-vue3's People

Contributors

acyyu2016 avatar javalionli avatar sapuser2017 avatar urrrich avatar wenhanhan avatar wkclz avatar yangzongzhuan avatar yangzxi avatar zzh948498 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ruoyi-vue3's Issues

vue文件大小写问题

问题:
git 本身大小写不敏感,在本地调戏代码,大小写修改后能正常,但到了线上编译总是提示找不到 vue 文件
修复建议:

  1. 此问题应该是大家都喜欢范的错,可以完全避免不可能,创建 Wiki 的方式在里面说明(可以写明一个大小写规范)即可
  2. 解决本项目内的大小写问题
    2.1 TagsView/index.vue
    2.2 Sidebar/index.vue
    2.3 layout/index.vue (router/index.js)找 index.vue 异常
    其他的忘记了,但直接拉取 git 后编译就能看到问题。

环境配置缺失提示

问题:
.env 配置文件在意外导致配置缺失时,(VITE_BUILD_COMPRESS 配置只在生产打包才需要,而且是必需的,本地 dev 不需要也不会报错)提示为代码报错,未有具体报错提示。
两个可行的建议:

  1. 配置缺失时,赋值默认配置
  2. 配置缺失时,报告缺失项目(实际上报空了,但位置与此配置无关,导致问题排查难度大增)

hash下 index页面跳转优化

场景:
hash 模式 oss 部署(没法 try_file) 的情况下,初始页面跳转 /index 会尝试去找 /index 而导致404

解决方案建议:
考虑到 hash 场景还没办法设置 try_file ,在跳转 /index 的地方,变更为跳转 / 即可
包含(暂时发现的):

  1. NavBar 退出的跳转,
  2. 404 页面跳转到首页
  3. request.js 中 store.dispatch('LogOut') 下的跳转
    为保证修复完整,还是提问题给大佬修复为妙

图片显示问题

代码生成器生成前后端,列表内的图片无法显示(这导致了整个列表无法显示),详细错误见下

index.vue:36 
        
       Uncaught (in promise) TypeError: Cannot read properties of null (reading 'split')
    at ReactiveEffect.fn (index.vue:36:1)
    at ReactiveEffect.run (reactivity.esm-bundler.js:167:25)
    at get value [as value] (reactivity.esm-bundler.js:1101:39)
    at unref (reactivity.esm-bundler.js:1009:29)
    at Object.get (reactivity.esm-bundler.js:1012:37)
    at Proxy._sfc_render (index.vue:61:1)
    at renderComponentRoot (runtime-core.esm-bundler.js:893:44)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5030:57)
    at ReactiveEffect.run (reactivity.esm-bundler.js:167:25)
    at setupRenderEffect (runtime-core.esm-bundler.js:5156:9)

我尝试将image-preview组件更换为el-image组件,更换后图片是可以正常显示的
自动生成前端代码见下

                   <el-table-column label="照片" align="center" prop="photo" width="100">
						<template #default="scope">
                            <image-preview :src="scope.row.photo" :width="50" :height="50" />
                        </template>
                    </el-table-column>

更换组件后代码见下

                   <el-table-column label="照片" align="center" prop="photo" width="100">
						<template #default="scope">
                            <el-image :src="'/dev-api'+scope.row.photo" :width="50" :height="50" />
                        </template>
                    </el-table-column>

克隆下来,启动失败

(this will be run only when your dependencies or config have changed)
error when starting dev server:
Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1296:21)
at listenInCluster (net.js:1361:12)
at Server.listen (net.js:1447:7)
at Server.httpServer.listen (E:\MyTest\RuoYi-Vue3\node_modules\vite\dist\node\chunks\dep-e0fe87f8.js:66928:20)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: vite
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\lenovo\AppData\Roaming\npm-cache_logs\2022-02-23T07_13_50_194Z-debug.log

跨域解决

大佬,为何这个vue3项目,我设置了本地proxy,解决跨域,不生效呢,就好像一直不走这一块一样

前端打包后所有路径404问题

前端打包之后基本上所有项目都是404,值得注意的是我看了一下,暂时还没有网络请求,本地文件(css、js)首先就已经找不到了。求解决。

TopNav默认看板页面显示不协调

1.默认进入首页看板,头部导航栏靠右,且左边空白【固定顶部导航栏】。
2.处理方式进如components/TopNav/index.vue 文件
image
*将此处的true改为false。
image
*这里/index由于上面的处理,所以吧斜杠的情况也加入进来。
此处的index来源于路由中的配置,请检查你自己的是否匹配

字典问题

手册上这样写
import DictData from '@/components/DictData'
DictData.install()

说这个在main.js里面有
但是看下了没有 生成的模板有关联字典就报错

按照指令执行yarn --registry=https://registry.npmmirror.com后,执行npm run dev报以下错误

Pre-bundling dependencies:
vue
js-cookie
element-plus
element-plus/lib/locale/lang/zh-cn
vuex
(...and 9 more)
(this will be run only when your dependencies or config have changed)
error when starting dev server:
Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1303:21)
at listenInCluster (net.js:1368:12)
at Server.listen (net.js:1454:7)
at Server.httpServer.listen (D:\project\center-temp\rouyi-vue\RuoYi-Cloud-Vue3-master\node_modules\vite\dist\node\chunks\dep-e0fe87f8.js:66928:20)
at processTicksAndRejections (internal/process/task_queues.js:95:5)

Cannot read property 'parentNode' of null

故障现像:
某个页面异常后
点击所有正常页面都报错,
只能全部刷新

Cannot read property 'parentNode' of null

runtime-core.esm-bundler.js:6620 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next
at
at
at <Index onVnodeUnmounted=fn ref=Ref< Proxy {__v_skip: true} > >
at
at


vue-router.esm-bundler.js:72
[Vue Router warn]: uncaught error during route navigation:
  warn @ vue-router.esm-bundler.js:72
  triggerError @ vue-router.esm-bundler.js:3293
  (匿名) @ vue-router.esm-bundler.js:3334
  Promise.catch(异步)    
  handleScroll @ vue-router.esm-bundler.js:3334
  finalizeNavigation @ vue-router.esm-bundler.js:3188
  (匿名) @ vue-router.esm-bundler.js:3060
  Promise.then(异步)    
  pushWithRedirect @ vue-router.esm-bundler.js:3031
  push @ vue-router.esm-bundler.js:2962
  navigate @ vue-router.esm-bundler.js:2089
  callWithErrorHandling @ runtime-core.esm-bundler.js:6737
  callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:6746
  invoker @ runtime-dom.esm-bundler.js:357

vue-router.esm-bundler.js:3295 TypeError: Cannot read property 'parentNode' of null
at parentNode (runtime-dom.esm-bundler.js:35)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:4411)
at ReactiveEffect.run (reactivity.esm-bundler.js:160)
at callWithErrorHandling (runtime-core.esm-bundler.js:6737)
at flushJobs (runtime-core.esm-bundler.js:6976)

runtime-dom.esm-bundler.js:35 Uncaught (in promise) TypeError: Cannot read property 'parentNode' of null
at parentNode (runtime-dom.esm-bundler.js:35)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:4411)
at ReactiveEffect.run (reactivity.esm-bundler.js:160)
at callWithErrorHandling (runtime-core.esm-bundler.js:6737)
at flushJobs (runtime-core.esm-bundler.js:6976)

前端发送请求到后端传参问题

如果axios发请求,不使用封装好的这个import request from '@/utils/request',应该怎么传参,才能后端权限验证通过。
如果直接拼headers: { Authorization: "Bearer " + getToken() } 不生效!,求救!

修改生成代码的配置信息时,报错

系统工具-》代码生成-》数据列表的编辑图表按钮-》点击提交按钮报错
JSON parse error: Unrecognized field "required" (class com.ruoyi.generator.domain.GenTableColumn), not marked as ignorable; nested exception is com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "required" (class com.ruoyi.generator.domain.GenTableColumn), not marked as ignorable (24 known properties: "updateBy", "columnName", "queryType", "isInsert", "isPk", "params", "isList", "searchValue", "columnType", "columnId", "createBy", "isEdit", "updateTime", "javaField", "javaType", "isQuery", "isIncrement", "createTime", "dictType", "sort", "tableId", "columnComment", "isRequired", "htmlType"]) at [Source: (PushbackInputStream); line: 1, column: 985] (through reference chain: com.ruoyi.generator.domain.GenTable["columns"]->java.util.ArrayList[0]->com.ruoyi.generator.domain.GenTableColumn["required"])

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.