博客系统3.0更新说明


介绍

这次版本更新耗时长达3个月,修改比1.0到2.0还要多,这次重构花费了大量时间和精力,后面项目结构会基本定型,不会在进行大幅度改动。下面一一介绍改动的部分。

改动部分

1.前端重构

前端接口一直存在非常严重的问题,首先是没有很好的利用到vue的组件功能,很多页面都没有用到组件,导致一个页面的代码太多,后期想要修改难以下手,其次就是代码和页面不分离,代码和页面全部放到一个页面里面,导致页面更加臃肿。。。。
所以为了避免后续修改陷入困境,我就开始了前端重构,这个过程非常艰辛。。基本上所有的代码都需要重写,特别是页面组件化,好多样式混在一起,直到现在,我的页面样式还是没有修改好,现在把整个框架重构后的唯一感觉就是庆幸,还好自己重构的早,要不然后面代码都不知道会乱成什么样子。

目前整个项目使用到了vuex,自定义组件,自定义插件,混入等vue的高级部分
之前的项目结构

现在的项目结构

2.新的后台管理系统

之前的管理系统很不方便,现在采用新的后台管理系统,最核心的部分就是这个多标签页设计,可以来回切换,非常方便。

还有就是自动保存功能,只要你写了文章它他就会自动保存,非常的方便,以后在再也不用担心文章忘记保存了。

还有一个地方就是文档系统支持右键菜单,同时也支持自动保存,文档系统也不用担心忘记保存。

当然还有很多更新的细节,我这里展示的就这些,更多功能可以自己去探索。

3.后端采用MongoDB

之前的数据库真的一言难尽,因为我直接用的sql语句查询,导致了SQL注入的事件,后面就算使用了参数化查询,但是依旧暴露出了很多问题,最主要的问题就是数据库的结构比较固定,后续不方便升级。所以最后再三考虑采用了MongoDB来作为后端的主要数据库,同时数据库这部分做了数据持久化,每个表的内容都变成了下面这种的结构化类型。

4. 博客系统现在采用docker进行部署

之前的普通部署方式实在太过于繁琐,就算后面我写了一键安装脚本也依旧没啥改观。所以为了方便起见,后面的系统全部放到docker里去了。当然配合dockerfile的自动构建以及我写的自动重新编译脚本,现在我想发布新版本的时候只需要自己到阿里云哪里进行自动构建一下,即可发布最新的镜像版本。

5.自动管理脚本升级

配合博客镜像管理脚本,可以做到一键安装,一键升级。现在部署博客系统比以前简单了很多,基本上小白也可以正常部署了。

本次改动感想

虽然看起来本次改动的地方不多,界面也基本没有什么变化,但是这次重构却花了我三个月时间,经历这次重构后我愈加的发现自己当前最大的问题所在,虽然自己啥都接触过,啥都会一点,也可以做出一个像模像样的东西,但是如果深入的话就越来越发现自己知识和经验的匮乏,自己总是停留于表面,就比如我之前的2.0版本虽然做的也像模像样,但是页面和代码全部混在一起,看起来非常的臃肿和凌乱,以及自己用来用去,只用到了vue的基础部分内容,vue的高级部分没接触甚至都不知道有这个东西。。。

所以我后面打算把大部分时间去专攻某一个领域,先要有深度然后再追求广度。

后面的主要方向

后面主要方向是UI,现在的UI真的是一言难尽,手机上面基本是乱的自己都看不下去了,还有就是博客系统的风格,将会围绕二次元这个核心进行统一。

加入这个项目

我一个人精力终究有限,如果你对我这个博客系统感兴趣并且也有一定能力的也以加入我们这个项目!

正式版什么时候发布

短时间是不可能了,毕竟要改的地方还是太多了,不过想提前体验的可以购买我们的内测版本,购买地址:https://xblog.xiaoyou66.com/


文章作者: 小游
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 小游 !
  目录