欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 新车 > 【SpringBoot+Vue自学笔记】001

【SpringBoot+Vue自学笔记】001

2025/4/19 17:41:45 来源:https://blog.csdn.net/m0_61709053/article/details/147292773  浏览:    关键词:【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 能特别省力。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词