个人网站重构

2021-05-04 00:30:31阅读 17评论 0

前言

目前本站已上线两年多,只是开始几个月用了一下,后面网站的功能已经不可满足需求,于是有很长一段时间被弃用。之间进行了一次小的前台升级,但仅仅是响应速度变快,而未解决需求上的问题。


重构缘由

旧版本的问题:

1.不支持markdown

1)富文本编辑器功能很局限,很多数学符号无法标记,如x^2^+y^2^=c
2)存入数据库的数据包含各种html标签,可读性差,也没法导出到文件中进行查看

2.使用模板,缺乏灵活性

前台用的是网上下的一个模板,改了一下,但其中应用了大量的第三方js,每次加载时会加载这些js,导致网站响应变得极慢,有明显的卡顿感。后面改用vue重构了一下,响应速度明显快了许多,但样式老套,手机端的兼容性差,先不说修改后的效果能不能达到理想状态,就这工作量恐怕也接近于重构

3.代码冗余、安全性差

1)当时技术水平有限,也是第一次做,并没有进行业务分层,所有代码挤在一个控制器中,接口定义也不规范,随后的问题也出现了,改一处可能牵涉到其他地方,代码几乎不能维护
2)对于后台的增、删、改操作,没有进行权限控制,留下一个巨大的安全漏洞


新特性

1.前后端分离

摒弃传统的后端渲染模板的方式,使用vue开发一个静态网站来接受所有请求,再将用户请求的资源通过Resful接口与后端进行交互。
前台:vue + vuetify + mavonEditor
后台:vue + elementui + mavonEditor

2.PHP版本升级7.2

据网上大佬测试结果,相对之前5.6版本性能提升好几倍,后端框架也随之升级到thinkphp6.0

3.支持markdown

彻底放弃富文本编辑器,显示效果、可用性大大提高,数据也方便转移和保存


不忘初心

两年前,之所以建立个人网站,主要是要建立一个自己的学习总结的平台,用于将自己成长过程中的学习的知识及其他所思所想记录下来,以供自己在迷茫之时回顾,以找到新的方向。

随后开始用markdown记录笔记,于是弃用个人网站,转移到https://sylvesterzhang.github.io/book/,所有技术相关的都记录到这里了,目前这个地址里已经有接近50篇文章,字数接近30万字,这个地址仍然要保留,还是用于存放技术类的博客

而重构的个人网站,将用来记录技术之外的内容,如对生活的思考,以及一些基础的知识总结

个人首页.png

个人博主.png

手机端.png

后台.png

还没有评论,来说两句吧