草庐IT

若依框架环境的搭建(前后端不分离版)

 前言        最近在做数据库课程设计,因为不想再用Java里面的GUI界面,想用Web页面来替代,但手写各个页面和增删改查这些重复性较高的模块属实作业量不小,所以,正好借此机会来学习一下早有耳闻的,号称后台管理系统神器——若依框架,下面先来总结一下环境部署与搭建的相关知识。文章目录一、准备工作(1)环境版本要求(2)下载若依框架源码(3)导入项目 二、修改数据库连接与服务器配置(1)修改服务器连接(2)修改服务器配置(非必要)三、导入数据脚本(1)使用Navicat或者其它可视化MySql数据库管理工具,运行项目目录下的两个sql文件 (2)打开Navicat,右键数据库选择运行SQL

若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由

若依前后端分离框架去掉首页登录后跳转至动态路由的第一个路由若依框架VUE前端界面,登录后默认跳转至动态路由第一路由(第一个子菜单)一、登录后跳转第一路由界面二、设置路由的首页路径,方便后续的获取三、点击若依的logo跳转的页面的修改四、关闭所有tagview后,会展示默认页面,设置禁止关闭首界面五、个人中心关闭按钮后跳转的页面,防止点击关闭后页面空掉六、隐藏掉若依原本导航中的首页七、401和404页面返回首页,返回至默认首页八、屏蔽首页九、重新登陆页面修改若依框架VUE前端界面,登录后默认跳转至动态路由第一路由(第一个子菜单)一、登录后跳转第一路由界面找到src目录下permission.js

若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由

若依前后端分离框架去掉首页登录后跳转至动态路由的第一个路由若依框架VUE前端界面,登录后默认跳转至动态路由第一路由(第一个子菜单)一、登录后跳转第一路由界面二、设置路由的首页路径,方便后续的获取三、点击若依的logo跳转的页面的修改四、关闭所有tagview后,会展示默认页面,设置禁止关闭首界面五、个人中心关闭按钮后跳转的页面,防止点击关闭后页面空掉六、隐藏掉若依原本导航中的首页七、401和404页面返回首页,返回至默认首页八、屏蔽首页九、重新登陆页面修改若依框架VUE前端界面,登录后默认跳转至动态路由第一路由(第一个子菜单)一、登录后跳转第一路由界面找到src目录下permission.js

若依RuoYi防止请求重复提交

一、前言在某些情况下,由于网络不佳,用户操作有误(连续点击两下提交按钮),页面卡顿等原因,可能会出现请求重复提交,造成数据库保存多条重复数据。那么如何防止请求重复提交呢?一般有两种解决方案:第一种:前端处理,在提交完成之后,将按钮禁用。第二种:后端处理,使用拦截器拦截。交给前端解决,判断多长时间内不能再次点击按钮,或者点击之后禁用按钮,当然,聪明的小伙伴能够绕过前端验证,因此推荐后端进行拦截处理。二、实现思路使用拦截器防止请求重复提交,其实若依早已整合,利用AOP切面在进入方法前拦截,通过Redis的key-value键值对存储,指定key+url+消息头来拼成字符串组成key,使用请求参数+

若依系统入门

若依框架入门引言因为业务需求,需要开发一个网页项目,由于很久没有开发过网页项目,所以在网上做了一些调研,问了一些朋友,最后选定了若依框架。以前的网页项目开发,大多数框架都是自己搭的,UI框架记得以前还用着easyUI,自己搭建意味着开发量会特别大。若依框架是个前后端分离的框架,核心理念是快速构建,这套框架包含很多的功能,例如权限系统、UI交互、操作日志、系统监控等,可以节省大量的开发成本,更重要的是,对于初学者来说,这套框架的代码质量很高,非常值得学习。若依框架有很多版本,这里主要使用前后端分离的版本。前端:vue,element-ui(也有bootstrap版本)后端:spring(有spr

全面解析若依框架(springboot-vue前后分离--后端部分)

若依框架1、框架分解-启动配置-使用技术-功能分解2、功能详解分页实现(使用PageHelper)分页查询条件注意坑点导入导出实现(ExcelUtil.java)导出导入拓展数据处理导出自定义隐藏列上传下载权限控制示例异常处理参数验证拓展系统日志AfterReturning和AfterThrowing数据权限数据的具体过滤多数据源使用内部具体实现定时任务使用具体实现防重复提交具体实现(通过redis的过期时间实现)1、框架分解-启动配置前端启动#进入项目目录cdruoyi-ui#安装依赖npminstall#强烈建议不要用直接使用cnpm安装,会有各种诡异的bug,可以通过重新指定regist

全面解析若依框架(springboot-vue前后分离--后端部分)

若依框架1、框架分解-启动配置-使用技术-功能分解2、功能详解分页实现(使用PageHelper)分页查询条件注意坑点导入导出实现(ExcelUtil.java)导出导入拓展数据处理导出自定义隐藏列上传下载权限控制示例异常处理参数验证拓展系统日志AfterReturning和AfterThrowing数据权限数据的具体过滤多数据源使用内部具体实现定时任务使用具体实现防重复提交具体实现(通过redis的过期时间实现)1、框架分解-启动配置前端启动#进入项目目录cdruoyi-ui#安装依赖npminstall#强烈建议不要用直接使用cnpm安装,会有各种诡异的bug,可以通过重新指定regist

Ruoyi若依前后端分离框架【若依登录详细过程】

本文主要写RuoYi项目前端登录流程后端包含ruoyi-admin,ruoyi-common,ruoyi-framework等多个模块,ruoyi-admin为启动模块。先看一下ruoyi-admin/src/main/application.yml配置文件。#开发环境配置server:#服务器的HTTP端口,默认为8080port:8080指定了服务端启动的端口8080。我们运行ruoyi-admin/src/main/java/com/ruoyi/RuoYiApplication.java即可启动后端,监听8080端口。我们回到前端的登录界面。views/login.vuetemplate

若依框架前端Vue项目分析实战

说明前面讲解了vue2的单点知识,下面用若依提供的vue项目,实战分析一下,拿到一个vue项目,如何进行分析并进行二次开发。一、public/index.html与main.js和App.vue三者的关系vue项目是单界面应用,所有的界面将在public下的index.html里呈现。main.js是程序的入口,在这里,定义了vue实例对象。如下代码:newVue({el:'#app',router,//路由插件store,//vuex插件,所有的组件中都可以使用store中的action,mutation和state数据。通过$strore调用或者mapXXX函数映射render:h=>h(

若依框架前端Vue项目分析实战

说明前面讲解了vue2的单点知识,下面用若依提供的vue项目,实战分析一下,拿到一个vue项目,如何进行分析并进行二次开发。一、public/index.html与main.js和App.vue三者的关系vue项目是单界面应用,所有的界面将在public下的index.html里呈现。main.js是程序的入口,在这里,定义了vue实例对象。如下代码:newVue({el:'#app',router,//路由插件store,//vuex插件,所有的组件中都可以使用store中的action,mutation和state数据。通过$strore调用或者mapXXX函数映射render:h=>h(