Vue +Spring Boot 前后端分离 的 项目 笔记前端部分Vue 脚手架的搭建1.在创建目录的上一目录执行命令 命令为vue init webpack 项目名再创建项目的时候会自动创建以项目名为名字的文件夹 以下是 vue 2.X 版本下 创建项目时的示例E:\java\idea_java_maven\vue_login>vue init webpack vue_login_cli
转载 2月前
33阅读
最近做一个公司的小项目,使用到shiro做权限管理,在参考几位大佬的博客之后,自己也趟了无数坑,在此做一个记录。此次的springboot版本为:2.1.7.RELEASE。话不多说,直接代码伺候:1、shiro部分的pom文件:<dependency> <groupId>org.apache.shiro</groupId>
前后端分离项目springBoot +shiro权限控制+redis本次使用shiro主要实现以下几个功能 1.用户没有登录无法访问任何为权限控制的接口 2.用户登录后只能访问该用户所拥有的权限,实现了对后端接口颗粒级的权限控制 3.两个用户登录同一个账号时,后登录的用户会将先登录的用户挤掉一.数据库设计用户表 user 角色表role 用户角色中间表user_role资源权限表resource
Linux环境下-SpringBoot 前后端分离项目的部署一、前言  本文记录的是基于Nginx服务器搭建、配置完成后的项目部署流程案例,仅用于记录和参考使用,若有不当之处,欢迎指正。二、环境SpringBoot + Vue + Nginx三、项目部署步骤1、Xshell下载安装  我连接Linux用的是Xshell 6,文件传输使用的是其自带的Xftp 6,软件本身是收费的,但官方提供了“家庭
博客版本springboot2.1.17+mybatis-plus,此版本GitHub地址:https://github.com/memo012/ac-blogspringboot1.5.17+mybatis,此版本GitHub地址:https://github.com/memo012/people-blog前言正如你们所见,我就是这个简陋网站的维护人,一个普普通通的在校大二学生,不对,应该说马上
前言一般来说,我们用SpringSecurity默认的话是前后端整在一起的,比如thymeleaf或者Freemarker,SpringSecurity还自带login登录页,还让你配置登出页,错误页。但是现在前后端分离才是正道,前后端分离的话,那就需要将返回的页面换成Json格式交给前端处理了SpringSecurity默认的是采用Session来判断请求的用户是否登录的,但是不方便分布式的扩展
方法渲染初始化 table 容器中配置好相应的参数,由 table 模块内部自动对其完成渲染,而无需你写初始的渲染方法。首先满足:带有 class="layui-table"的 标签; 对标签设置属性lay-data="" 用于配置一些基础参数;在 <th> 标签中设置属性lay-data=""用于配置表头信息。示例:<!DOCTYPE html> <html&
转载 3月前
60阅读
这里是搞前端的菜鸡一个,在公司实习的时候组长给派了个任务,让实现系统的登录认证功能。好在以前做课设的时候有做过相关的功能,所以也不算是为难我。根据我本人的经验选了jwt+shiro+redis来实现登录认证的功能。顺带一提前端是react+umi+dva.一、思路使用token作为验证用户是否登录的唯一标识。用户登录,通过用户名和密码认证,在后端用jwt生成一个token,并将token存储在re
前言本文主要是想通过后端 Spring Boot 技术和前端 Vue 技术来简单开发一个登录demo,该demo以简单、方便理解的方式来记录前后端结合使用的过程,方便正式开发复杂项目时能提前整体理解流程,demo最终实现的效果如下图: 效果图 DEMO功能描述输入http://localhost:8080回车浏览器自动跳转到http://localhost:8080/login登录页面,
现在大部分应用前后端分离鲜明的,前端不要接触过多的业务逻辑,都由后端解决,基本思路是这样的:服务端通过 JSON字符串,告诉前端用户有没有登录、认证,前端根据这些提示跳转对应的登录页、认证页等。 在学习springboot过程中,研究了下spring security使用JWT代替Session的方案,并适配了前后端分离时的ajax请求的Json返回。 此代码有很多不足,用到生产环境,需要做一些改
转载 6月前
113阅读
1点赞
一:初始化项目1、创建SpringBoot项目<!--spring boot--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web<
转载 7月前
41阅读
一、后端部署(tomcat)1、修改打包方式为war包<packaging>war</packaging>2、移除tomcat依赖或者将tomcat依赖scope改为provide移除Tomcat依赖<dependency>   <groupId>org.springframework.boot</groupId>     <art
前言:关于开发环境每位 Coder 都有自己偏好的开发工具,从大的方面划分主要有文本编辑器流和 IDE 流两种,我有一段时间也喜欢用编辑器(Sublime Text、Vim),但对我来说开发效率确实不如使用 IDE 高,所以就放弃了。不过需要修改某一代码片段时,使用编辑器还是比较便捷的。虽说大家可以按照自己的情况任意选择工具,但做教程只能顾及其中一种,所以不好意思了读者大人们。
简单实用! 前后端分离 shiro + springboot +mybatis+ Jwt 实现权限管理 之前学习了shiro和Jwt,就想找个项目练一下手,可是b站上没有找到前后端分离加上用shiro和jwt做权限控制的教程。后来看到一篇文章,这篇文章对于shiro流程的讲解对我非常有帮助,我用mybatis 和 JWT 结合了一下这篇文章的源码。 代码地址:://github./
转载 6月前
21阅读
一篇短文,想和大家聊聊前后端分离架构下,权限管理的一点点思路。 在传统的前后端不分的开发中,权限管理主要通过过滤器或者拦截器来进行(权限管理框架本身也是通过过滤器来实现功能),如果用户不具备某一个角色或者某一个权限,则无法访问某一个页面。但是在前后端分离中,页面的跳转统统交给前端去做,后端只提供数据,这种时候,权限管理不能再按照之前的思路来。首先要明确一点,前端是展示给用户看的,所有的
文章目录 一、登录页面请求处理二、开发步骤 1.配置druid 2.配置mybatis-plus三、效果演示四、问题以及解析 前言主要是测试数据库,负责发送给前端JSON数据,检查数据规范,学习新知识。技术mybatis-plus,druid等,后续会更新很多。项目目录 一、登录页面请求处理前端发送请求,controller接收,并且访问底层二、开发步骤1.代码如下(示例)
原先项目采用Springboot+freemarker模版,开发过程中觉得前端逻辑写的实在恶心,后端Controller层还必须返回Freemarker模版的ModelAndView,逐渐有了前后端分离的想法,由于之前,没有接触过,主要参考的还是网上的一些博客教程等,初步完成了前后端分离,在此记录以备查阅。一、前后端分离思想前端从后端剥离,形成一个前端工程,前端只利用Json来和后端进行交互,后端
转载 5月前
30阅读
部署步骤:先在服务器上搭建运行环境,Nginx,MySQL,JDK,Redis。然后打包springboot,vue项目注意:要先将springboot的配置文件application.yml下的redis,数据源的地址端口密码改成服务器环境下的,然后将springboot项目打成jar包,如果最终需要执行的jar包下有多个配置文件可以使用此命令进行指定配置文件执行jar包nohup java -
转载 11月前
142阅读
前端框架:Vue,相关网址:https://cn.vuejs.org/v2/guide/UI框架:Element,相关网址:https://element.faas.ele.me/#/zh-CN/component/installation后端框架:SpringBoot+Mybatis(数据库框架)+Redis(缓存数据库框架)数据库:MySql目标:前后端数据打通。搭建步骤:一、搭建Vue脚手架
说明:前后端分离,且前后端部署在同一台服务器上,nginx代理解决跨域问题目录一、准备服务器和域名。 二、编写前后端代码。三、服务器配置环境。四、打包前端项目(打包前后端项目没有先后顺序)五、打包后端项目(打包前后端项目没有先后顺序)六、在服务器部署前后端附:nginx.conf完整内容。一、准备服务器和域名。域名可能带外部端口号,在管理服务器的软件上,开放应用内部端口号。对于nginx
转载 7月前
240阅读
  • 1
  • 2
  • 3
  • 4
  • 5