项目介绍前后端分离架构,分离开发,分离部署,前后端互不影响。前端技术采用vue + antdvPro + axios。后端采用spring boot + mybatis-plus + hutool等,开源可靠。基于spring security(jwt) + 用户UUID双重认证。基于AOP实现的接口粒度的鉴权,最细粒度过滤权限资源。基于hibernate validator实现的校验框架,支持自
1. 前言        而接下来,我们即将开发一个前后端分离的后台管理系统VueAdmin。权限框架采用spring security,然后相对来说权限模块开发就多点代码,也仅此而已了。对了前端的系统界面也是我们一步步开发的,参考学习B站的MarkHub跟着他的进度来进行的,具体详细的过程可以参考他的B站链接。2.
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阅读
1.Vue我们之前项目中也使用到了Vue,但是我们之前的vue和我们的java代码是不是都在一个工程下。没有做到前后端完成分离。企业中前端也会由自己的服务器,也有自己的开发工具。前端服务器Nodejs 开发工具VsCode[我们为了和idea匹配使用WebStorm].        2. 安装Nodejs服务器。2.
转载 2024-09-19 20:13:06
150阅读
前后端分离也实现了前后端架构的分离,带来的好处有:*整个项目的开发权重往前移,实现真正的前后端解耦,动态资源和静态资源分离,提高了性能和扩展性*前端静态化        *前端有且仅有静态内容,再明确些,只有HTML/CSS/JS        *其内容来自于完全静态的资源而不需要任何后台技术进行动态化组装。&nbs
转载 2024-03-13 10:22:10
104阅读
项目情况项目是c#的三层架构技术搭建的,前端这一块是在.aspx页面中以script标签引入js <link rel="stylesheet">方式引入css的方式来开发的后台系统网站。网站整体界面结构如下图左侧是菜单,右侧是主题内容页面,主题内容是嵌入在一个iframe中,通过点击左侧菜单,切换iframe的src在显示不同的页面。vue 单文件形式开发思路- 1. 页面的右侧部分提
转载 2023-10-24 10:44:37
379阅读
Vue 应用的 前后端不分离模式的 nginx 配置 一、先在官网下载nginx 软件,解压后放在软件盘中如D盘将nginx 文件夹拖到编译器中,打开conf 文件夹中的 nginx.conf 文件,找到其中的server {} 配置项,默认35 行。将默认的 server 配置全部用 # 注释掉,之后再 conf 文件夹中创建文件夹 conf.d ,创
转载 2024-04-28 18:49:04
402阅读
引子:什么是前后端分离前后端不分离?  前后端分离指的是后端开发人员只负责用来书写后端逻辑代码,不用再去管前端页面的搭建,前端人员只负责做好前端页面效果,不用管数据,数据直接向后端人员要,后端和前端通过路由接口来实现数据的传递,vue就是前后端用来交互使用的一个前端框架,那我们这边后端先是用的django,后续会使用其他框架,比如Flask,Tornado等。前端主流框架有三种,vue只是其中的
转载 2024-03-21 18:04:50
125阅读
1.10.4前后端分离前端和后端分离: 工程上的分离, (分为前端项目, 分为后端项目) 对于前后端不分离的来说, 数据和前端代码的结合----服务器来做前后端不分离的项目(前端和后端属于一个项目) 就比如可以在现在的Code3项目中创建一个包,写一些java代码,读取HTML代码。前后端分离的写法: 数据结合-----浏览器 浏览器发请求,分两次发,一次请求html对应的前端的内容,一次请求数据
转载 2024-09-09 20:48:47
230阅读
一、项目简介基于SpringBoot + Vue 开发的前后端分离博客,采用SpringSecurity进行权限管理,ElasticSearch全文搜索,支持QQ、微博第三方登录、在线聊天、发布说说等功能。二、在线地址项目链接: www.talkxj.com后台链接: admin.talkxj.com测试账号:test@qq.com,密码:1234567,可登入后台查看。在线接
转载 2024-03-15 19:58:27
323阅读
前端通信基于后端的通信( 后端完成 )( pc端用 )Node.js中有一个net模块使用终端( shell )作为客户端思维流程基于H5的webSocket来完成( 应用于移动端 )低版本浏览使用的socket.iostream 流案例: 利用Node.js流来生成压缩包fs zlib前后端分离前后端不分离市场流行:前后端分离前后端分离好处:开发方法优化了对亿万级数据请求可以做并发处理很久
一、先在官网下载nginx 软件,解压后放在软件盘中如D盘将nginx 文件夹拖到编译器中,打开conf 文件夹中的 nginx.conf 文件,找到其中的server {} 配置项,默认35 行。将默认的 server 配置全部用 # 注释掉,之后再 conf 文件夹中创建文件夹 conf.d ,创建文件 test.conf,在该文件中进行server {} 配置项的 配置。 &nbs
SpringBoot+Vue前后端不分离,双向Https部署并实现数字证书登录 文章目录SpringBoot+Vue前后端不分离,双向Https部署并实现数字证书登录前言一、SpringBoot+Vue前后端不分离部署二、数字证书登录1.提供数字证书登录接口2. 配置Web应用以双向Https方式部署3.改造Vue登录页面总结 前言上篇文章介绍了,前后端分离架构下如何实现数字证书登录。应公司要求,
转载 2024-03-19 15:30:02
163阅读
第0章 项目如何开始的0.1 总体流程需求调研-->需求转为需求文档-->将需求文档转为开发文档-->前端文档-->后台文档-->项目测试-->打包上线0.2 数据服务器构建0.2.1 技术栈Vue+elementUI+NodeJS+MySQL0.2.2 数据服务器准备导入数据库数据:打开数据库服务器,新建名为 itcast 的库;后台为我们提供了 /api-s
转载 2024-05-01 12:24:30
115阅读
新建SpringBoot2.4.4项目.目录结构如下新建html页面login.js文件接口
原创 2023-06-05 14:10:13
619阅读
1、前后端合作方式 1、前后端不分离 周1 周4 类似产品jsp、php 前端负责写页面,后端负责渲染 2、前后端分离 周5 前端负责写页面,请求接口
原创 2022-07-22 15:39:05
468阅读
  目前对于web来说,前后端分离越来越流行了,很多网站开始向这个方向靠拢。那么为什么有些人要选择前后端分离前后端分离有什么好处,不做前后端分离应该如何更新架构来适应前后分离带来的部分好处呢?为什么选择前后端分离传统网站开发过程中,前端写好静态demo,后端翻译成vm,jsp等模板,这种模式问题相信被很多后台人吐槽了很久。后台人员可能直接兼顾前端的功能,一边实现api接口,一边开发页面,两者相互
前言:最近自己想搞一个以springboot开发的web项目,由于页面布局问题,在前期开发的时候没有太注意,每天写一点现在开发到一半出现了一个大问题。 1、先说说整个网站框架搭建问题:(整个项目前后端不分离)  后端采用:springboot+mybatis+mysql  前端采用:layui+angularJS+jquery+thymeleaf  (由于自己是后端开发,虽然会点前端,以
转载 2024-06-04 12:57:52
34阅读
1、前后端合作方式 1、前后端不分离 周1 周4 类似产品jsp、php 前端负责写
原创 2023-03-24 19:44:09
245阅读
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是小白踩坑的一个小小纪念吧。下图展示了前端项目和后端项目的基本结构,接下来就是如何编译
转载 2024-03-07 17:11:01
563阅读
  • 1
  • 2
  • 3
  • 4
  • 5