(三十)web应用+【核心】+【规矩】+【原理】

Web前端核心原理

Web其实是一个空间,我们姑且称为"凡间"。

很多人误以为Web就是浏览器,其实不是。准确的说浏览器就是一个看"凡间里发生了什么的"一个框,只有通过浏览器这个框才能看见Web"空间"里发生了什么。

我们选用Vue3这门仙法速成工具来打造这个"凡间"。

当然,不用Vue3也能打造这个空间,只是会很慢;也可以选其他仙法工具来打造。

但不管用哪种仙法工具打造这个空间,都必须遵守3套核心规矩,缺一不可:

打造Web"凡间"靠三大规矩

  1. HTML:负责搭骨架、做布局,比如放文字、图片、按钮,就像盖房子先搭好墙体结构一样;

  2. CSS:负责美化,比如调颜色、改大小、排排版、做样式,就像给房子装修刷漆一样;

  3. JS/Vue3:负责做交互,比如发请求、弹弹窗、点击按钮有反应,就像给房子通上电,能正常使用一样。

运行web"凡间"靠"天界后端支撑"

天界中有诸多机构

Java Web"天宫中枢机构"处理因果让"凡间"运行

  1. Java Web:就是藏在Web这个可见空间背后、看不见的"天宫中枢机构",专门接收Vue3(前端)发过来的请求,处理事情、反馈结果,相当于给前端空间提供"后台支撑";

SpringBoot打造"天宫中枢机构"的速成工具

  1. SpringBoot:是Java Web的"速成仙法",和Vue3对应,不用手动一步步搭建Java Web的基础,能快速做好"天宫中枢",高效对接前端请求;

MySQL"天宫里的藏经阁"存储"凡间和天界的一切因缘际会"

  1. MySQL:就是"天宫里的藏经阁",专门用来存放所有数据(比如用户信息、页面要展示的内容),SpringBoot(Java Web)需要数据时,就去这里调取,用完再存回来。同时包含了 "凡间" 和 "天界" 的所有数据,相当于统管两界的 "数据仓库"

特别说明:Web本身不包含后端框架(Java Web、SpringBoot)和数据库(MySQL)哦!

通俗讲:Web是我们能看到的"凡间空间"(前端所有内容),而后端框架(Java Web、SpringBoot)和MySQL,是藏在这个空间背后、看不见的"天宫体系"------ 它们是支撑Web空间正常运转的"后台力量",但不属于Web这个可见空间本身,二者是"前台可见空间"和"后台支撑体系"的关系,互不包含,但缺一不可。

这叫前后端混合开发原理

这叫前后端分离开发原理

这个是学web这个空间必须要经常看的

W3School 在线教程https://www.w3school.com.cn/

相关推荐
胡志辉的博客3 分钟前
【完全开源】IP 纯净度检测 可一键部署到自己的CF
前端·javascript·chrome·ip·chromium
StevenLdh12 分钟前
第四期 · 云端同步与冲突仲裁:离线可写、多端一致的工程解法
java·微信小程序
事已至此先睡覺吧22 分钟前
第三篇:Java 流程控制详解:条件判断、循环与跳转语句
java·开发语言
毕业设计70324 分钟前
(免费领源码) SpringBoot 游戏交易平台17600-java、PHP、python、C#、小程序、大数据、单片机、网络工程等)
java·spring boot·mysql·决策树·mybatis·idea·推荐算法
Hilaku30 分钟前
作为面试官,我最怕遇到什么样的候选人?
前端·javascript·程序员
一 乐30 分钟前
自习室座位预约管理系统|基于springboot + vue自习室座位预约管理系统(源码+数据库+文档)
java·vue.js·spring boot
m0_7345717632 分钟前
深入理解5g <二十> dmrs
开发语言·5g
此时不提桶,更待何时1 小时前
02-02-B-AQS与JUC锁面试与生产事故实战
java
音符犹如代码1 小时前
Kafka 接入 AI 的三条路线:MCP 提案、会话记忆与实时上下文
java·大数据·ai·kafka
TiDi1 小时前
Pinia优化重复请求
前端