(三十)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/

相关推荐
guodingdingh37 分钟前
软件开发工作问题总结0718
java·开发语言·数据库
寅时码2 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6132 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby2 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
咖啡八杯2 小时前
GoF设计模式——解释器模式
java·后端·spring·设计模式
不好听6132 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹2 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6132 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue2 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue2 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法