这个项目分为部署本地和部署在服务器上两部分。先看效果技术栈springboot + shiro + redis + vue + element-UI大致框架我感觉这个项目的主要难点在于shiro与jwt的整合，没有相关基础的话看起来那是相当难受。在此利用本博客做一些相关的笔记，有兴趣的小伙帮可以传送b站啦,提醒一下，虽然该项目没用到redis，但是引入了shiro-redis，所以运行项目时记得打
转载
2024-07-01 12:03:06
15阅读
比较项前后端分离不分离开发复杂度高，前后端需要协作并设计API低，前后端同一项目，开发协作简单技术栈灵活性高，前端后端技术栈独立，可以使用不同的技术栈低，前端和后端技术栈耦合性能由于SPA等优化，性能通常较好页面由后端直接渲染，可能会导致性能瓶颈维护由于分离，维护更加方便由于耦合，维护难度较大可扩
前端处理(前端干不过后端使用此方案)： 修改config目录下的index.js文件：proxyTable: {
//匹配代理的url
'/api':{
target:'http://127.0.0.1:80', //实际需要请求的接口域名（IP+端口）
pathRewrite:{'^/api':'/'}, //表示重写规则
引子：什么是前后端分离和前后端不分离？ 前后端分离指的是后端开发人员只负责用来书写后端逻辑代码，不用再去管前端页面的搭建，前端人员只负责做好前端页面效果，不用管数据，数据直接向后端人员要，后端和前端通过路由接口来实现数据的传递，vue就是前后端用来交互使用的一个前端框架，那我们这边后端先是用的django,后续会使用其他框架，比如Flask,Tornado等。前端主流框架有三种，vue只是其中的
转载
2024-03-21 18:04:50
125阅读
Vue 应用的 前后端不分离模式的 nginx 配置
一、先在官网下载nginx 软件，解压后放在软件盘中如D盘将nginx 文件夹拖到编译器中，打开conf 文件夹中的 nginx.conf 文件，找到其中的server {} 配置项，默认35 行。将默认的 server 配置全部用 # 注释掉，之后再 conf 文件夹中创建文件夹 conf.d ，创
转载
2024-04-28 18:49:04
405阅读
前端vue+后端spring boot，第一次采用这种分离形式进行开发，最近项目要上线了，需要部署到服务器上，因为自己还是刚刚接触学习这种分离开发的模式，部署的时候遇到了很多问题，最近几天搞这个上线的事情被虐得心态差点崩溃，刚从一个坑里出来立马又被拖进另一个坑，深刻体会到——学海无涯苦作舟，特此记录小结一下，也算是小白踩坑的一个小小纪念吧。下图展示了前端项目和后端项目的基本结构，接下来就是如何编译
转载
2024-03-07 17:11:01
563阅读
项目情况项目是c#的三层架构技术搭建的，前端这一块是在.aspx页面中以script标签引入js <link rel="stylesheet">方式引入css的方式来开发的后台系统网站。网站整体界面结构如下图左侧是菜单，右侧是主题内容页面，主题内容是嵌入在一个iframe中，通过点击左侧菜单，切换iframe的src在显示不同的页面。vue 单文件形式开发思路- 1. 页面的右侧部分提
转载
2023-10-24 10:44:37
379阅读
SpringBoot+Vue前后端不分离，双向Https部署并实现数字证书登录 文章目录SpringBoot+Vue前后端不分离，双向Https部署并实现数字证书登录前言一、SpringBoot+Vue前后端不分离部署二、数字证书登录1.提供数字证书登录接口2. 配置Web应用以双向Https方式部署3.改造Vue登录页面总结 前言上篇文章介绍了，前后端分离架构下如何实现数字证书登录。应公司要求，
转载
2024-03-19 15:30:02
163阅读
项目介绍前后端分离架构，分离开发，分离部署，前后端互不影响。前端技术采用vue + antdvPro + axios。后端采用spring boot + mybatis-plus + hutool等，开源可靠。基于spring security(jwt) + 用户UUID双重认证。基于AOP实现的接口粒度的鉴权，最细粒度过滤权限资源。基于hibernate validator实现的校验框架，支持自
转载
2024-07-29 20:21:58
271阅读
简介SmartAdmin由河南·洛阳 1024创新实验室团队研发的一套互联网企业级的通用型中后台解决方案！使用最前沿的前后台技术栈SpringBoot和Vue，前后端分离，我们开源一套漂亮的代码和一套整洁的代码规范，让大家在这浮躁的代码世界里感受到一股把代码写好的清流！同时又让开发者节省大量的时间，减少加班，快乐工作，热爱生活。SmartAdmin 让你从认识到忘不了，绝对是你最想要的！疑惑有人问
1.10.4前后端分离前端和后端分离: 工程上的分离, (分为前端项目, 分为后端项目) 对于前后端不分离的来说, 数据和前端代码的结合----服务器来做前后端不分离的项目(前端和后端属于一个项目) 就比如可以在现在的Code3项目中创建一个包，写一些java代码，读取HTML代码。前后端分离的写法: 数据结合-----浏览器 浏览器发请求，分两次发，一次请求html对应的前端的内容，一次请求数据
转载
2024-09-09 20:48:47
230阅读
第0章 项目如何开始的0.1 总体流程需求调研-->需求转为需求文档-->将需求文档转为开发文档-->前端文档-->后台文档-->项目测试-->打包上线0.2 数据服务器构建0.2.1 技术栈Vue+elementUI+NodeJS+MySQL0.2.2 数据服务器准备导入数据库数据：打开数据库服务器，新建名为 itcast 的库；后台为我们提供了 /api-s
转载
2024-05-01 12:24:30
115阅读
一、先在官网下载nginx 软件，解压后放在软件盘中如D盘将nginx 文件夹拖到编译器中，打开conf 文件夹中的 nginx.conf 文件，找到其中的server {} 配置项，默认35 行。将默认的 server 配置全部用 # 注释掉，之后再 conf 文件夹中创建文件夹 conf.d ，创建文件 test.conf，在该文件中进行server {} 配置项的 配置。 &nbs
转载
2024-04-03 14:30:27
58阅读
1. spring-boot后台项目生成可执行jar文件 >> 首先确保spring boot后台项目在本地环境中是可以正常跑起来的,buildscript {
// 添加maven仓库
repositories {
mavenLocal()
// 阿里云的maven仓库
maven {url "http://maven.aliyun.com/nex
一、传统开发模式（前后台不分离） 概念：传统项目都是单节点项目，即所有的模块都是在一个项目中，然后把前后台代码都编译打包部署到一个web容器中，静态资源和数据库访问都是在一个项目中。 开发方式：前台人员开发模板页面，然后将开发好的页面交给后台，后台去套模板，然后进行后台开发，前后台高度耦合，出现一些问题就需要从新将也模板页面打回或者后台人员进行修改。 软件运行流程：用户通过url发出请求到服
转载
2024-07-29 19:43:29
588阅读
一、项目简介基于SpringBoot + Vue 开发的前后端分离博客，采用SpringSecurity进行权限管理，ElasticSearch全文搜索，支持QQ、微博第三方登录、在线聊天、发布说说等功能。二、在线地址项目链接： www.talkxj.com后台链接： admin.talkxj.com测试账号：test@qq.com，密码：1234567，可登入后台查看。在线接
转载
2024-03-15 19:58:27
326阅读
本次主要讲解SpringBoot+Vue前后端完全分离项目在CentOS云服务器上的环境搭建与部署过程，我们主要讲解原生部署。一.原生部署概念原生部署是指将应用程序（一般是指软件、应用或服务）在底层的操作系统环境中直接运行和部署，而不依赖于额外的中间件、框架或虚拟化技术。 在原生部署中，应用程序直接与操作系统进行交互，并利用操作系统提供的资源和功能来执行任务。这种部署方式通常需要考虑操作系统的兼容
转载
2024-07-02 12:11:40
295阅读
vue项目如何不分离发布1、首先yarn build 我用了vue-cli脚手架，bulid后的dist文件夹里的index.html有加版本号，那么为什么需要加版本号呢？ a、回滚 b、解决浏览器缓存的问题 2、我们使用apache或者nginx帮助我们2a、apache 这里我用的是XAMPP 1>把apache打开(我这里是点击sta
转载
2024-04-29 21:51:10
1169阅读
前后端的分离也实现了前后端架构的分离，带来的好处有：*整个项目的开发权重往前移，实现真正的前后端解耦，动态资源和静态资源分离，提高了性能和扩展性*前端静态化 *前端有且仅有静态内容，再明确些，只有HTML/CSS/JS *其内容来自于完全静态的资源而不需要任何后台技术进行动态化组装。&nbs
转载
2024-03-13 10:22:10
104阅读
vue+springboot前后端分离工程中跨域问题的解决假如是在同一台机器上开发，前后端分离的工程中出现跨域问题的原因是，前端工程和后端工程运行在不同的端口上。只要协议、域名、端口有一个不同就会产生跨域问题，所以在前端工程中请求后端的接口时就会因为端口不同而产生跨域问题。一、解决跨域的原理假设前端A要去访问服务器C,可以在A和C之间之间设置一个代理B，A访问C时先访问B，再由B代为请求C并把请求
转载
2024-03-20 17:55:39
156阅读
