跟着这位老师学习的: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 能特别省力。