若依ruoyi-vue总结

1.端口

   前端:ruoyi-ui-----vue.config.js中:

const port = process.env.port || process.env.npm_config_port || 8098 // 端口
后端:ruoyi-admin-----application.yml中server.port: 8099

前端代理调用后端接口的端口修改:ruoyi-ui-----vue.config.js中

target: `http://localhost:8099`,

2.若依连接阿里云服务器上的redis经常断开:因为redis现在默认使用的lettuce做缓存客户端,连接阿里云服务器上安装的redis经常断开(实测连接我本地redis没问题),目前只能把lettuce换成jedis

<dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-data-redis</artifactId>
     <!--<exclusions>
         <exclusion>
             <groupId>io.lettuce</groupId>
             <artifactId>lettuce-core</artifactId>
         </exclusion>
     </exclusions>-->
 </dependency>

<!-- <dependency>
     <groupId>redis.clients</groupId>
     <artifactId>jedis</artifactId>
 </dependency>-->
3.如连接redis集群,将ruoyi-admin-----application.yml中改为如下,其他不用变:

redis:
    # 地址
#    host: 39.107.93.160
    # 端口,默认为6379
#    port: 6379
    cluster:
      nodes: 127.0.0.1:6379,127.0.0.1:6380,127.0.0.1:6381,127.0.0.1:6382,127.0.0.1:6383,127.0.0.1:6384
    # 数据库索引
    database: 0
    # 密码
    password: 123456
4.强退用户:将某用户的缓存从redis删除

5.前端向后端传参方式:

        a:restful风格,即将参数作为url的一部分,后端用@PathVariable接收

        b:  写在get请求的param中,或者写在post请求的data中

6.   前端开关防止重复提交,isRepeatSubmit默认为false表示不可重复提交

const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
,如下在headers中将值设置为false表示可重复,true表示不可重复提交

   // 修改用户

export function updateUser(data) {

         return request({

                 url: '/system/user',

                 method: 'put',

                 data: data/*,

                 headers:{

                         repeatSubmit: false

                 }*/

           }) }

  后端开启 禁止重复提交需要在方法上增加注解 @RepeatSubmit

7.全局挂载download方法,任意组件中调用通用download导出

this.download('system/role/export', {
  ...this.queryParams
}, `role_${new Date().getTime()}.xlsx`)

8.新建后端模块时,parent为ruoyi,即根pom位置。

        并且ruoyi-admin需要引入新模块。

        新模块如需使用framework或者system或者common模块中的内容,只需引入ruoyi-framework即可(已包含另外两个),避免循环依赖。

        新模块的包名要和ruoyi-admin前两极相同,即保证启动类能扫描到新加的模块

9.@Anonymous注解为匿名访问,可加在控制类名上或者方法上,即可绕过权限控制直接访问。

10.

     

     

### 关于 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
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值