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

相关推荐
jay神2 分钟前
【计算机毕业设计】基于Flask+Vue的电影数据可视化与智能推荐系统
前端·vue.js·python·信息可视化·flask·毕业设计·课程设计
Chester_19996 小时前
CSP202203C.计算资源调度器
开发语言·数据结构·c++·蓝桥杯
FreeTinker6 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_452396236 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
EXI-小洲7 小时前
Java 操作 Word:字符串替换、图片插入、动态生成表格与API接口下载
java·开发语言·spring boot·word
wangruofeng7 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
BigTopOne7 小时前
WebRTC Native / Android 开发学习资源整理
前端
会周易的程序员7 小时前
给 PLC 写一个字节码虚拟机:STVM 虚拟机架构设计
开发语言·c++·虚拟机·软plc·iec61131·stvm
机器视觉知识推荐、就业指导8 小时前
为什么老说“纯 Qt 没啥就业市场”?
开发语言·qt
telepan8 小时前
Qt 开发避坑与性能指南:如何优雅、安全地定义全局常量字符串?
开发语言·qt