【SpringBoot+Vue自学笔记】001

news2025/4/19 4:20:32

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2337701.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

第十节:性能优化-如何排查组件不必要的重复渲染?

工具:React DevTools Profiler 方法:memo、shouldComponentUpdate深度对比 React 组件性能优化:排查与解决重复渲染问题指南 一、定位性能问题:React DevTools 高级用法 使用 React Developer Tools Profiler 精准定位问题组件&…

MATLAB项目实战(一)

题目: 某公司有6个建筑工地要开工,每个工地的位置(用平面坐标系a,b表示,距离单位:km)及水泥日用量d(t)由下表给出.目前有两个临时料场位于A(5,1),B(2,7),日储…

spring boot 文件下载

1.添加文件下载工具依赖 Commons IO is a library of utilities to assist with developing IO functionality. <dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.6</version> </depe…

微服务链路追踪:SleuthZipkin

文章目录 Sleuth & Zipkin一、Sleuth\&Zipkin介绍二、搭建环境三、Sleuth入门操作四、Zipkin搭建及操作五、RabbitMQ方式发送信息六、Elasticsearch持久化 SpringBootAdmin一、Actuator介绍二、Actuator快速入门三、SpringBootAdmin介绍四、SpringBootAdmin快速入门4.1…

java面试篇 4.9(mybatis+微服务+线程安全+线程池)

目录 mybatis&#xff1a; 1、mybatis的执行流程 2、mybatis是否支持延迟加载&#xff1f; 当我们需要去开启全局的懒加载时&#xff1a; 3、mybatis的一级和二级缓存 微服务 1、springcloud五大组件有哪些 2、服务注册和发现是什么意思&#xff1f;springcloud如何实现…

基于电子等排体的3D分子生成模型 ShEPhERD - 评测

一、背景介绍 ShEPhERD 是一个由 MIT 开发的一个 3D 相互作用感知的 ligand-based的分子生成模型&#xff0c;以 arXiv 预印本的形式发表于 2024 年&#xff0c;被ICLR2025 会议接收。文章链接&#xff1a;https://openreview.net/pdf?idKSLkFYHlYg ShEPhERD 是一种基于去噪扩…

GR00T N1:面向通用类人机器人的开放基础模型

摘要 通用型机器人需要具备多功能的身体和智能的大脑。近年来&#xff0c;类人机器人的发展在构建人类世界中的通用自主性硬件平台方面展现出巨大潜力。一个经过大量多样化数据源训练的机器人基础模型&#xff0c;对于使机器人能够推理新情况、稳健处理现实世界的多变性以及快…

QT简单实例

QT简单实例 QT简单实例一&#xff1a;通过拖动创建1.创建工程2.拖动控件实现响应3.文件目录3.1 TestQDialog.pro3.2 main.cpp3.3 dialog.h3.4 dialog.cpp 二&#xff1a;通过动态创建1.创建工程2.文件目录2.1 TestQDialogSelf.pro2.2 main.cpp2.3 dialog.h2.4 dialog.cpp QT简单…

Linux:初学者的简单指令

文章目录 pwd&#xff08;Print working directory&#xff09;whoamilsmkdir ~~cd ~~touch ~~rm ~~ 充当后端服务,我们用xshell工具来进行操作 其中Linux文件是/目录/目录/目录或文件/来表示的&#xff08;其中目录可以看作是windows操作系统的文件夹&#xff0c;只是Linux中…

端侧大模型综述On-Device Language Models: A Comprehensive Review

此为机器翻译&#xff0c;仅做个人学习使用 设备端语言模型&#xff1a;全面回顾 DOI&#xff1a;10.48550/arXiv.2409.00088 1 摘要 大型语言模型 &#xff08;LLM&#xff09; 的出现彻底改变了自然语言处理应用程序&#xff0c;由于减少延迟、数据本地化和个性化用户体验…

python实现音视频下载器

