简单实现 token可用于登录验证和权限管理. 大致步骤分为: 前端登录,post用户名和密码到后端. 后端验证用户名和密码,若通过,生成一个token返回给前端. 前端拿到token用vuex和localStorage管理,登录成功进入首页. 之后前端每一次权限操作如跳转路由,都需要判断是否存在token,若不存在,跳转至登录页. 前端之后的每一个对后端的请求都要在请求头上带上token,后端查看请求头是否有token,拿到token检查是否过期,返回对应状态给前端. 若token已过期,清除

最近做了一个前后端分离的商城项目来熟悉开发的整个流程,最后希望能有个正式的部署流程,于是试着把项目放在云服务器上,做了一下发现遇到了不少问题,借此记录一下整个部署的过程. 使用的技术栈如标题所说大体上是Vue+Spring boot,但还是要提一下详细的版本,因为在解决问题的过程中发现由于开发环境的不同会产生诸多影响,查找问题时如果没有版本作为前提经常会出现很多不必要的误解,甚至是误操作,非常浪费时间.详细版本情况如下: Vue 2.6.11 Vue-cli 4.5.0 Spring boot

原文链接: Spring Boot 集成 Swagger 生成 RESTful API 文档 简介 Swagger 官网是这么描述它的:The Best APIs are Built with Swagger Tools. Swagger 是一套基于 OpenAPI 规范构建的开源工具,可以帮助我们设计.构建.记录以及使用 Rest API.Swagger 主要包含了以下三个部分: Swagger Editor:基于浏览器的编辑器,我们可以使用它编写我们 OpenAPI 规范. Swagger

前言 在之前的文章中,使用mybatis-plus生成了对应的包,在此基础上,我们针对项目的api接口,添加swagger配置和注解,生成swagger接口文档 具体可以查看本站spring boot系列文章: spring boot项目使用mybatis-plus代码生成实例 具体例子 maven配置 在使用之前,我们需要添加swagger中maven相关依赖配置 <!--swagger 接口说明文档框架--> <dependency> <groupId>io.spr

全栈的自我修养: 环境搭建 Not all those who wander are lost. 彷徨者并非都迷失方向. Table of Contents @ 目录 前言 环境准备 nodejs vue-cli 创建 Vue 项目 yarn和npm 命令 对照表 项目结构 使用 elementUI 配置 Vuex 配置 axios github 参考 当你看到这篇文章的时候,暂且认为你对如何做一个网站有了兴趣. 前言 本系列文章将从一个完整的项目是如何开发的过程进行编写,期间会涉及前端.后端和

最近想弄一下vue 所以就自己给自己找坑入   结果弄的满身是伤 哈哈哈 首先我说下 前后端分离  跨域请求  我在网上找了一些  可是都是针对于 spring boot 的 我自己还有 security 呢  那么问题来了这个权限认证 怎么搞 其实很简单  直接上代码了 在你的 security 配置加上 .cors() //主要是这个呀 加上了 应该是允许跨域 .and() .csrf().disable(); 然后就是  在spring boot 里配置一个跨域 @Configuratio

项目简介 一个小商场系统,包括: 后端:Spring Boot 管理员前端:Vue 用户前端:微信小程序 功能介绍 1.小商城 首页 专题列表.专题详情 分类列表.分类详情 品牌列表.品牌详情 新品首发.人气推荐 优惠券列表.优惠券选择 团购 搜索 商品详情.商品评价.商品分享 购物车 下单 订单列表.订单详情 地址.收藏.足迹.意见反馈 客服 2.管理平台 会员管理 商城管理 商品管理 推广管理 系统管理 项目截图 1.登陆 2.首页 3.统计 源码地址 https://github.com/

新蜂商城 Vue 移动端版本开源啦! 去年开源新蜂商城项目后,就一直在计划这个项目 Vue 版本的改造,2020 年开始开发并且自己私下一直在测试,之前也有文章介绍过测试过程和存在的问题,修改完成后,于 5 月底将 Vue 版本的所有代码开源了,只是后面一直太忙,没有时间整理这篇文章. 现在,向大家介绍一下这个 Vue 版的前后端分离商城项目. 所有的代码.文件全部都开源到 GitHub 仓库中,并没有任何藏着掖着的行为,不会说缺少哪个依赖或者某个重要功能,这种事情是不存在的,大家先看看文章和预

前言 本文讲解作为后端的spring boot项目开发流程,如果您还不会配置spring boot环境,就请点击<玩转spring boot——快速开始>,如果您对spring boot还没有入门,就请点击<玩转spring boot——开篇>学习spring boot开发. 一.构建项目 使用STS构建Spring Starter项目 pom.xml中添加依赖: <!-- web --> <dependency> <groupId>org.sp

Github地址:https://github.com/smallsnail-wh 前端项目名为wh-web 后端项目名为wh-server 项目展示地址为我的github pages(https://smallsnail-wh.github.io)用户名:admin,密码admin(第一次启动会比较慢) 项目建构简单介绍: 数据库设计 用户表sys_user:存储用户基本信息. 角色表sys_role:存储不同的角色. 菜单表sys_menu:存储菜单信息. 用户和角色关系表r_user_ro

