前后端分离是现在主流的架构设计模式，它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。Awesome GitHub Repo 是逛逛 GitHub 创建的开源项目，会收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。该开源项目集不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。
转载
2024-03-13 23:05:16
157阅读
后端创建一个Spring Initializr项目，选择web环境就OK。前端创建一个Vue项目，建议用命令行的方式创建完之后，用idea打开吧动手操作之前，我跟大家科普一下 “前后端分离” ， “单页面应用” 。前后端分离：前端页面通过 ajax 调用后端的 restuful api 进行数据交互。我在知乎上看到了一个比较好的解释是这样的：如果前端和后端只通过简单的 API 文档就能进行数据交流
转载
2024-03-28 13:11:20
93阅读
前后端分离属于软件架构的一种。其核心思想是把前端项目（Node.js实现的）和后端项目独立部署到不同的服务器上，前端项目在通过Ajax请求服务器端项目Restful接口实现数据交互。使用前后端分离架构的项目在项目组中往往配备前端工程师和后端工程师。后端工程师就是我们，对于我们我们来说，不需要在项目中编写页面了，写到控制器返回数据即可，最后把项目部署到服务器上。而前端项目中主要是一些HTML、Jav
转载
2023-12-12 14:13:17
313阅读
项目背景刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由前端来做。另外还有一个紧急的情况，项目要紧急上线，整个web站点的开发时间只有两周，两周啊！于是在这样的
前后端分离项目博客地址：https://blog.csdn.net/beixishuo一、解读前后端分离1、前后
原创
2022-01-20 11:48:37
2151阅读
前言本文主要是想通过后端 Spring Boot 技术和前端 Vue 技术来简单开发一个登录demo，该demo以简单、方便理解的方式来记录前后端结合使用的过程，方便正式开发复杂项目时能提前整体理解流程，demo最终实现的效果如下图: 效果图
DEMO功能描述输入http://localhost:8080回车浏览器自动跳转到http://localhost:8080/login登录页面，
转载
2024-04-18 12:06:13
257阅读
前端环境准备1、Node.js下载node.js下载地址 下载方式可参考博客Node.js最新最详细安装教程（2020）2、安装vue-cli参考文档npm install -g @vue/cli安装成功后，运行cmd输入vue -V查看版本，此时有可能提示无法使用该命令3、以上全部环境安装后，即可创建vue项目 以管理员身份运行cmd， 输入命令vue create “项目名称” 然后按照下图方
转载
2024-01-10 20:52:07
123阅读
总结：非前后端分离项目架构： 1，JSP+sevlet 这种架构JSP中有Java代码强侵入。 2，JSP+Spring 分层次（MVC）架构，JSP保留部分Java标签。 3，springboot + 模板 spring脚手架，第二种的变种。前后端分离项目架构： 1，Vue + springboot（前端项目+后台接口）前端
转载
2023-08-30 15:10:01
175阅读
目录一、创新的主要内容二、创新的目的三、成效如何一、创新的主要内容在苏州股权融资平台(www.szgq.suzhou.gov.cn)项目中，引入了前后端分离策略。项目一般采用 Structs、Spring MVC 等后端 MVC 架构，出发点在后端。后端 MVC 是个好的协作模式，从架构层面让开发者懂得什么代码应该写在什么地方。前端通过 JSP，JS，HTML 以及 AJAX
转载
2024-08-18 09:47:09
68阅读
一、安装Node.js1. 关于npmnpm的全称是: Node Package Manager,可译为"Node包管理器"。在早期没有npm时，如果需要在前端工程中使用某些框架(例如jQuery，Bootstrap等) ，需要找到相关的官网或资源站点，要么下载这些框架的文件，要么使用cdn在线引用这些文件，其过程相对烦琐，因为这些框架的具体表现可能不只是一个文件，如果下载，只能下载打包后的文件并
转载
2023-12-26 13:59:24
107阅读
在前后端分离开发时为什么需要用户认证呢？原因是由于 HTTP 协议是不储存状态的(stateless)，这意味着，当我们通过帐号密码验证一个用户时，当下一个 request 到达时，服务端就把刚刚的用户给忘了。于是服务端就不知道谁是谁，就要再验证一次。所以为了保证系统安全，我们就需要验证用户否处于登录状态。传统方式前后端分离通过 Restful API 进行数据交互时，如何验证用户的登录信息及权限
转载
2023-09-17 09:58:27
6阅读
简介该项目是基于SpringBoot与Vue的前后端完全分离项目，是小编的一个大作业考核，2个人共同完成的，耗时:10天。项目功能需求简介该项目主要是一个商城系统，参与者有游客、管理员(也是商家）,普通用户。游客可以浏览商品详情，搜索商品，同时也可以访问新闻咨询等，游客可以通过注册成为普通用户。普通用户可以购买商品，也可以将商品加入收藏夹和购物车，用户可以在后台查看自己的订单和修改个人信息，修改收
转载
2023-08-10 13:59:08
191阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
573阅读
以前的项目：博客系统这个项目是传统的开发方式，没有实现前后端分离。比较简单，没有跨域等问题。在传统的开发方式中：界面中事先没有任何东西，用户输入网页地址之后，页面的内容和数据都是服务器返回的。在前后端分离的开发方式中：页面是提前写好，数据通过Ajax请求而来的。前后端分离项目1.前端项目：myblog-pc，使用 vue-cli 搭建。vue create myblog-pc后端项目：myblog
转载
2023-05-25 08:32:37
245阅读
先上成品图image本次项目搭建参考了: SpringBoot - 多模块项目的搭建,并在他的基础上增加了mybatis以及layui项目.本项目在码云上, 如有需要请点传送门1. 搭建父工程 1. 创建一个基础的spring lnitializr项目,父工程中不需要添加任何依赖image 2. 删除除了.idea,.iml,以及pom.xml文件之外的所有文件image2. 创建子模块 创建五个
转载
2023-09-11 08:16:13
147阅读
这种开发模式可以称为SPA （Single Page Application 单页面应用）时代。这种模式下，前后端的分工非常清晰，前后端的关键协作点是 Ajax 接口。看起来是如此美妙，但回过头来看看的话，这与 JSP 时代区别不大。复杂度从服务端的 JSP 里移到了浏览器的 JavaScript，浏览器端变得很复杂。类似 Spring MVC，这个时代开始出现浏览器端的分层架构：对于 SPA 应
转载
2024-05-16 04:17:09
34阅读
前言自己白嫖到云服务器一个月，岂不是要赶快享受一下，另外也早就有买服务器部署自己项目的想法，刚好机会来了。来着网络 对应若依前后端分离项目来说，部署的方式有很多种： 第1种方式：可以将前端打包整合到后端部署 第2种方式：可以使用tomcat部署(后端打war包+前端打dist包) 第3种方式：可以使用tomcat+nginx部署(后端打war包+前端打dist包+nginx配置) 第4种方式：可以
转载
2023-12-11 10:56:56
35阅读
前后端分离javaweb项目 用innosetup打包成软件安装包 教程写个前言：由于客户要求用桌面应用程序，所以javaweb项目要打成软件安装包，然后一键傻瓜式安装之后成桌面应用exe程序，点击即可运行那种。为此折腾了好几天，自己从网上找了各种办法。也是请教了公司里的很多大佬，可算是搞出来了。在 此处非常感谢各位帮助过我得大佬们。废话不多说，下面进入正题。 项目：前后端分离 前端electro
转载
2024-03-04 06:16:21
938阅读
现在主要流行的开发模式为前后端分离，前端运行在一个独立的工程项目下与后端服务进行REST API模式数据交互，在REST API数据通信的时候需要使用到token数据令牌来进行服务器之间安全验证。现在常用的token技术手段有 jwt 和 oauth2 ，它们两种技术手段都有各自的特点与使用场景，jwt 更适合体积小业务逻辑简单的系统，在没有和其他web 系统的REST API数据交互太多的交互业
转载
2024-04-11 12:56:37
65阅读
使用nginx实现前后端分离开发调试有一些老项目在前后端没有完全分离部署的情况下，前端人员调试是很不方便的，有的时候本地后端相关配置不正确，会导致无法正常调试，浪费大量时间。 今天就来一起学习一下怎么使用Nginx代理来进行前后端分离开发。一、Nginx是什么Nginx是由俄罗斯人研发的（毛子威武），并且2004年发布了第一个版本，主要用来做服务器集群。 通俗的讲就是控制客户端请求到底发送至哪台服
转载
2024-05-06 15:12:52
586阅读
