⭐ 作者简介：码上言

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

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

⭐我的文档网站：http://xyhwh-nav.cn/

项目目录

1、后端开发部分

Spring Boot + vue-element 开发个人博客项目实战教程（一、项目介绍和规划）

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

Spring Boot + vue-element 开发个人博客项目实战教程（三、项目环境搭建）

Spring Boot + vue-element 开发个人博客项目实战教程（四、数据库搭建和配置）

Spring Boot + vue-element 开发个人博客项目实战教程程（五、项目部署到gitee管理）

Spring Boot + vue-element 开发个人博客项目实战教程（六、项目包创建和配置Mybatis）

Spring Boot + vue-element 开发个人博客项目实战教程（七、创建数据库表）

Spring Boot + vue-element 开发个人博客项目实战教程（八、用户中心功能实现）

Spring Boot + vue-element 开发个人博客项目实战教程（九、Postman测试接口）

Spring Boot + vue-element 开发个人博客项目实战教程（十、调试、密码加密和Swagger接口文档）

Spring Boot + vue-element 开发个人博客项目实战教程（十一、文章分类功能实现）

Spring Boot + vue-element 开发个人博客项目实战教程（十二、通知公告功能实现）

Spring Boot + vue-element 开发个人博客项目实战教程（十三、文章标签功能实现）

Spring Boot + vue-element 开发个人博客项目实战教程（十四、文章功能实现（上））

Spring Boot + vue-element 开发个人博客项目实战教程（十五、文章功能实现（下））

Spring Boot + vue-element 开发个人博客项目实战教程（十六、登录功能实现（上））

Spring Boot + vue-element 开发个人博客项目实战教程（十七、登录功能实现（下））

Spring Boot + vue-element 开发个人博客项目实战教程（十八、操作日志功能实现）

Spring Boot + vue-element 开发个人博客项目实战教程（十九、日志中心页面接口对接）

Spring Boot + vue-element 开发个人博客项目实战教程（二十、登录日志、用户、分类管理页面开发）

Spring Boot + vue-element 开发个人博客项目实战教程（二十一、个人介绍、公告管理、标签管理开发）

Spring Boot + vue-element 开发个人博客项目实战教程（二十二、文章管理页面开发（1））

Spring Boot + vue-element 开发个人博客项目实战教程（二十三、文章管理页面开发（2））

Spring Boot + vue-element 开发个人博客项目实战教程（二十四、文章管理页面开发（3））

Spring Boot + vue-element 开发个人博客项目实战教程（二十五、项目完善及扩展(前端部分)）

2、Vue-element 后台管理页面开发部分

一、项目的基本功能规划流程图

二、我思我想

当你看到这篇文章的时候，我相信你一定是抱着想找个项目学习的心态，自己学习了那么久，想找一个可以上手的小项目做做，熟悉下做项目的流程。或者是你想找找项目来搞毕业设计或者课程设计等等。总之你能看到这篇文章，也是我们的缘分，既然来了，那就一定要带着收获离开，我希望不会辜负你们的期待，我会从零开始带你们写项目，包括开发流程和全程的代码讲解。哪怕不是学IT比着我写的教程能全部开发完，这是我追求的写教程的原则。

我大学大多学的都是前端方向的东西，前端的知识都了解过，但是也只限于了解，哈哈，什么都没搞的很厉害。大学一度的迷茫，想着出来后到底要干什么，想要工作就要把技术提升到公司需要你，而不是你对公司可有可无。在我学习Java的时候，也是和你们一样，看到代码无从下手，一点思路都没有，更别说写代码了。

之所以想写这个教程，因为我知道自学是多么的艰辛，要付出很大的努力。所以让大家尽量少走一些弯路，同时我平时学的东西也有点乱，想把自己所学的东西尽量应用到项目中去总结，巩固做项目的基础，最后希望大家和我共同进步，实现自己的梦想。

三、项目介绍

在平时看了网上大多都是图书管理、商店系统等，尤其是大学的毕业设计或者课程设计等，太老了搞的东西。所以我想来还是开发一个自己的网站吧，自己设计，可以很酷的那种，以后找工作直接简历上写上个人的网站，面试的加分项。我们可以把学到的东西进行总结放到个人网站上，以后还能出去还能炫耀下。

