前后端分离原理(超级简单版)

前后端分离是一种现代Web开发的架构模式,其核心思想是将前端(用户界面、页面展示、交互逻辑)和后端(数据处理、业务逻辑、数据库操作)分开开发、部署和运行

1、首先我们要明白数据是如何拿到的,就比如这个控制类显示所有数据的方法

1

2、本地运行起来后用过本地的127.0.0.1配合后端访问路径:/api/notice 就能拿到数据!浏览器访问测试效果(端口号为后端自定,默认是8080):

3

3、可以通过发送请求拿到数据后把前端代码分离出去,html,css,js等,如图:
注意:
方便多次使用定义一个常量,便于维护,要注意跟 api/notice 的连接,防止http://127.0.0.1:8080/ 结尾已经有条杠了,而 /api/notice 开头出还出现条杠的情况
完整的请求路径为:http://127.0.0.1:8080/api/notice

2

说白了前后端分离只是改变了“前端和后端的协作方式”把“页面渲染”和“数据处理”分开了,拿数据的方式都是一样的!

posted @ 2025-06-30 10:57  Cfy杨  阅读(62)  评论(0)    收藏  举报