springboot vue组件写的个人博客系统

Posted Clay

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了springboot vue组件写的个人博客系统相关的知识,希望对你有一定的参考价值。

个人写的博客管理系统,学习java不到一年 欢迎探讨交流学习

https://github.com/Arsense/ssmBlog  项目地址 如果觉得好的 帮忙star一下 谢谢!

基本技术

环境: Springboot+mysql+admintle+vue.js+mybatis环境搭建的个博客

搭建方法在下面

  • 1月3日 v1.0
  • 1月10日 v1.1 加入kisso单点登录 删除自己拦截器
  • 1.11 v1.2 前台能解析mdtext文本,后台的editor.md加入到VUE框架中,后面editor界面BUG修改成功
  • 2.5 后台大更新

前台 白天版本

技术分享图片

前台 夜晚版本

技术分享图片

后台登录界面

技术分享图片

后台首页

技术分享图片

博客列表显示

技术分享图片

博客编辑器 采用开源的editor.md

技术分享图片

开发中 页面管理 标签管理

技术分享图片

本地引入jar包

  • 安装命令

mvn install:install-file -Dfile=D:\code\blog\ssmBlog\src\vuejar\vue-adminlte4j-1.0.1-SNAPSHOT.jar -DgroupId=com.vue.adminlte4j -DartifactId=vue-adminlte4j -Dversion=1.0.1-SNAPSHOT -Dpackaging=jar

引入: com.vue.adminlte4j vue-adminlte4j 1.0.1-SNAPSHOT

后台完成日志

12-19日
1.前期环境选择搭建和大致情况设计完毕

12-20日

  1. 后台登录页面检查用户登录
  2. 后台管理页面前端

12-24日

  1. 把h2数据库更改成mysql
  2. 增加mybatis 使用注解查询更改数据库
  3. 使用

12-26日

  1. 完后后端对博客的和博客标签的各种管理功能

12-27日

  1. 搭建前端 连接前端login和后台
  2. 测试好editor.md文本编辑器 加入成功 在/admin/testeditor.html

12- 28日

  1. 登陆校验在前端,并前端js加密密码
  2. 增加session验证和拦截器拦截 以免访问不该访问的界面

12-29r

  1. 前后端完全分离,拦截器的bug修复了
  2. 编写前端的博客按年显示后台功能
  3. 存在问题 有bug 能查出ID 但是不能显示 改js

18 年1-3日

  1. 基本前后台功能全部完善
  2. 调改出更改bolg md 编辑器传值问题

18 年 1-10日

  1. 删除自己的拦截器 2.删除冗余代码
  2. 加入Kisso单点登录

预计改进

  1. 目前是h2数据库 改为mysql,mybatis管理使用注解更快更方便
  2. 在Service增加事务管理

本地搭建

  1. 使用IDEA编辑器 打开文件中pom.xml文件
  2. maven运行编辑 在编辑器按 alt+12 打开终端 输入下面命令 记得路径要改为自己工程里面vue-adminlte4j-1.0.1-SNAPSHOT.jar文件包的路径

mvn install:install-file -Dfile=D:\code\blog\ssmBlog\src\vuejar\vue-adminlte4j-1.0.1-SNAPSHOT.jar -DgroupId=com.vue.adminlte4j -DartifactId=vue-adminlte4j  -Dversion=1.0.1-SNAPSHOT -Dpackaging=jar

然后依次按下图点击 clean 清除原先的包 编译导入包 安装依赖到工程中 技术分享图片3. 运行 在自己mysql服务上创建名为ssmBlog数据库 4. 把下图sql语句在ssmBlog中运行 自动生成数据和表 5. 在 application.yml文件中 更改自己的数据库密码和用户名 6. 点击下图Applcation类运行 访问 http://localhost:8002即可 端口配置在 application.yml文件中 技术分享图片

远程搭建

待更新....

项目maven package打包成war包 放到相应tomcat工作目录 运行tomcat

默认账号名密码都是 admin admin

联系方式

QQ:1984562796 欢迎交流学习


以上是关于springboot vue组件写的个人博客系统的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot 前后端分离Vue个人博客系统

SpringBoot 前后端分离Vue个人博客系统

01springboot+security+vue个人博客系统之项目创建

Java项目:实现个人博客系统(java+springboot+mybatis+redis+vue+elementui+Mysql)

02springboot+security+vue个人博客系统之创建vue-cli工程

(免费领取源码)基于Springboot+Vue+Element-ui的精美个人博客系统的设计与实现(附源码),可做毕业设计