【SpringBoot+Vue自学笔记】001
跟着这位老师学习的：https://www.bilibili.com/video/BV1nV4y1s7ZN?vd_source=af46ae3e8740f44ad87ced5536fc1a45
前后端开发技术的全栈课程：
Java EE企业级框架：SpringBoot+MyBatisPlus
Web前端核心框架：Vue+Element UI
公共云部署：前后端项目集成打包与部署
你可以把它想成一个专业的工程队：你告诉它项目需要哪些材料（比如某个库、框架），它就会自动帮你从网上下载依赖、建好结构、打包项目，一句话——只要你喊一声，它就把整个工程从打地基到封顶全给你干了。
——
🌿 Spring Boot：后端大管家
这是 Java 世界里的后端框架，用来处理业务逻辑、数据库、接口等等。你可以把它想成——一个性格冷静、擅长规划的大管家，负责搭建后端整个“家”的结构。
它的几个关键词：
-
快速启动：以前用 Spring 要写一堆配置，Spring Boot 出现后“一键启动”，几乎零配置。
-
RESTful 接口：你写好接口，比如
/api/posts，Vue 前端就能调用拿数据。 -
和数据库打交道：你定义好实体，它帮你存取、更新数据库，和 MyBatis-Plus 一起用效果更棒。
-
安全、日志、事务管理：全都可以集成，功能全面。
你项目中，只要写好 Controller、Service、Mapper，就能稳稳撑起一整个后端逻辑。
🍃 Vue：前端轻盈靓仔
Vue 是前端的框架，用来做页面。她灵活、反应快，非常擅长“把数据变成好看的网页”。你写的数据、逻辑、交互，他全能处理得漂漂亮亮。
她的特点：
-
组件化：一个页面可以拆成小组件，比如帖子列表、评论框、分页器，每个组件独立写，方便复用。
-
响应式：数据一变，页面自动刷新。就像“心有灵犀”，不需要你手动控制 DOM。
-
和后端交互：通过 axios（或其他工具）调用 Spring Boot 提供的接口，前后端配合。
比如你前端页面要显示帖子列表：
-
Vue 通过 axios 调用 Spring Boot 的
/api/posts -
Spring Boot 返回帖子数据
-
Vue 接到数据，用组件渲染成页面
就这么一来一回，整套系统就运转起来了。
🧩 总结一下
| 角色 | 负责 | 特点 |
|---|---|---|
| Spring Boot | 后端逻辑 + 数据接口 | 稳重、强大、条理清晰 |
| Vue | 页面显示 + 用户交互 | 灵活、轻盈、交互流畅 |
互补合作，就能撑起整个项目。
——————————————————————————————————-
MyBatis-Plus，说白了，就是“让你用 MyBatis 不那么累的一套增强工具”。
你可以把它想成一个聪明又体贴的助手，它帮你把很多重复、烦人的数据库操作自动化了。
MyBatis 原本：
它是 Java 里操作数据库的一种方式，你写 SQL，它负责把这些 SQL 和 Java 代码连接起来。但用它你得自己写很多样板代码，比如增删改查的 SQL，Mapper 映射、配置文件……一不小心就又臭又长。
然后，MyBatis-Plus 登场了，它干了这些好事：
-
自动生成 CRUD 方法：你只写个接口，它就能自动帮你生成增、删、改、查的功能（不用写 SQL！）。
-
内置分页查询：分页再也不用自己写 LIMIT 语句，调用一行代码就行。
-
条件构造器 Wrapper：链式调用构建复杂查询，像在写 Java，而不是 SQL。
-
自动填充字段：创建时间、更新时间这些字段，它可以自动帮你填。
-
代码生成器：连实体类、Mapper、Service 都能自动生成，直接省下好几个小时
——
Element UI 是一套为 Vue.js 量身打造的组件库，也就是——一整套现成的按钮、输入框、表格、弹窗、分页器、表单校验……你可以直接拿来用，做前端页面又快又漂亮。
你可以把它想象成设计精致、性格温柔的“UI贴身助理”。不需要你从头写 CSS、从零排版，它全都帮你做好了，你只要专注于功能和数据展示就行。
它主要适合 后台管理系统，像你写论坛的后台页面、帖子管理、评论管理这些，用 Element UI 能特别省力。