文章发布于:2022年9月8日

早期日志,之前已被我删除,刚刚在草稿管理页面又发现它,感觉没必要删。

登录界面

后台列表渲染用了 Vue.js,主要是提供编辑和删除功能。编辑功能利用创建新日志页面完成,这个页面每次打开都会询问后台,是编辑旧日志或者编辑草稿,还是仅仅打开一个空页面(创建新日志)。如果是编辑日志,则从文章数据库表单调出数据载入,如果是编辑草稿,则从草稿数据库表单调出数据载入,否则就打开一个创建日志的空白页面。



创建日志使用的 wangEditor 富文本编辑器。点击保存草稿会把当前编辑的日志存放在草稿管理页面,后续可继续编辑发布。页面每过30秒会把日志存储在本地一次,这样在不发布的情况下关闭页面,下次载入页面还会询问是否载入本地日志。

日志删除后会转入草稿管理页面,后续可以继续编辑发布,或者删除。删除文章不会导致文章彻底丢失,后台将数据库数据调出合成一个 html 文件,存放到一个无法访问的路径下。

为了让博客显得完整,在登录模式做了快捷编辑入口,用ejs模块实现的。




文章页面同样提供快捷操作选项。



当博客日志主页超过30条,会进行分页。哈哈哈哈,做博客的时候觉得自己会写很多废话,所以废了一番功夫做了一个分页功能,结果发现用 bz 说话更方便,然后就不写博客了。



这个功能之所以费一番功夫,是因为当时觉得,分页如果采用数据库加模板生成似乎太浪费后台性能,所以应该采用本地文件的形式。但是这样就有个问题,每当新增加一篇文章,所有的分页就必须全部重新渲染,这开销岂不是太大?于是想到一个策略,就是采用缓存机制。用一个目录专门存储分页,当新建日志时,清空分页目录(因为此时旧文件就没意义了),关键点在于,当用户第一次访问分页时,后台先询问有没有分页文件,如果有,直接反馈地址去访问分页目录,如果没有,则开始通过数据库和模板生成一个分页文件,然后反馈给用户的同时,再存储在分页目录。这样,每次更新日志,分页目录只有用户访问时才会创建。

目前来看,这个功能大概是用不上了。