【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 提供的接口，前后端配合。

比如你前端页面要显示帖子列表：

1. Vue 通过 axios 调用 Spring Boot 的 /api/posts

2. Spring Boot 返回帖子数据

3. 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 能特别省力。