SpringBoot + vue开发个人博客项目实战教程
文章平均质量分 97
以SpringBoot + vue结合,开发一套前后端分离的项目实战,非常的适合初学者和应用毕业设计学习的小伙伴。
码上言
无人扶我青云志,我自踏雪至山巅!
欢迎微信搜索【码上言】关注公众号,每天推送精选好文,共同交流。
著有《SpringBoot + Vue.js + uni-app全栈开发》
展开
-
Spring Boot + vue-element 开发个人博客项目实战教程(二十六、前端首页统计完善及完结)
人生若只如初见,何事秋风悲画扇。写到这里,真的要说再见了,这个是本博客教程的最后一篇,真的是最后一篇了!本教程是全部免费分享给各位小伙伴和需要学习的同学们。由于个人技术和时间有限,教程写的不是很好,但我初心是想写一个很基础的项目教程,稍微有点基础的都可以学会。希望大家再未来的日子里,继续追逐自己的梦想,勇敢地面对生活中的挑战。原创 2023-05-30 21:30:00 · 3741 阅读 · 12 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十五、项目完善及扩展(前端部分))
这一篇将是我们项目开发的最后一篇文章了,到这里该和大家说再见了,这个项目从开始写到现在刚好一年了,有时间就写写,中间断了好几个月的时间,看到好多人说对他们很有用,我写的也就变成了有意义的事情,希望大家都不忘初心,牢记使命,认真的学习技术和好好地生活。正如士兵突击中的许三多说的,好好活,就是做有意义的事,做有意义的事情,就是好好活着。原创 2022-11-14 17:16:28 · 2360 阅读 · 5 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十四、文章管理页面开发(3))
后端代码gitee地址:https://gitee.com/xyhwh/personal_blog前端代码gitee地址:https://gitee.com/xyhwh/personal_vue还是接着上边的来写,下面就剩下文章的展示一块了,马上这个系统就完结了,我看了一下即将写了一年,断断续续的。感谢大家的支持!这个列表相信大家已经写了很多遍了,现在可以说大概的思路应该掌握在手,这里我对后端又进行了处理,以前的bug也修复了一些,我这里先把后端改的代码来说一下。1、首先修改了根据分类id查找分类信息这里的原创 2022-10-21 11:12:05 · 2049 阅读 · 4 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十三、文章管理页面开发(2))
我们接着上一篇的来写,现在就剩下文章发布的功能了,但这个是最重要的部分,大家有什么问题欢迎随时留言或者私信我,或加我好友都可以。目录的话我就接着上一篇的来写了,不再重新写目录了,大家可以两篇合起来一起来看。文章摘要也就是对文章的大体描述功能,这个就是个表单,没有难点。原创 2022-10-18 17:33:34 · 2978 阅读 · 0 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十二、文章管理页面开发(1))
时隔三四个月了没更新了,差一点烂尾了,对不住各位小伙伴了现在才更新,这也是我们这个教程的最后一篇了,接下来可能还会更新一下项目的上线功能,大概会用一到两篇的文章写完,可能需要服务器,大家如果有条件的话还是要去搞一台自己的服务器,模拟真实的线上环境才能更好的学习,可以去拼夕夕买或者百度云也可以都挺便宜,四五十块钱就可以了,还是希望大家用真实的环境来学习。最近我打算写redis的学习,各位小伙伴有需要的话可以去我的Redis从入门到实战专栏查看,有什么好的意见可以评论区告诉我或者加我好友沟通,原创 2022-10-17 16:37:56 · 2225 阅读 · 0 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十一、个人介绍、公告管理、标签管理开发)
本教程主要是使用SpringBoot+Vue从零搭建自己的个人博客系统,大家可以当做基础的项目来学习。原创 2022-06-23 17:21:15 · 3786 阅读 · 5 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二十、登录日志、用户、分类管理页面开发)
有小伙伴开始催更了,最近我也在补充知识,我在有空的时候重新学习下Redis,有想要学的小伙伴可以来找我要笔记,后期看情况要不要分享出来,对于这个教程最基本的后端写完了,我们再搞搞前端争取快点结束掉,然后还是去重点搞java,目录我列了一些。上一篇我们只完成了操作日志的页面,我们首先完成剩下的登录日志。这个和我们操作日志的页面基本上差不多,我们的日志数据不支持删除,只能后台数据库进行删除。在文件下找到文件,和操作日志一个,我们加一个请求的接口,这里和我们后台写的接口地址保持一致。由于我们一开始就设置了这个原创 2022-05-29 21:12:08 · 2671 阅读 · 0 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十九、日志中心页面接口对接)
文章目录前言一、修改1、修改错误信息2、主页页面修改二、导航栏改造1、添加路由2、添加页面三、前后端分离会话问题解决1、导入shiro整合redis的jar包2、自定义SessionManager类3、ShiroConfig配置文件注入SessionManager3.1、什么是redis?3.2、下载(文件版)3.3、下载(安装版)3.4、注入SessionManager3.5、SessionManager注入安全管理器四、操作日志页面开发1、接口请求2、页面编写3、分页4、中文化五、总结前言接下来,我原创 2022-05-04 11:24:43 · 4099 阅读 · 10 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十八、操作日志功能实现)
文章目录一、前言二、操作日志开发1、新建实体类2、新建OperationLogService.java3、新建OperationLogServiceImpl.java4、新建OperationLogMapper.java5、新建OperationLogMapper.xml文件三、开发注解1、OperationType.java2、OperationLogSys.java3、OptLogAspect.java4、添加注解四、登录日志1、建表语句2、实体类3、业务类4、数据接口Mapper5、xml文件6、接口原创 2022-04-06 17:19:55 · 3693 阅读 · 8 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十七、登录功能实现(下))
文章目录前言一、后端登录功能1、新建登录接口2、shiro的引入2.1、简介2.2、架构2.3、添加shiro依赖3、配置shiro3.1、MyShiroRealm.java3.2、ShiroConfiguration.java3.3、登录接口login3.4、登录info接口4、跨域二、计划前言我们接着前一章写,前面一章我们已经将前端搭建完成,还做了一些简单的修改,下面我们开始做后台的接口,还有一些逻辑需要写。一、后端登录功能1、新建登录接口接下来我们来写后端的接口,前端先告一段落,通过上边前端原创 2022-03-29 15:17:04 · 3606 阅读 · 48 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十六、登录功能实现(上))
文章目录前言一、前端搭建1、下载前端模板2、项目运行二、前端登录改造1、改造前端项目2、登录接口请求详解3、数据响应三、总结前言这次拖了一个多月才更新,最近自己发生了很多的事情,有时间和大家一起聊聊,所以一直没来得及更新,这次终于能静下心来写文章了,在这期间我还谋划了一个大的规划,那就是整理Java。我将系统的进行学习,学习的同时我将会写基础的学习文章,估计要持续四个月左右吧,从Java基础到JavaWeb然后到Spring、SpringBoot、MySQL、redis、MQ、SpringCloud、原创 2022-03-25 17:18:33 · 4886 阅读 · 22 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十五、文章功能实现(下))
文章目录前言一、标签和文章关联表开发1、关联表实体类2、文章增加3、邮箱发送3.1、引用3.2、邮件服务器配置4、添加根据用户id查找用户5、文章修改6、删除文章前言小伙伴们原谅我更新的有点慢了,过年事情比较多,前面的一章我们已经把文章的基本功能实现了,但是文章还牵扯到很多的功能,我们的关联表还没有维护,所以还有很多的东西需要去写。我们先把这个写好,如果有时间后边再使用Mybatis-pius更新第二期,先把这个一期搞完再说吧。一、标签和文章关联表开发1、关联表实体类这个很简单,我们就三个字段,新原创 2022-02-09 21:51:13 · 2991 阅读 · 14 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十四、文章功能实现(上))
文章目录前言1、新年展望2、修改表字段一、文章功能实现1、添加文章实体类2、添加文章接口3、添加文章接口实现类3.1、Map介绍3.2、缓存方法3.3、分页查询方法3.4、缓存的维护3.5、对象查询4、数据库查询接口实现5、编写数据库xml6、编写接口层二、测试1、添加文章接口测试2、修改文章接口测试3、删除文章接口测试4、查询接口测试前言1、新年展望不知不觉已经2022年了,今年上半年我们要将博客的文章更新完,我在规划是否出一期Java基础和前端的教程,看后期的时间和大家的需求,大家可以评论区给我留原创 2022-01-03 17:00:48 · 4453 阅读 · 8 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十三、文章标签功能实现)
文章目录前言一、bug修改二、文章标签功能实现1、添加实体类2、添加业务接口3、添加业务接口实现类4、数据库查询接口实现5、编写数据库xml6、编写接口层三、Postman测试四、总结前言本章将继续进行博客功能的开发,慢慢的我们做了好几个功能模块的开发,其实流程都差不多,只是有些业务逻辑不同而已。前面有网友测试的通知公告的有bug存在,我们先改一下Bug,没有bug就不叫写程序,发现bug修改bug才能进步。一、bug修改1、NoticeController.java接口层我偷懒复制的分类接口那边原创 2021-11-29 22:41:09 · 2968 阅读 · 20 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十二、通知公告功能实现)
文章目录前言一、bug修改二、通知公告的功能实现1、添加实体类2、添加业务接口3、添加业务接口实现类4、数据库查询接口实现5、编写数据库xml6、编写接口层三、收集建议前言前面我们把基础的东西基本上搭建完了,现在剩下的都是一些业务上的逻辑和数据的增删改查,写一遍不会写十遍就会了,教程也出了一个月了,还是有粉丝在追着写项目的,以后你会发现在公司基本上都会用到,基本上都是类似的操作,当然除了一些项目的架构,复杂的逻辑,线程之类的,但一开始还是要学会走路,再去跑,希望能跟着一起学习,等毕业了直接拿来搞毕业设计原创 2021-11-26 22:35:31 · 4352 阅读 · 11 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十一、文章分类功能实现)
文章目录原创 2021-11-22 22:42:21 · 3559 阅读 · 21 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(十、调试、密码加密和Swagger接口文档)
文章目录一、Bug修改和插件安装二、调试1、Debug启动项目三、用户密码加密四、接入Swagger接口文档1、什么是Swagger?1.1、Swagger介绍1.2、使用Swagger的好处2、项目中如何载入Swagger?3、如何使用Swagger?3.1、接口归类3.2、接口方法4、配置Swagger一、Bug修改和插件安装经过前面的代码接口测试,基本的功能都可以实现了,但是还是有存在的小错误,感谢读者给我提出来的,现在在这里更改一下,用户表里的手机字段设置的是11位,我们现在把那个11去掉,然后原创 2021-11-15 20:59:49 · 9260 阅读 · 13 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(九、Postman测试接口)
前言前面的功能模块写完了,项目也能跑起来了,但是功能到底有没有用,有没有bug,数据能不能保存到数据库中等都需要我们去验证,总不能写了就不管了,能跑就行,然后扔给前端,这样会挨骂的哈哈,我们要确保自己写的代码能调试通,才能交付给前端开发。我们大多数开发都是使用的Postman进行测试接口的,非常的方便,接下来我们就一起学习Postman,加油猿人!一、Postman介绍1、什么是Postman?Postman是一个接口测试工具,在做接口测试的时候,Postman相当于一个客户端,它可以模拟用户发起的原创 2021-11-09 21:39:30 · 6406 阅读 · 24 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(八、用户中心功能实现)
文章目录前言一、引入Lombok1、为什么要用Lombok2、引入相应的maven包3、添加IDE工具对Lombok的支持4、Lombok注解的使用二、用户功能实现增删改查1、添加实体类2、添加业务接口3、添加业务接口实现类4、数据库查询接口实现5、编写数据库xml6、编写接口层前言经历了那么多天的基础项目的搭建,终于把基本的项目配置、项目日志、项目管理以及数据库建立起来了。可能会遇到很多的问题,遇到问题首先想的是怎么去解决,而不是想着太难了就算了。我是希望能给大家带来一点帮助。最近可能会更新的比较慢,原创 2021-11-06 22:42:58 · 6219 阅读 · 21 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(七、创建数据库表)
前言到此,项目的基础配置已基本上完成了,后续用到其他的配置再添加,下面我们将进行数据库的设计,根据我们的功能介绍,并将每个功能用的字段进行设计,这个很重要。我们做的是个人博客,最大的数据也就是我们发布的文章内容了,最多也就上千条的博客数据,对数据库的设计要求不是很高,所以我们直接设计就好了,某些字段可能后期要修改,目前先把基本的初始化的表搭建好。一、Navicat工具建表使用我们有两种创建数据库的方式,一种是采用SQL语句进行创建数据库和表,另一种是利用数据库的可视化工具进行创建数据库,我们采用的是S原创 2021-11-01 23:30:13 · 5103 阅读 · 11 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(六、项目包创建和配置Mybatis)
前言上一篇讲述的是项目的版本管理,使用Git对项目进行管理,可以多人开发,很好的对项目进行管理。以后我们每写个功能就要提交一次代码,方便以后项目出错或者查找某个功能的实现的记录。本节将讲述项目的各个包的搭建以及含义,然后配置Mybatis数据库管理,和项目日志的搭建。一、项目包创建在我们写项目的包是类的一种文件组织和管理方式、是一组功能相似或相关的类或接口的集合。通过包有效的管理java的各种类,每个包名都有自己的含义,接下来我们定义项目中自己的包名。首先打开项目,可能会出现以下情况,我们把包改成树原创 2021-10-27 22:11:35 · 4629 阅读 · 16 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(五、项目部署到gitee管理)
前言基础项目已经搭建完成,这里我再补充一篇关于项目版本管理的文章,这个在公司里开发项目很重要,很多人开发同一个项目,需要提交整合项目,则需要有个地方存储项目,然后所有的人都提交到同一个项目地址进行整合。这里就需要使用git分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。一、什么是Git菜鸟教程 | Git教程廖雪峰 | Git教程Git 完整命令手册地址:http://git-scm.com/docs概念:Git是目前世界上最先进的分布式版本控制系统(没有之一),用于敏捷高效地处理任何原创 2021-10-26 22:23:22 · 4146 阅读 · 5 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(四、数据库搭建和配置)
前言java项目已经创建好了,接下来我们要准备数据库了,数据库是干嘛的相信大家都知道了,我在这就不说了,我们需要做的就是在电脑上安装mysql数据库。附菜鸟教程的MySQL基础学习教程:https://www.runoob.com/mysql/mysql-tutorial.html我选择的是8版本的MySQL,原则是有新的就要学习用新的东西,我会用界面化软件来操作数据库,比较直观,因此使用Navicat 对于新学的人在适合不过了。一、安装MySQL首先我们需要做的就是下载MySQL。当然首选My原创 2021-10-25 22:39:26 · 4196 阅读 · 10 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(三、项目环境搭建)
前言从教程的这一篇开始,我们就开始正式的进入到实战项目的开发。首先要搞清楚我们的项目的总体结构是什么,后端采用的是Java、管理平台采用的是Vue搭建,后期可能还会有移动端采用uni-app实现。采用前后端分离开发,这也是大多数企业使用的开发方式前后端分离,也就是说,我们使用Java将数据通过接口的方式暴露出来,然后前端只要拿到接口的地址就能获取数据,这样后期的维护,前后端的依赖性很小,减轻维护的压力等。这种方式会在我们开发中慢慢体会出来所带来的方便,为了项目能在你的电脑上运行成功,尽量和我使原创 2021-10-24 20:19:08 · 9707 阅读 · 4 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(二、技术点介绍)
前言在这里我整理了整个项目大概需要用到的技术,让我们熟悉这些项目,知道如何在项目中运用的,原则是,先保证会用,再去慢慢探寻技术的底层原理。后期如果还有什么新的技术,我再更新,暂时就列举的那么多。1、后端技术技术说明官方网址Spring BootMVC框架和容器 https://spring.io/projects/spring-bootMyBatis持久层框架https://mybatis.org/mybatis-3/zh/index.htmlNginx静态原创 2021-10-24 19:04:34 · 4141 阅读 · 2 评论 -
Spring Boot + vue-element 开发个人博客项目实战教程(一、项目介绍和规划)
本教程主要是使用SpringBoot+Vue从零搭建自己的个人博客系统,大家可以当做基础的项目来学习。原创 2021-10-24 17:57:09 · 11812 阅读 · 14 评论