什么是前后端分离对于这个问题,其实可以看看我的学习历程,我觉得很好的体现了Web开发模式的演化。 1. 石器时代:那正是本人刚学JSP的时候,写了一个简单的商城DEMO,所有的业务逻辑,数据库的交互以及Javascript代码等都杂糅在.jsp文件中,好处就是简单,几个JSP页面就能解决问题,但也正是由于内嵌了大量的Java代码,前后端的代码挤在一个文件中,后期可维护性很差,代码完全没有可读性,
转载
2024-08-20 16:19:28
25阅读
最近在开发,遇到前后端关于Boolean类型的参数传参和接收的问题:场景:后台会根据用户是否出车/是否出司机(Boolean类型)来决定后端的业务逻辑(比如费用的计算),前端使用JSON字符串类型传输,后端使用@RequestBody接收对象...前后端分离特殊内容规范单选框、下拉框、复选框由后端接口统一逻辑判定是否选中,通过isSelect标示是否选中,示例如下:{
code: 200,
dat
转载
2023-05-25 08:37:57
187阅读
前言前后端分离是现在主流的架构设计模式,它初衷是用单一职责原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。本文推荐五个前后端分离的开源项目,都是采用最流行的技术栈。 01 微人事 Star:20.7k微人事是一个基于前后端分离架构的的人力资源管理系统,项目涉及的后端技术栈有:Spring Boot、Spring Security、MyBatis、M
转载
2023-06-09 09:52:06
240阅读
其实前后端分离本身并不难,后段提供接口,前端做数据展示,关键是这种思想。很多人做惯了前后端不分的开发,在做前后端分离的时候,很容易带进来一些前后端不分时候的开发思路,结果做出来的产品不伦不类,因此松哥这里给大家整理了几个开源的前后端分离项目,帮助大家快速掌握前后端分离开发技术栈。美人鱼star 数 3499项目地址: https://gitee.com/mumu-osc/NiceFish听名字就知
转载
2023-10-13 21:35:27
192阅读
笔记【博客系统】测试网站:小孙的博客系统实现一个网站,有两种典型的风格:服务器渲染客户端渲染(前后端分离)所谓渲染,就是把一个动态页面给构造出来页面的基本结构+里面的数据引入前后端分离,就把前端工程师和后端工程师彻底分开了往后端只是给前端返回数据据———(数据往往是json格式组织了),后端彻底不用关心页面结构和样式。表白墙就是基于前后端分离的方式来开发的 表白墙
前端页面约定前后端交互接口实现服
转载
2024-05-03 20:17:45
168阅读
## Java前后端分离技术详解
随着互联网的快速发展,前后端分离的开发模式越来越受到开发者的关注。Java作为一种广泛应用于企业级开发的语言,也有一些特定的技术可以用于实现前后端分离。本文将介绍几种常见的Java前后端分离技术,并通过代码示例详细说明其使用方法。
### 1. RESTful API
RESTful API是一种基于HTTP协议的架构风格,通过URL定位资源,通过HTTP方
原创
2023-11-30 07:31:48
83阅读
1、背景 前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端HTML页面通过AJAX调用后端的RESTFUL AP
转载
2024-02-05 11:34:18
51阅读
项目背景刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的
先上成品图image本次项目搭建参考了: SpringBoot - 多模块项目的搭建,并在他的基础上增加了mybatis以及layui项目.本项目在码云上, 如有需要请点传送门1. 搭建父工程 1. 创建一个基础的spring lnitializr项目,父工程中不需要添加任何依赖image 2. 删除除了.idea,.iml,以及pom.xml文件之外的所有文件image2. 创建子模块 创建五个
转载
2023-09-11 08:16:13
147阅读
前端环境准备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阅读
前后端分离是现在主流的架构设计模式,它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。Awesome GitHub Repo 是逛逛 GitHub 创建的开源项目,会收集整理 GitHub 上高质量、有趣的开源项目,并将他们进行归类。该开源项目集不是简单的按照编程语言来分类,而是按照更有趣的分类方式,比如:有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。
转载
2024-03-13 23:05:16
157阅读
当前前后端分离被广泛使用,如springboot,springcloud,react,vue 等;但是你会发现跨域请求很烦人。什么时候出现跨域?当前端和后端分别部署在不同端口的web服务器上时就会出现跨域;先来看一个例子<script>
function login(){
$.ajax({
type : 'POST',
url : 'http://192.168.1.100:
转载
2024-02-01 22:33:07
41阅读
后端创建一个Spring Initializr项目,选择web环境就OK。前端创建一个Vue项目,建议用命令行的方式创建完之后,用idea打开吧动手操作之前,我跟大家科普一下 “前后端分离” , “单页面应用” 。前后端分离:前端页面通过 ajax 调用后端的 restuful api 进行数据交互。我在知乎上看到了一个比较好的解释是这样的:如果前端和后端只通过简单的 API 文档就能进行数据交流
转载
2024-03-28 13:11:20
93阅读
在前后端分离开发时为什么需要用户认证呢?原因是由于 HTTP 协议是不储存状态的(stateless),这意味着,当我们通过帐号密码验证一个用户时,当下一个 request 到达时,服务端就把刚刚的用户给忘了。于是服务端就不知道谁是谁,就要再验证一次。所以为了保证系统安全,我们就需要验证用户否处于登录状态。传统方式前后端分离通过 Restful API 进行数据交互时,如何验证用户的登录信息及权限
转载
2023-09-17 09:58:27
6阅读
前后端分离是一种架构模式,说通俗点就是后端项目里面看不到页面(JSP|HTML),后端给前端提供接口,前端调用后端提供的REST风格接口就行,前端专注写页面(html|jsp)和渲染(JS|CSS|各种前端框架);后端专注写代码就行。前后端分离的核心:后台提供数据,前端负责显示MVC设计模式。Model—View-Controller 模型-视图-控制器
转载
2024-05-18 12:08:00
79阅读
前后端分离规范原则规范原则后端仅开发接口、处理业务逻辑、提供数据;前端关注交互,调用接口仅做渲染逻辑处理,尽量避免业务逻辑的处理;前端渲染逻辑禁止跨多个接口调用;前后端都各自有自己的开发流程,构建工具,测试集合;前后端关注点分离,相对独立并松耦合。
开发流程后端编写维护接口文档,每个接口的维护包括接口作用、接口路径、请求类型、入参、出参、示例等,并在文档顶部或底部维护接口返回状态码和状态码含
转载
2024-04-08 07:00:54
44阅读
前言本文的主要初衷就是规范约定先行,尽量避免沟通联调产生的不必要的问题,让大家身心愉快地专注于各自擅长的领域。前端开发负责页面的展示、交互体验越来越灵活、炫丽,响应体验也要求越来越高。后端开发负责服务的高并发、高可用、高性能、高扩展等特性。随着开发需求高度的提示,开发难度愈加苛刻,从而导致前后端研发各自专注于自己擅长,让专业的人做专业的事。开发流程后端编写和维护接口文档,在 API 变化时更新接口
转载
2024-04-14 06:34:19
36阅读
前后端分离是什么?前后端分离的好处都有哪些?如果两者不分离,会带来什么麻烦事?
原创
精选
2022-06-17 16:52:22
2280阅读
具备的测试工具:Eclipse,MySQL数据库,HBuilder,jstl1.2jar,mysql.connector.java.8.0.jar jstl1.2jar下载地址:https://pan.baidu.com/s/1T23zxoEg3jlZHFikrbWtHw mysql.connector.java.8.0.jar包下载地址:https://pan.baidu.c
转载
2023-07-18 19:47:03
193阅读
一、实现文章发布需要使用富文本编辑框安装富文本编辑框1、npm安装npm install vue-quill-editor //富文本编辑器npm install quill //依赖项2、创建Write.vue<template>
<div style="width: 90%; background-color: #99a9bf;margin:
转载
2023-06-15 09:09:21
325阅读