一、环境准备 确保当前系统已安装了wxPython 、 yt-dlp 和FFmpeg。当前主要支持下载youtube音视频 1、安装wxPython pip install wxPython2、安装yt-dp pip install wxPython yt-dlp3、安装FFmpeg 在Windows 10上通过命令行安装FFmpeg&#xff0c;最简便的方式是使用包管理…

三、小白如何用Pygame制作一款跑酷类游戏(按键图片和距离的计算)

三、小白如何用Pygame制作一款跑酷类游戏&#xff08;实现移动距离的计算&#xff0c;以及按键指引的添加&#xff09; 文章目录 三、小白如何用Pygame制作一款跑酷类游戏&#xff08;实现移动距离的计算&#xff0c;以及按键指引的添加&#xff09;前言一、创建字体文件夹1.可…

H5:实现安卓和苹果点击下载App自动跳转到对应的应用市场

一、需求场景 手机扫描下载App&#xff0c;需要根据不同手机自动跳转到对应的应用市场&#xff08;商店&#xff09;里&#xff0c;苹果手机直接打开App Store里指定的app页面&#xff0c;安卓手机如果是海外用户则打开GooglePlay 商店里指定的app页面&#xff0c;国内直接下载…

【Linux】文件传输归档与压缩

目录 配置实验环境 文件传输方法--scp&#xff0c;rsync scp rsync 归档与压缩--tar&#xff0c;gz&#xff0c;bz2&#xff0c;xz&#xff0c;zip 归档---tar 压缩 zip gzip bzip2 xz 归档并压缩 gz bz2 xz 拓展du 配置实验环境 在多个linux系统进行系统传输…

3D人脸扫描技术如何让真人“进入“虚拟,虚拟数字人反向“激活“现实?

随着虚拟人技术的飞速发展&#xff0c;超写实数字人已经成为数字娱乐、广告营销和虚拟互动领域的核心趋势。无论是企业家、知名主持人还是明星&#xff0c;数字分身正在以高度还原的形象替代真人参与各类活动&#xff0c;甚至成为品牌代言、直播互动的新宠。 3D人脸扫描&#…

Git标签的认识

Git标签完全指南&#xff1a;从基础到企业级发布策略 前言 在软件发布领域&#xff0c;Git标签是版本管理的基石。根据2023年GitHub年度报告显示&#xff0c;85%的开源项目使用标签进行版本控制。然而&#xff0c;许多开发者仅停留在git tag的基础使用层面&#xff0c;未能充分…

【Rust基础】使用Rocket构建基于SSE的流式回复

背景 我们正在使用Rust开发基于RAG的知识库系统&#xff0c;其中对于模型的回复使用了常用的SSE&#xff0c;Web框架使用Rocket&#xff0c;Rocket提供了一个简单的方式支持SSE&#xff0c;但没有会话保持、会话恢复等功能&#xff0c;因此我们自己简单实现这两个功能。 使用R…

大前端基础学习

一、cs架构和bs架构 c&#xff1a;客户端&#xff0c; b&#xff1a;浏览器&#xff08;无需安装&#xff0c;无需更新&#xff0c;可跨平台&#xff09;√ s&#xff1a;server服务端&#xff0c;帮我们保 存信息&#xff0c;传递信息 二、 altshift向下键向下复制一行 …

Axios 的 POST 请求:QS 处理数据的奥秘与使用场景解析

在现代前端开发中&#xff0c;Axios 已经成为了进行 HTTP 请求的首选库之一&#xff0c;它的简洁易用和强大功能深受开发者喜爱。当使用 Axios 进行 POST 请求时&#xff0c;我们常常会遇到一个问题&#xff1a;是否需要使用 QS 库来处理请求数据&#xff1f;什么时候又可以不用…

Linux 防火墙( iptables )

目录 一、 Linux 防火墙基础 1. 防火墙基础概念 &#xff08;1&#xff09;防火墙的概述与作用 &#xff08;2&#xff09;防火墙的结构与匹配流程 &#xff08;3&#xff09;防火墙的类别与各个防火墙的区别 2. iptables 的表、链结构 &#xff08;1&#xff09;规则表 …