Spring Boot + vue-element 开发个人博客项目实战教程(二、技术点介绍)

本文涉及的产品
云数据库 Redis 版,社区版 2GB
推荐场景:
搭建游戏排行榜
云原生内存数据库 Tair,内存型 2GB
云数据库 Redis 版,经济版 1GB 1个月
简介: Spring Boot + vue-element 开发个人博客项目实战教程(二、技术点介绍)

⭐ 作者简介:码上言



⭐ 代表教程:Spring Boot + vue-element 开发个人博客项目实战教程



⭐专栏内容:零基础学Java个人博客系统

项目部署视频

https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b

文章目录

前言

在这里我整理了整个项目大概需要用到的技术,让我们熟悉这些项目,知道如何在项目中运用的,原则是,先保证会用,再去慢慢探寻技术的底层原理。后期如果还有什么新的技术,我再更新,暂时就列举的那么多。

1、后端技术

技术 说明 官方网址
Spring Boot MVC框架和容器 https://spring.io/projects/spring-boot
MyBatis 持久层框架 https://mybatis.org/mybatis-3/zh/index.html
Nginx 静态资源服务器 https://www.nginx.com/
Swagger-UI 文档生成工具 https://github.com/swagger-api/swagger-ui
Redis 分布式缓存 https://redis.io/
Lombok 简化对象封装工具 https://github.com/rzwitserloot/lombok
PageHelper MyBatis物理分页插件 http://git.oschina.net/free/Mybatis_PageHelper
Hutool Java工具类库 https://github.com/looly/hutool
Shiro Java安全框架 https://shiro.apache.org/

2、前端技术

技术 说明 官方网址
Vue 前端框架 https://vuejs.org/
vue-element-admin 后台前端解决方案 https://panjiachen.github.io/vue-element-admin-site/zh/
vue-router 路由管理器 https://router.vuejs.org/zh/
vue-cli Vue.js 开发的标准工具 https://cli.vuejs.org/zh/
axios 前端HTTP框架 http://www.axios-js.com/zh-cn/docs/

3、移动端

技术 说明 官方网址
uni-app 前端应用的框架 https://uniapp.dcloud.io/README
微信小程序 不用下载就能使用的应用 https://developers.weixin.qq.com/miniprogram/dev/framework/
ES6 JavaScript 语言的下一代标准 http://caibaojian.com/es6/README_about.html

4、开发工具

工具名 说明 官方网址
IntelliJ IDEA 2021.03 后端主要开发工具 https://www.jetbrains.com/idea/download
Navicat 数据库连接管理工具 http://www.formysql.com/xiazai.html
Postman API接口调试工具 https://www.postman.com/
Visual Studio Code 免费开源的现代化轻量级代码编辑器 https://code.visualstudio.com/Download
微信开发者工具 主要编写微信小程序工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
HBuilder X uni-app主要的编辑器 https://www.dcloud.io/hbuilderx.html
Typora Markdown编辑器 https://typora.io/

5、开发环境

工具名 说明/版本号 官方网址
JDK 软件开发工具包/1.8 https://www.oracle.com/java/technologies/downloads/#java8-windows
Mysql 数据库管理系统/8.1 https://www.mysql.com/downloads/
Redis 非关系型数据库/3.2.100 https://redis.io/download
Node.js 运行在服务端的 JavaScript/14.17.4 https://nodejs.org/zh-cn/

上一篇:Spring Boot + vue-element 开发个人博客项目实战教程(一、项目介绍和规划)

下一篇:Spring Boot + vue-element 开发个人博客项目实战教程(三、项目环境搭建)