言归正传，项目以个人网站为主题，采用前后端分离进行项目的搭建。现在企业大多数都是用Spring Boot + Mybatis搭建后台，我们也要紧跟发展，虽然现在大型的项目都是分布式Spring Cloud，但是我们还是以基础为主，等以后有经历了可以慢慢再深入学习。管理平台则使用框架vue-element-admin进行搭建快速开发。最后会教大家项目上线等操作，大概也就那么多，后期做项目中，在遇到什么我再进行补充。项目二期的话就是使用uni-app进行移动端开发。手机端的展示，方便快捷。

总的来说，这是一个前后端分离的小项目，采用的都是最基础的知识点，几乎没有太多的难点。我的初心是让大家大概了解做项目的流程，以及编写代码的流程和做项目的思想等。我能力有限，尽量把这个项目基础化，然后通俗的讲出来。俗话说，麻雀虽小，五脏俱全。但当个毕设、小项目练习足够了。个人水平有限，有很多说的可能不对，希望大家理解下，但总体的项目可以运行起来，大家多多点点关注，自豪的白嫖，哈哈！最后希望大家都能学到东西，一起进步。

四、可以学到什么？

● 从零学习项目的开发流程，增加项目开发经验
● Java基础知识的运用
● SpringBoot项目的开发
● 学习Vue开发知识
● 学习uni-app移动端开发
。。。。。。

五、工具资料下载

关注下方公众号，然后回复教程即可。

下一篇：Spring Boot + vue-element 开发个人博客项目实战教程（二、技术点介绍）

Spring Boot + vue-element 开发个人博客项目实战教程（一、项目介绍和规划）相关推荐

Spring boot实训开发个人博客（二）详情页
Spring boot实训开发个人博客(二)详情页 1.在index页面添加归档: 2.开始写详情页: 1.头部文件: 2.添加文章内容 <h2 class="ui center al ...
Spring Boot实训开发个人博客13 -博客详情
文章目录一.博客详情页面二.修改IndexController 三.在Blog.html页面添加获取数据四.页面查看五.Markdown 转换 HTML (一)添加依赖 (二)编写工具类 (三 ...
Spring Boot Vue Element入门实战(完结)
最近给朋友做一个大学运动会管理系统,用作教学案例,正好自己也在自学VUE,决定用spring boot vue做一个简单的系统.vue这个前端框架很火,他和传统的Jquery 编程思路完全不一样,Jq ...
Spring Boot+Vue/前后端分离/高并发/秒杀实战课程之spring Security快速搭建oauth2 内存版身份认证
Springboot快速搭建oauth2 内存版身份认证环境准备点击[Create New Project]创建一个新的项目项目环境配置配置Thymeleaf 搭建oauth2认证,加入两个依 ...
Spring Boot干货系列：（十二）Spring Boot使用单元测试 | 嘟嘟独立博客
原文地址 2017-12-28 开启阅读模式 Spring Boot干货系列:(十二)Spring Boot使用单元测试 Spring Boot干货系列 Spring Boot 前言这次来介绍下Sp ...
基于 Spring Boot + Vue 实现的可视化拖拽编辑的大屏项目
大家好,今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目: 简介这个是一个开源的一个BI平台,酷炫大屏展示,能随时随地掌控业务动态,让每个决策都有数据支撑 ...
Spring Boot Vue Element入门实战（四）主页面开发
本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766 (一)页面布局页面布局分为3个部分: 顶部导航:系统logo,登录信息,退出按钮等左侧菜单:显示系统菜单右侧 ...
Spring Boot Vue Element入门实战（五）封装axios
本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766 (一)关于Axios Axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get.pos ...
Spring Boot Vue Element入门实战（十）Vue生命周期
本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766 前面9篇文章基本上完成了vue 静态页面的入门,包括列表展示,路由动态加载菜单,echarts图表的一些使用,后面 ...
vue + element +tp5 个人博客后台管理小记
主要来介绍下用的几个插件的使用 mavon-editor 基于Vue的markdown编辑器 github项目地址 marked 解析预览markdown文本 highlight.js 语法高亮 1 ...

Spring Boot + vue-element 开发个人博客项目实战教程（一、项目介绍和规划）