RuoYi-Vue搭建(若依)

  1. 项目简介
    RuoYi-Vue基于SpringBoot+Vue前后端分离的Java快速开发框架
    
    1.前端采用Vue、Element UI
    
    2.后端采用Spring Boot、Spring Security、Redis & Jwt
    
    3.权限认证使用Jwt,支持多终端认证系统
    
    4.支持加载动态权限菜单,多方式轻松权限控制
    
    5.高效率开发,使用代码生成器可以一键生成前后端代码
    
    6.环境安装参考JeecgBoot环境
    https://blog.csdn.net/tongxin_tongmeng/article/details/128167926
  2. 拉取代码
    git clone https://gitee.com/y_project/RuoYi-Vue.git
  3. 建库建表
    MySQL创建数据库ry-vue并执行RuoYi-Vue\sql目录下脚本文件ry_20230216.sql和quartz.sql

  4. 修改配置
    1.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml-->连接本地MySQL
    
    2.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml-->变更项目访问端口号
    
    3.编辑RuoYi-Vue\ruoyi-admin\src\main\resources\logback.xml-->变更日志文件存放路径
    
    4.编辑RuoYi-Vue\ruoyi-generator\src\main\resources\generator.yml-->变更代码生成路径



  5. 后端启动
    启动类:RuoYi-Vue\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java
  6. 前端启动
    1.ruoyi-ui鼠标右键-->打开于终端
    
    2.安装依赖:npm install --registry=https://registry.npm.taobao.org
    
    3.启动命令:npm run dev

  7. 项目访问(http://localhost:81)

    用户名:admin  密码:admin123




### 关于 RuoYi-Vue-Plus 与 RuoYi-Vue-Pro 的差异 #### 功能特性对比 RuoYi-Vue-Plus 是基于 Vue.js 实现的企业级中后台前端框架,集成了众多实用的功能模块和优化措施[^1]。而 RuoYi-Vue-Pro 则是在此基础上进一步增强和完善的产品版本。 - **权限管理** - 在 Plus 版本中实现了较为完善的权限控制机制,支持多种鉴权方式以及细粒度的操作授权;Pro 版本不仅继承了这些功能还增加了动态路由懒加载等功能来提升性能并简化开发流程。 - **组件库丰富程度** - Plus 提供了一套完整的业务组件集合用于快速搭建页面布局结构等需求场景下的使用;相比之下 Pro 扩展了更多高级别的UI控件如图表展示、文件上传下载插件等满足复杂应用场景的要求。 ```javascript // 权限验证逻辑示例 (假设) function checkPermission(permissionName) { const userPermissions = getUserPermissions(); // 获取当前用户的权限列表 return userPermissions.includes(permissionName); } ``` #### 技术栈更新情况 对于技术选型方面: - RuoYi-Vue-Plus 主要依赖 Element UI 组件库构建界面元素,并采用 axios 进行 HTTP 请求处理; -RuoYi-Vue-Pro 更倾向于选用最新的前端技术和工具链组合,例如可能引入 Ant Design Vue 或者其他更现代化的设计体系作为默认样式指南,在网络请求上也可能替换为更加灵活高效的解决方案像 fetch API 结合拦截器模式实现数据交互操作。 #### 性能表现考量 考虑到实际运行效率因素: - Plus 已经做了很多底层架构上的改进工作以确保良好的用户体验,比如通过 Webpack 构建配置减少打包体积加快首屏渲染速度; - Pro 可能在原有基础上继续探索前沿的技术手段如 Server-Side Rendering (服务端渲染)、Code Splitting(代码分割)等方式进一步提高整体响应时间及资源利用率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

童心同萌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值