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日
- 后台登录页面检查用户登录
- 后台管理页面前端
12-24日
- 把h2数据库更改成mysql
- 增加mybatis 使用注解查询更改数据库
- 使用
12-26日
- 完后后端对博客的和博客标签的各种管理功能
12-27日
- 搭建前端 连接前端login和后台
- 测试好editor.md文本编辑器 加入成功 在/admin/testeditor.html
12- 28日
- 登陆校验在前端,并前端js加密密码
- 增加session验证和拦截器拦截 以免访问不该访问的界面
12-29r
- 前后端完全分离,拦截器的bug修复了
- 编写前端的博客按年显示后台功能
- 存在问题 有bug 能查出ID 但是不能显示 改js
18 年1-3日
- 基本前后台功能全部完善
- 调改出更改bolg md 编辑器传值问题
18 年 1-10日
- 删除自己的拦截器 2.删除冗余代码
- 加入Kisso单点登录
预计改进
- 目前是h2数据库 改为mysql,mybatis管理使用注解更快更方便
- 在Service增加事务管理
本地搭建
- 使用IDEA编辑器 打开文件中pom.xml文件
- 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组件写的个人博客系统的更多相关文章
- ASP.NET写的一个博客系统
由于域名闲置,正好也有服务器空间,短期内开发了一个博客系统. 大家都来谈 http://www.djdlt.com 目前是开放注册,免费发布.(限于空间有限,图片还是尽量少传些) 网站架构: ASP ...
- Springboot+Vue前后端分离的博客项目
项目介绍 演示站(服务器已过期):http://blog.hanzhe.site 开源项目地址 ( 求给个Star ):https://gitee.com/zhang_hanzhe/blog 前端采用 ...
- Nuxt开发搭建博客系统
nuxt.js第三方插件的使用?路由的配置pages目录自动生成路由layoutsdefault.vueerror.vueVuex的使用权限篇Mysqladvice nuxt.js 追求完美,相信大家 ...
- ASP.NET + EF + SQL Server搭建个人博客系统新手系列(一):界面展示
第一次写博客,可能有些地方描述的不准确,还请大家将就.本人大四学生,学了半年C#,半年.net,但是很遗憾,学完之后只会写个hello word.老师教的过程中总是会套用一些模板,特别是后台,完全封装 ...
- 如何快速部署国人开源的 Java 博客系统 Tale
除了闷头专研技术之外,程序员还需要不断地写作进行技术积累,写博客是其中最重要的方式之一.商业博客平台不少,但是更符合程序员背景的方案,是自己开发一个博客平台或者使用开源的博客平台. 开源的博客平台多如 ...
- Django:(博客系统)使用使用mysql数据&创建post/category/tag实体,并同步到数据中
背景: 之前也读过一些关于django的一些书,看过别人写的一些博客系统.但是总有一种看别人的都会,但自己写不出来的感觉,于是为了加深对django的学习就开始动手学习了. 环境搭建: 环境:使用py ...
- 二、Java多人博客系统-演变
任何项目都是由小到大,逐步演变的.自己写的这个博客系统也不例外. 更新日志如下: 一.2014年底-2015年初 功能及技术: 1.定位为个人网站,介绍自己情况和发布文章等. 2.首页模块有:个人简介 ...
- 使用Docker部署Spring-Boot+Vue博客系统
在今年年初的时候,完成了自己的个Fame博客系统的实现,当时也做了一篇博文Spring-boot+Vue = Fame 写blog的一次小结作为记录和介绍.从完成实现到现在,也断断续续的根据实际的使用 ...
- 一个 Vue + Node + MongoDB 博客系统
源码 耗时半载(半个月)的大项目终于完成了.这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的 ...
随机推荐
- 安装 CentOs 系统 及 Python 及 Scrapy 框架
1: 先安装Centos 系统: 为什么选择CentOs系统,而不选择Ubuntu ? 我在Ubuntu上尝试了三次安装 python 和 Scrapy ,结果都没成功,在运维老王的建议下 使用Cen ...
- Tensorflow的认识
1.基本概念(Tensorflow) 使用图(graphs)来表示计算任务 n 在被称之为会话(Session)的上下文(context)中执行图 n 使用tensor表示数据 n 通过变量(Vari ...
- Python元类__prepare__方法深入理解
学习元类的时候,对__prepare__不是很理解,书上讲解的也不是很详细,最后通过查看stackoverflow的一些帖子对该方法有了一些理解,记录如下: 先看代码: class member_ta ...
- Reviewing notes 1.1 of Analytic geometry
Chapter 1 Vector Algebra ♦ Vector Space Vector and vector space A vector is described as a quantity ...
- ansible基本模块-cron
ansible XXX -m cron -a "name=‘XXX ’ job=‘执行的命令’ minute=XXX " ...
- requirejs重点
1.shim:用于配置不是通过define函数包装的文件,导出什么东西,如果这个文件不再baseURL目录下的话,需要在paths中配置文件目录.并且paths中的键名.shim中的键名.requir ...
- Android 线程+Handler的使用
1.介绍 2.线程的使用 (1)启动 (2)执行 3.xml布局 <?xml version="1.0" encoding="utf-8"?> &l ...
- BT网站--Python开发爬虫代替.NET
BT网站-奥修磁力-Python开发爬虫代替.NET写的爬虫,主要演示访问速度和在一千万左右的HASH记录中索引效率. IBMID 磁力下载- WWW.IBMID.COM 现在用的是Python + ...
- Subsequence(二分)
A sequence of N positive integers (10 < N < 100 000), each of them less than or equal 10000, a ...
- 最小生成树----prim算法的堆优化
题目描述 如题,给出一个无向图,求出最小生成树,如果该图不连通,则输出orz 输入输出格式 输入格式: 第一行包含两个整数N.M,表示该图共有N个结点和M条无向边.(N<=5000,M<= ...