相关实践学习
基于Redis实现在线游戏积分排行榜
本场景将介绍如何基于Redis数据库实现在线游戏中的游戏玩家积分排行榜功能。
云数据库 Redis 版使用教程
云数据库Redis版是兼容Redis协议标准的、提供持久化的内存数据库服务,基于高可靠双机热备架构及可无缝扩展的集群架构,满足高读写性能场景及容量需弹性变配的业务需求。 产品详情:https://www.aliyun.com/product/kvstore     ------------------------------------------------------------------------- 阿里云数据库体验:数据库上云实战 开发者云会免费提供一台带自建MySQL的源数据库 ECS 实例和一台目标数据库 RDS实例。跟着指引,您可以一步步实现将ECS自建数据库迁移到目标数据库RDS。 点击下方链接,领取免费ECS&RDS资源,30分钟完成数据库上云实战!https://developer.aliyun.com/adc/scenario/51eefbd1894e42f6bb9acacadd3f9121?spm=a2c6h.13788135.J_3257954370.9.4ba85f24utseFl
目录
相关文章
|
4天前
|
SQL JavaScript 前端开发
vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)
这篇文章详细介绍了如何在Vue.js中使用分页组件展示从数据库查询出来的数据,包括前端Vue页面的表格和分页组件代码,以及后端SpringBoot的控制层和SQL查询语句。
vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)
|
3天前
|
前端开发 JavaScript Java
SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置自己定义、图片可以在前端回显(一))
这篇文章详细介绍了在SpringBoot+Vue项目中实现表单和图片上传的完整流程,包括前端上传、后端接口处理、数据库保存图片路径,以及前端图片回显的方法,同时探讨了图片资源映射、token验证、过滤器配置等相关问题。
|
3天前
|
前端开发 数据库
SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置到项目中的静态资源下、图片可以在前端回显(二))
这篇文章是关于如何在SpringBoot+Vue+token的环境下实现表单和图片上传的优化篇,主要改进是将图片保存位置从磁盘指定位置改为项目中的静态资源目录,使得图片资源可以跨环境访问,并在前端正确回显。
|
3天前
|
前端开发 数据库
SpringBoot+Vue实现商品不能重复加入购物车、购物车中展示商品的信息、删除商品重点提示等操作。如何点击图片实现图片放大
这篇文章介绍了如何在SpringBoot+Vue框架下实现购物车功能,包括防止商品重复加入、展示商品信息、删除商品时的提示,以及点击图片放大的前端实现。
SpringBoot+Vue实现商品不能重复加入购物车、购物车中展示商品的信息、删除商品重点提示等操作。如何点击图片实现图片放大
|
4天前
|
JSON JavaScript 前端开发
基于SpringBoot + Vue实现单个文件上传(带上Token和其它表单信息)的前后端完整过程
本文介绍了在SpringBoot + Vue项目中实现单个文件上传的同时携带Token和其它表单信息的前后端完整流程,包括后端SpringBoot的文件上传处理和前端Vue使用FormData进行表单数据和文件的上传。
15 0
基于SpringBoot + Vue实现单个文件上传(带上Token和其它表单信息)的前后端完整过程
|
4天前
|
JavaScript 前端开发 easyexcel
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
本文展示了基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的完整过程,包括后端使用EasyExcel生成Excel文件流,前端通过Blob对象接收并触发下载的操作步骤和代码示例。
22 0
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
|
4天前
|
数据库
elementUi使用dialog的进行信息的添加、删除表格数据时进行信息提示。删除或者添加成功的信息提示(SpringBoot+Vue+MybatisPlus)
这篇文章介绍了如何在基于SpringBoot+Vue+MybatisPlus的项目中使用elementUI的dialog组件进行用户信息的添加和删除操作,包括弹窗表单的设置、信息提交、数据库操作以及删除前的信息提示和确认。
elementUi使用dialog的进行信息的添加、删除表格数据时进行信息提示。删除或者添加成功的信息提示(SpringBoot+Vue+MybatisPlus)
|
4天前
|
JavaScript Java Spring
springboot+vue 实现校园二手商城(毕业设计一)
这篇文章介绍了一个使用Spring Boot和Vue实现的校园二手商城系统的毕业设计,包括用户和商家的功能需求,如登录注册、订单管理、商品评价、联系客服等,以及项目依赖项的安装过程。
springboot+vue 实现校园二手商城(毕业设计一)
|
4天前
|
JavaScript Java BI
Springboot+vue 实现汽车租赁系统(毕业设计二)(前后端项目分离)
这篇文章介绍了如何使用Springboot和Vue实现一个前后端分离的汽车租赁系统,包括系统的功能模块和管理员与业务员的使用界面。
Springboot+vue 实现汽车租赁系统(毕业设计二)(前后端项目分离)
|
3天前
|
JavaScript Java 数据库
Vue+SpringBoot+ElementUi+mybatis-plus 实现用户信息的修改及模拟充值
这篇文章展示了如何使用Vue结合SpringBoot、ElementUI和mybatis-plus实现用户信息的修改以及模拟充值的功能。文章首先介绍了模拟充值的过程,包括充值前后的账户余额和数据库信息的截图。然后,文章展示了用户信息修改前后的界面和数据库信息。核心代码部分演示了如何使用mybatis-plus轻松实现用户信息的修改操作,同时指出了异常处理和代码组织的最佳实践。