功能例图E-R图界面代码分析 1.项目是springboot+vue的项目，后端运用springboot框架，数据库框架用的是mybatis框架，管理工具用的maven。并运用jwt实现安全可靠的单点登录功能。前端运用vue2框架，用axios进行前后端网络交互请求数据。 2.目录结构，分为controller层，config配置文件包，sevice层，enetiy实体类层，mapper层，uti
转载
2024-10-10 12:47:13
11阅读
?? 目录一、后台管理界面开发1.1 引入Element-ui布局1.2 修改页面样式1.3 左侧导航菜单填充1.4 拆分抽取Vue组件1.5 编写导航栏的路由二、 用户登录信息展示2.1 用户信息展示2.2 个人中心展示2.3 前端用户退出操作 一、后台管理界面开发1.1 引入Element-ui布局ok，登录界面我们已经开发完毕，并且我们已经能够进入管理系统的首页了，接下来我们就来开发首页的
接着上章节下面我们做一下身份认证登录成功之后前端就可以获取到了jwt的信息，所以后端进行用户身份识别的时候，我们需要通过请求头中获取jwt，然后解析出我们的用户名，这样我们就可以知道是谁在访问我们的接口啦，然后判断用户是否有权限等操作那么我们自定义一个过滤器用来进行识别jwt JWTAuthenticationFilter 代码如下import cn.hutool.core.util.StrUti
转载
2024-10-26 10:09:42
62阅读
上一回，强哥带着大家一起将一套Node项目部署到了自己的云服务器上。有些小伙伴们在问，平时自己做的都是Vue的项目，要怎么把Vue的项目部署到自己的云服务器上呢？今天强哥就来带着大家一探究竟。1.上传代码首先我们需要使用WinSCP等其它FTP客户端软件，将自己的Vue代码上传到服务器上。如果你使用的是Vue Cli脚手架搭建的项目，仅需要将dist目录下的所有文件上传，而不是整个项目的文件。强哥
转载
2024-09-06 08:43:44
35阅读
前端代码编写前言在写这个程序之前，我只是一个知道前端三剑客的前端菜鸟，最多再加上JQuery，但绝对称不上了解，鬼知道我怎么脑抽筋没有clone网上的模板，反而自己用vue写出了一个前端的整个模板。对于我这个后端狗来说，写前端无疑是非常痛苦的，说70%的时间都用到了前端上都不为过，所以，当你希望完全靠自己的力量，不通过视频或者网上现成的代码定制化自己的需求的时候，你一定要考虑清楚，特别是你对前端并
转载
2024-09-23 19:02:36
52阅读
vue3前置00-导学这将是你能看到的最快速Vue3 入门文章， 我们将快速的 去学习Vue3相关的知识，并结合后端做一个增删改查的项目，能够帮助你快速的上手Vue3， 包含了Vue 所含的所有特性， 你会知道 Vue3和Vue2 的区别，以及企业为何偏偏从技术桩型方面从 Vue2切换到 Vue301-为什么学vue3目标：了解vue3现状，以及它的优点，展望它的未来Vue3现状：
vue-nex
转载
2024-10-12 11:40:52
71阅读
const originalPush = VueRouter.prototype.push;const originalReplace = VueRout
原创
2022-12-21 10:10:36
110阅读
vue 路由跳转，参数消失问题 1. 参数传递页面：这种方式页面刷新参数丢失。 // 点击跳转详情页面 toDetail(){ this.$router.push({ name:"newsDetail", params:{content:item}//传递过去的参数 }) } 页面取参数 ：this ...
转载
2021-09-17 15:33:00
3192阅读
2评论
今天刚开始新建一个vue项目，就在路由这卡死了，经过多次查找对比，发现了问题竟然是出现在一个括号上，如下所示 const routes=[ // 正确写法 { path:'/', name:"Home", component:()=>import ("@/views/Home") }, // 错误写
原创
2022-08-27 01:54:49
112阅读
前言 因为最近业务需求要使前后端分离项目集成cas实现单点登录，网上找了许多，关于前后端分离情况下集成cas的文章，但感觉对我帮助并不大且实现起来较为复杂，下面浅浅记录一下我对该问题的解决方案。对于传统springboot项目前后端一体集成cas比较容易需要的朋友可以看我的另一篇文章。项目前端使用Vue2
转载
2024-07-03 12:08:20
911阅读
SpringBoot跨域问题全局配置跨域使用 @CrossOrigin 注解自定义跨域过滤器Access to XMLHttpRequest at
原创
2022-01-11 17:33:09
531阅读
本博客会总结所有vue中和路由有关的问题，路由监控，权限，历史等 首先是路由最基础的问题：路由跳转 1、router-link 在vue2.0中替代了原来的v-link， 使用之前需要对路由进行配置 <router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认 ...
转载
2021-09-10 13:37:00
130阅读
2评论
文章目录`1. Vue--参数传递及重定向`1.1 第一种取值方式 {{$route.params.key}}1.1.1 修改路由配置,1.1.2 传递参数1.1.3 接收参数1.1.4 运行结果`1.2 第二种取值方式 使用props 减少耦合`1.2.1 修改路由配置1.2.2 传递参数和之前一样 在Main.vue中修改route-link地址1.2.3 在Profile.vue接收参数为
转载
2024-03-22 12:37:39
435阅读
vue 刷新之后 嵌套路由不变 重新渲染页面的方法解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来2、写写一个reload方法，在页面刷新只有，点击某个查询条件的时候调用这个重载的方法这是条件渲染变化了为false在修改数据之后使用 $nextTick，条件渲染变化了为true则可以在回调中获取更新后
使用全局路由守卫实现前端定义好路由，并且在路由上标记相应的权限信息const routerMap = [
{
path: '/permission',
component: Layout,
redirect: '/permission/index',
alwaysShow: true, // will always show the root menu
一、安装路由模块要在自己的Vue项目中使用路由，首先要通过以下命令来安装路由模块vue-routernpm install vue-router --save-dev
# 如果你使用了淘宝镜像，可以使用cnpm来安装，速度更快
cnpm install vue-router --save-dev我们这里配置的是全局路由，所以下面的操作都是在Vue项目的入口文件 main.js 中进行的。二、
功能概述：根据后端返回接口，实现路由动态显示实现按钮（HTML元素）级别权限控制涉及知识点：路由守卫Vuex使用Vue自定义指令导航守卫前端工程采用Github开源项目Vue-element-admin作为模板，该项目地址：Github | Vue-element-admin 。在Vue-element-admin模板项目的src/permission.js文件中，给出了路由守卫、加载动态路由的实
转载
2024-06-18 21:39:43
554阅读
项目第五天一、项目路由使用一、后台系统路由实现分析二、谷粒学院路由定义二、使用nginx配置后台多服务器api一、项目中的Easy Mock二、配置nginx反向代理三、配置开发环境三、讲师管理列表组件一、分页列表二、删除四、讲师管理表单组件一、新增二、回显三、更新四、存在问题五、后端业务的灵活优化一、返回操作是否成功 一、项目路由使用一、后台系统路由实现分析1、入口文件中调用路由 src/ma
转载
2024-04-08 00:48:46
263阅读
页面路由控制，登录状态校验，访问控制昨天冬至好冷呀，但是吃到汤圆噜，开心嘿嘿嘿，大家也冬至快乐鸭冬至，福至，祝大家想要的一切如约而至！！一个月前做的项目，还差登录模块没有完善，后面工作忙起来也没时间做了，现在就来完善一下趴基本登录退出的功能是必备的但是没有访问控制、校验登录状态的功能总感觉差点味道哈哈哈哈后端1. 整个项目依赖于两个cookie2. 一个设置用户存放用户名（前端可读取，有过期时间，
转载
2024-04-01 01:40:13
88阅读
vue项目创建好了并且集成了基础的后台管理系统，调用后端接口也调通了。接下来就是开发后台管理系统的其他功能了，首先就是把相关路由和一些基础工具配置一下。vue的全局路由配置，router/index.js代码：import {createRouter, createWebHashHistory, createWebHistory} from "vue-router";
import Home fr
转载
2024-04-11 11:06:14
58阅读
