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

相关推荐
techdashen2 分钟前
深入理解 Rust Futures:从零开始,一头扎到底
开发语言·后端·rust
星马梦缘7 分钟前
数据库 第十三章 未完结版本
java·网络·数据库
程序猿乐锅8 分钟前
【JAVASE | 第十六篇】多线程
java·开发语言
Cobyte8 分钟前
18.【SolidJS】 采用 template 内容模板元素创建 DOM 元素
前端·javascript·vue.js
做个文艺程序员9 分钟前
第01篇:Redis 从入门到上手:核心数据结构与 Java Spring Boot 实战详解
java·redis数据结构·redis入门·redis教程·java集成redis
影寂ldy13 分钟前
C# 多接口、同名冲突、显式实现、接口继承 完整笔记
java·笔记·c#
JAVA面经实录91713 分钟前
Spring Cloud Alibaba 微服务企业实战完整文档(架构+规范+调优+故障+源码)
java·运维·spring cloud·微服务
布局呆星14 分钟前
Spring Boot + JWT + Spring Security 认证授权实战:双角色、双 Token、方法级权限,一次讲透
java·开发语言
csdndeyeye14 分钟前
从Ctrl+C/V到一键填充:AI投简历工具实测
c语言·开发语言·自动化·秋招·ai助手·网申·ai投简历
大G的笔记本14 分钟前
生产级 Spring Boot 网关完整实现方案
java·笔记·gateway