前言: 最近在考虑搭建个人网站,想了想决定采用前后端分离模式 前端使用Vue,负责接收数据 后端使用Spring Boot,负责提供前端需要的API 就这样开启了我边学习边实践之旅 Vue环境搭建步骤: 1.安装node.js a)进入node.js官网(https://nodejs.org/en/download/),选择对应版本下载,并进行安装(安装时,按照提示,一直next) b)验证node.js是否有安装好:打开命令行窗口,输入node -v,会返回对应的node.js版本号 c)np

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲染生成PDF文档.本人文采欠缺,写作能力差,下面粗略的介绍其使用步骤,若有不对的地方,望大家莫喷,谢谢! 一.使用Ireport designer 5.6设计模板 ireport的使用由于时间关系不便多说,设计好之后,将其进行编译生成jasper文件,然后将其拷贝放置于项目某个目录下,以供访问获取该文件. 二.在Spring Boot项目

前端界面 使用Quasar将组件都排好,用好css. Quasar 入门 # 确保你在全局安装了vue-cli # Node.js> = 8.9.0是必需的. $ npm install -g vue-cli # 然后... $ vue init quasarframework / quasar-starter-kit-umd <文件夹名称> 后端 Spring Boot JPA项目搭建 1.开发工具 IntelliJ IDEA 2017.2.6 2. 开发环境 JDK 1.8 3. m

一.简介 在当下这个前后端分离的技术趋势下,前端工程师过度依赖后端工程师的接口和数据,给开发带来了两大问题: 1.问题一.后端接口查看难:要怎么调用?参数怎么传递?有几个参数?参数都代表什么含义? 2.问题二.返回数据操作难:数据返回不对或者不够怎么办?怎么才能灵活的操作数据? 这是很多公司前后端分离之后带来的困扰,那怎么来解决这些问题? 问题一的一般解决方案:后端团队共同维护一个在线文档,每次改接口再去改对应的文档,但难免会遗漏,花的大力气但却效果平平. 问题二的一般解决方案:自己搭建一个Mo

一,什么是swagger? 1,  Swagger 是一个规范和完整的文档框架, 用于生成.描述.调用和可视化 RESTful 风格的 Web 服务文档 官方网站: https://swagger.io/ 2,使用swagger要注意的地方: 在生产环境中必须关闭swagger, 它本身只用于前后端工程师之间的沟通, 可以专门使用一台内部服务器来展示ui供访问, 即使在这上面要做好安全措施 3,  因为swagger3.0.0已发布,本文使用了最新版 如果有还在用2.x版本的请参考时注意区分 说

Swagger2可以在写代码的同时生成对应的RESTful API文档,方便开发人员参考,另外Swagger2也提供了强大的页面测试功能来调试每个RESTful API. 使用Spring Boot可以方便的集成Swagger2 1.新建Spring Boot项目 2.添加swagger依赖 <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</arti

原文地址:https://blog.csdn.net/qq_39996837/article/details/84717748 由于在数据库表反向生成过程中呢,需要通过jpa自动生成表,并且这个表必须有注释-废话不多说,直接亮配置- 1.首先这是我的pom.xml配置咯,说明下,只通过jpa生成,下面的lombok,mybatis-plus,generator这三个可以不要(也可以保留),这三个是我测试工程用到的-真正需要的是:jpa,jdbc,mysql <?xml version="1

在网站开发中,经常会遇到要生成二维码的情况,比如要使用微信支付.网页登录等,本文分享一个Spring Boot生成二维码的例子,这里用到了google的zxing工具类. 本文目录 一.二维码简介二.编写代码生成二维码1.引入jar包2.编写工具类3.编写控制层代码4.运行并查看效果 一.二维码简介 二维码又称为QR Code,QR全称是Quick Response,是一个近几年来移动设备上超流行的一种编码方式. 二维码是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录

$.post({ url: "/register", dataType: "json", contentType: "application/json", data: JSON.stringify(info), success: function (data) { }}); 必须包含: dataType: "json", contentType: "application/json", 不加后端会出现415

通过Jenkins构建发布spring boot项目时,常常有需求,需要把Svn的版本号更新到项目的版本上,通过有两种解决方案: 1. 通过shell命令对配置文件中的指定字符进行替换, 如: 配置文件 app-config: isDev: 1 version: 10.0.dev.312 shell命令 sed -i "s/dev/$BUILD_NUMBER/g" src/main/resources/application.properties 2.使用spring boot插件在构

一,zxing是什么? 1,zxing的用途 如果我们做二维码的生成和扫描,通常会用到zxing这个库, ZXing是一个开源的,用Java实现的多种格式的1D/2D条码图像处理库. zxing还可以实现使用手机的内置的摄像头完成条形码的扫描及解码 2,zxing官方项目地址: https://github.com/zxing/zxing 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取: