项目以个人网站为主题,采用前后端分离进行项目的搭建。现在企业大多数都是用Spring Boot + Mybatis搭建后台,我们也要紧跟发展,虽然现在大型的项目都是分布式Spring Cloud,但是我们还是以基础为主,等以后有经历了可以慢慢再深入学习。
管理平台则使用框架vue-element-admin进行搭建快速开发。最后会教大家项目上线等操作,大概也就那么多,后期做项目中,在遇到什么我再进行补充。项目二期的话就是使用uni-app进行移动端开发。手机端的展示,方便快捷。
总的来说,这是一个前后端分离的小项目,采用的都是最基础的知识点,几乎没有太多的难点。我的初心是让大家大概了解做项目的流程,以及编写代码的流程和做项目的思想等。我能力有限,尽量把这个项目基础化,然后通俗的讲出来。俗话说,麻雀虽小,五脏俱全。但当个毕设、小项目练习足够了。个人水平有限,有很多说的可能不对,希望大家理解下,但总体的项目可以运行起来,大家多多点点关注,自豪的白嫖,哈哈!最后希望大家都能学到东西,一起进步。
前端代码地址:https://gitee.com/xyhwh/personal_vue
如何获得本教程:
我在微信公众号上发布了个人博客系统的全部开发教程,关注下方微信公众号,找到下方的项目教程即可。
还可以通过CSDN上去查看本教程:Spring Boot + vue-element 开发个人博客项目实战教程
初始密码为:admin/123456
技术 | 说明 | 官方网址 |
---|---|---|
Spring Boot | MVC框架和容器 | https://spring.io/projects/spring-boot |
MyBatis | 持久层框架 | https://mybatis.org/mybatis-3/zh/index.html |
Swagger-UI | 文档生成工具 | https://github.com/swagger-api/swagger-ui |
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/ |
技术 | 说明 | 官方网址 |
---|---|---|
Vue | 前端框架 | https://vuejs.org/ |
vue-element-template | 后台前端解决方案 | https://github.com/PanJiaChen/vue-admin-template |
vue-router | 路由管理器 | https://router.vuejs.org/zh/ |
vue-cli | Vue.js 开发的标准工具 | https://cli.vuejs.org/zh/ |
工具名 | 说明 | 官方网址 |
---|---|---|
IntelliJ IDEA 2021.03 | 后端主要开发工具 | https://www.jetbrains.com/idea/download |
Navicat | 数据库连接管理工具 | http://www.formysql.com/xiazai.html |
Postman | API接口调试工具 | https://www.postman.com/ |
Xshell | Linux远程连接工具 | https://www.netsarang.com/zh/xshell-download/ |
Xftp | 网络传输文件 | https://www.netsarang.com/zh/xftp-download/ |
Visual Studio Code | 免费开源的现代化轻量级代码编辑器 | https://code.visualstudio.com/Download |
Typora | Markdown编辑器 | https://typora.io/ |
工具名 | 说明/版本号 | 官方网址 |
---|---|---|
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 |
数据库在项目的初始文件中,直接可以在数据库中运行文件中的代码即可创建完表。
文件名为:init.sql
初始化用户:dml.sql
当你拿到项目后,创建完数据库后,要去项目的application.yml
中去配置你的数据库配置。
datasource:
url: jdbc:mysql://# 你本地的IP地址:3306/person_blog?useUnicode=true&characterEncoding=utf8&useSSL=false&allowPublicKeyRetrieval=true&serverTimezone=GMT%2B8
username: #数据库用户名
password: #数据库连接密码
driver-class-name: com.mysql.cj.jdbc.Driver
redis:
host: # 你的redis地址
port: # 端口号
timeout: 300
password:
upload:
local:
path: /blog/uploadFile/
url: # 你本地的访问地址, 例如:http://localhost:8080/blog
send:
mail:
host: # 邮件服务器的SMTP地址
port: # 邮件服务器的SMTP端口
from: # 发件人
pass: # 密码
登录页面:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。