一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业（15年）那会就听说过，但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离？直观的感觉就是前后端分开去做，即功能和职责上的一种划分，前端负责页面的渲染，部分页面交互的逻辑，然后通过网络请求与后端进行数据的交互；后端则着重关注业务逻辑的处理，直接操控数据库。1.2前后端未分离前（1）jsp + serv
转载
2024-08-14 12:12:34
56阅读
前言：2gitee源码：https://gitee.com/web-paul/springboot-vue第一部分：vue前端目录：一、assets目录： 引用了一个全局css样式，最后在main.js引入即可 main.js中：import '@/assets/css/global.css'二、components目录：Aside代表侧边栏组件：el-menu这个标签记住了 1处代表设置默认高亮
转载
2024-05-14 15:32:08
235阅读
本文3.0版本文章本文涉及的内容，同样适用于3.0版本，不用修改。 前言1、在使用的时候，特别是更新数据的时候，如果不知道哪里有问题，可以查看数据库 和 实体类 的字段，是否大小写一致，比如 name 和 Name2、在使用Sqlsugar 的 CodeFirst的时候，记得要先重建一个空的数据库，不然会提示错误。注意：Sqlsugar 5.x 版本已经支持自动创建数据库了，如果你用了最
前后端项目分离操作使用搭建好的vue项目和ssm项目功能需求分析后端查询持久层 发送两条sql查询总条数和结果集(limit容易写死) 使用分页插件pageHelper解决分页的功能 在pom.xml中添加依赖<!--pagehelper-->
<dependency>
<groupId>com.github.pagehe
问题描述前后端分离，验证码存储到session中，postman测试可以获取到session中的验证码，但是在另一台电脑上获取session中的验证码却始终为null，试了各种跨域、携带cookie都不管用。前言一个之前完成的项目说要加些新需求要我们做，我们肯定不能拒绝啊，开干。打开项目，运行，浏览器输入地址，输入用户名、密码、验证码，点击登录，？？？验证码已失效？？？啥情况？断点一看，好家伙，获
转载
2024-06-23 22:03:48
196阅读
最近在工作上遇到CAS前后端分离接入，后端是使用的GO，前端则是Ant Design，通过Restful Api进行数据交互，最后是同域下完成接入，始终感觉不理想，打算仔细研究一下前后端分离接入CAS方案，并进行总结如下。果真问题是学习的好老师，有疑问才能去解决。前面一些列的文章介绍CAS，具体原理我就再在这里复述了，如果读者还不太熟悉原理，可以去翻翻前面的文章——CAS单点登录(一)——初识SS
转载
2024-08-22 06:24:20
122阅读
1、首先用一张图引出此次学习的起因及过程2、具体探索过程1、使用的前后端语言：前端H5(http://web.local.com)，后端node.js（http://localhost:8080,验证码插件一般bmp24/svg）2、一般后端接口处理跨域主要加Access-Control-Allow-Origin:'options'app.use("*", function (req,
前言前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful api接
转载
2024-08-19 13:21:03
43阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
573阅读
文章目录思考一、登录流程二、服务器代码实现配置及工具类1. 验证用户名、密码登录验证控制器颁发token2. token的验证认证和过期情况shiroConfigJWTFilterJWTRealm 思考为什么需要用token来做？传统的session为什么不可以？token有何优势。session存在的问题 ：①前后端分离项目，前端可能是web/app等,对于存储sessionId的cookie
转载
2024-04-06 10:14:34
720阅读
Session与Token认证机制 前后端分离下如何登录Session与Token认证机制 前后端分离下如何登录 字号1 Web登录涉及到知识点1.1 HTTP无状态性HTTP是无状态的，一次请求结束，连接断开，下次服务器再收到请求，它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的，但是对于我们的应用来说，我们是靠用户来管理，而不是靠客户端。所以对我们的应用而言，
问题原因在传统的项目中我们利用,session+cookie来保持用户的登录状态,但这在前后端分离项⽬目中出现了问题;sessionid是使用cookie存储在客户端的,而cookie遵守同源策略,只在同源的请求中有效,这就导致了问题出现:前后端分离后静态资源完全可能(而且经常…)部署到另一个域下,导致cookie失效。虽然我们可以在cookie中指定domain来解决,但是cookie必须针对性
转载
2024-04-25 06:29:12
77阅读
Spring Security 做前后端分离，通过 JSON数据交互前后端分离开发后，认证这一块到底是使用传统的 session 还是使用像 JWT 这样的 token 来解决呢？这确实代表了两种不同的方向。传统的通过 session 来记录用户认证信息的方式我们可以理解为这是一种有状态登录，而 JWT 则代表了一种无状态登录。可能有小伙伴对这个概念还不太熟悉，我这里就先来科普一下有状态登录和无状
转载
2024-06-04 13:17:32
95阅读
刚入职新公司，新公司的前端技术栈除了支付宝小程序，其他项目都是jquery+html 写的。领导想让我推一下vue+vue-cli+webpack，前后端项目的想法，我正在做整理资料，我便想到了前后端分离项目的必然性的特点，和传统技术的优势；总结的最完美的一句话我觉得应该是前后端分离的主要概念就是：后台只需提供API接口，前端调用AJAX实现数据呈现！！！完美啊。后台只注重算法，向前端提高接口，前
转载
2024-06-24 20:14:45
10阅读
前后端分离要解决的一个大问题就是信息安全，我们一起来分析应该如何实现？一、使用session存在的问题：session和cookie是为了解决http无状态的方案。session是用户保存在服务器中的状态信息，cookie中则保存jsessionId，请求服务器时，服务器读取jsessionId从而确定用户的身份信息，而session+cookie用在restful接口上破坏了其“无状态”的特性，
转载
2024-05-03 22:37:42
34阅读
Vue前后端分离 一、工程创建前期（不用切换目录） 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕： node –v npm –v 或 cnpm -v 2、安装脚手架，用于快速创建 ...
转载
2021-08-20 16:03:00
1138阅读
2评论
后端添加如下代码 package com.example.demo; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowi ...
转载
2021-08-17 15:34:00
536阅读
2评论
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构，需要先安装vue，可以通过npm来安装，因此首先需要安装node，步骤如下（1）进入 node官网，下载最新版本，安装完毕后，执行node --version、npm --version 查看是否安装成功。（2）node安装完成后，即可通过npm来安装vue，可先执行（npm install -
转载
2024-06-29 22:35:54
546阅读
路由此处的路由指的是页面跳转的规则，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同，所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中，学习过Java Servlet，前端的页面资源和后端服务是放在了同一个项目文件中的，前端显示的页面都是
转载
2024-04-03 19:17:25
103阅读
文章目录前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）后端部署（以Springboot项目为例）补充 前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）部署环境：Nginx 配置文件：vue.config.js 更多可见此文章vue项目打包与配置-学习笔记（vuecli4）： 以下是vuecli2：CDN优化：module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
