本文将带大家从一台全新的 CentOS 服务器开始，部署一套完整的前后端分离项目。操作步骤非常详细，新手友好型文章~后端技术栈：Spring Cloud 微服务架构 + Redis + RabbitMQ + MySQL；前端技术栈：Vue + ElementUI；部署工具：后端用 Docker 容器化部署，并把命令封装成脚本自动执行；前端用 Nginx 做代理。前期准备 系统版本为：CentO
先看效果图新增页面： 编辑页面： 内容页面：排序： 点击大章后进入:点击小节后： 前端页面： 第一步是配置MAVEN的阿里云镜像，一定要配置，不然下载不了依赖，很多依赖服务器是国外的，阿里获得授权可以为你提供下载服务。我们一般都是maven3，如果你用2，同样的方式在maven2里面配置即可。用笔记本打开它也行，我推荐vs，看起来划分清晰很多。首先是依赖下载的地址，如果你以前没配置过一般都是自动配
转载
2024-05-09 13:40:11
50阅读
前后端分离已经在慢慢走进各公司的技术栈，不少公司都已经切换到这个技术栈上面了。即使贵司目前没有切换到这个技术栈上面，松哥也非常建议大家学习一下前后端分离开发，以免在公司干了两三年，SSH 框架用的滚瓜烂熟，出来却发现自己依然没有任何优势！其实前后端分离本身并不难，后段提供接口，前端做数据展示，关键是这种思想。很多人做惯了前后端不分的开发，在做前后端分离的时候，很容易带进来一些前后端不分时候的开发思
转载
2024-08-29 15:30:02
77阅读
背景Spring Cloud 微服务试点改造，目前在尝试前后端分离。前台A应用（本机8080端口），通过网管（本机8769端口）调用后台应用B（本机8082端口）、应用C发布的http服务。。A的js代码如下： $.ajax({
type: "POST",
async: "true",
url: "http://127.0.
转载
2024-09-06 10:01:56
58阅读
springcloud-概念 一.架构演进过程单体架构----分布式架构----SOA(eg.dubbo)服务治理架构----微服务 随着互联网的发展,需求的激增致使网站应用规模的扩大,最后转成了技术上的压力系统架构因此也不断地演进、升级、迭代1.1 集中式架构当网站流量很小时，只需一个应用，将所有功能都部署在一起，以减少部署节点和成本。此时，用于简化增删改查工作量的数据访问框
转载
2024-10-16 16:27:53
41阅读
前言Spring Security网络上很多前后端分离的示例很多都不是完全的前后分离，而且大家实现的方式各不相同，有的是靠自己写拦截器去自己校验权限的，有的页面是使用themleaf来实现的不是真正的前后分离，看的越多对Spring Security越来越疑惑，此篇文章要用最简单的示例实现出真正的前后端完全分离的权限校验实现，spring全家桶共享，总结了大厂面试真题，资深架构师学习笔记等。1.
2020-04-07：因为期间在找工作，所以拖了一段时间，管理后台和小程序都已经写好了，还做了一些改变为啥叫它轻博客，这是临时想的名字，因为目前它的功能没有那么多，很简单的一些功能，为了不太Low就取个比较清新的叫法，之前是想叫VBlog，但是后面发现有大佬已经写了个叫VBlog的了，还是别跟人家重名好了。。。 配置文件因为有比较机密的配置，所以上传的是github的，大家根据需要再自己改 数据库
参考视频教程: SpringCloudue前后端分离开发企业级在线视频课程系统 (://.notescloud.top/goods/detail/1306)springcloudhichat（前后端分离）一个简单的移动web聊天室，做这个小项目主要是想体验当今时代的一些新潮的技术，尤其是springcloud和vue，所以里
转载
2021-10-03 20:39:12
898阅读
点赞
1评论
1. 授权即不同的用户使用不同的功能。1.1 授权基本流程在SpringSecurity中，默认使用FilterSecurityInterceptor来进行权限校验。在FilterSecurityInterceptor中会从SecurityContextHolder获取其中的Authentication，然后获取其中的权限信息。判断当前用户是否包含访问资源的权限。因此需要将权限信息存入Authen
转载
2024-02-19 11:45:19
76阅读
前言网上貌似webflux这一套的SpringSecurity操作资料貌似很少。自己研究了一波，记录下来做一点备忘，如果能帮到也在迷惑的人一点点，就更好了。新项目是前后端分离的项目，前台vue，后端SpringCloud2.0，采用oauth2.0机制来获得用户，权限框架用的gateway。一，前台登录大概思路前台主要是配合项目中配置的clientId，clientSecret去第三方服务器拿授权
转载
2024-07-24 10:06:15
354阅读
Websocket实时推送消息WebSocket是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。以前的推送技术使用 Ajax 轮询，浏览器需要不断地向服务器发送http请求来获取最新的数据，浪费很多的带宽等资源。使用webSocket通讯，客户端和服务端只需要一次握手建立连接，就可以互相发送消息，进行数据传输，更实时地进行通讯。一次握手建立WebSocket连接浏览器先向
目录一、服务端配置1、引入依赖包2、编写Config类进行websocket的配置3、编写拦截器WebSocketInterceptor4、编写管理在线用户的WebSocketManager5、编写消息的接收和发送的Controller二、客户端配置1、引入SockJS以及stompjs2、编写公用的websocket.js供其他地方调用3、业务代码中引用websocket进行消息发送和接收三、
转载
2024-03-25 19:52:51
215阅读
前情提要上一节讲解了如何在前端使用oauth2，如何修改用户状态和编写认证逻辑以适应oauth2这一节会讲解如何做一个简单的后台管理页面什么是后台管理页面？后台管理的本质是对数据库记录的CRUD后台管理页面是给工作人员使用的，用来管理和维护信息的可视化页面，将平时需要对数据库的操作进行封装，方便管理用户后台管理页面就是用来管理用户信息的，不但要有用户的基本信息，和用户相关的信息也要有，比如用户权限
转载
2024-10-17 10:19:10
78阅读
文章目录SpringSecurity - 前后端分离简单实战 - 环境准备最好的理解方法环境准备技术前提项目架构项目创建项目配置数据库配置 SpringSecurity - 前后端分离简单实战 - 环境准备看完上面的文章，我们再结合一次实战来更深入的了解 SpringSecurity 的运行规则，上面的文章我只挑选了最重要的进行翻译，也就是它的架构部分。SpringSecurity 的核心就是其
转载
2024-03-29 14:26:22
143阅读
本次后端系统选用IDEA进行开发，相关jar包通过Maven坐标导入本章先单个配置Mybatis以及spring框架并进行运作，过程中思考mbatis的哪些对象可以交给spring来控制以便后期三位一体后进行注入。一、 IDEA创建工程1.首先打开IDEA，已有的工程是我学习时用的工程，请忽视。2.新建一个module。3.点击Maven，选择我们的jdk，再勾选使用模板创建，最后选择maven-
转载
2024-03-20 15:22:56
299阅读
猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，跟着教程走下来，变身猿人找到工作不是问题。想要一起实战吗？，关注公主号猿人工厂，获取基础代码，手把手带你开发属于自己的电商系统。 从今天开始，我
项目简介spring cloud+vue项目是一个前后端分离的spring cloud开发脚手架，项目基于spring boot 2.2.2.RELEASE，spring cloud Hoxton.SR3 构建，使用zuul、eureka、hystrix、feign微服务架构体系，spring security 作为安全模块和权限控制，并且项目使用简洁的vue作为前端，非常适合中小企业在此项目上做
转载
2024-02-29 14:38:55
48阅读
原标题：学习前后端交互技术有哪些我们都知道，一个完整的IT项目是由多个不同岗位的成员共同完成，包括UI设计、前端开发、后端开发、测试等。为了实现项目的完整性，前后端需要运用技术实现联通。不过，前后端交互技术有哪些呢？目前常用的实现前后端交互的技术有三个：1、ajaxajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，ajax可以使网页实现异步更新。这意味着可以在不重新加载
转载
2023-07-31 19:05:34
166阅读
问题延续上章留下的问题，百度了下，搜到以下结果结果1结果2测试通过搜索，看到了第二篇文章中的rememberMeauthenticationProvider。其实之前在调试的过程中也有看到，但是当时没在意。 现在看到了这个，可以看到它里面有个属性key。 于是想着重写一下这个bean。MyRememberMeAuthenticationProviderimport org.springframew
前言：在02的基础上，拷贝一个vuecli模板进行修改一、前端环境搭建1、准备项目准备一个vuecli搭建的模板，然后拷贝进来修改2、启动项目在idea的命令窗口栏输入命令：npm install，安装依赖库 运行：npm run dev 然后在浏览器地址栏输入地址：localhost：8080二、平台管理登录的实现1、EasyMock准备数据mock：模拟数据，自己写很多，麻烦的很。EasyMo
转载
2024-05-13 21:21:00
62阅读
