首页 /  生活笔记  /  个人随笔 /  相对于前台博客,我更喜欢我的后台管理系统 屏幕太窄?试试伸展一下吧 >

相对于前台博客,我更喜欢我的后台管理系统

原来刚开始做博客的时候,我想着随便弄一个后台能发博文就完事了,就在我前段时间翻到博客后台的代码的时候,心里想,这是写的什么玩意,正好这段时间有点空闲,就抽出来翻新重构一下。QQ20200706-182746@2x.png

AllenBlog后台管理系统是由Vue+ElementUI打造的,虽说在之前就已经使用了Element,但是没有用到精髓,画出的页面也是相当的丑陋,因为当时就是奔着能用去的,这次改进最大的变化就是视觉上的变化,改变了布局样式,使用layout布局,整体的配色方案和登录界面,使页面看上去更加得体一些。

其次是更改了token验证方式,原来是通过自己生成的token配合redis进行验证,现在改用JSON WEB TOKEN配合redis进行验证,前端也增加了keep-alive对页面进行缓存数据。修改了接口调用的方式,以及公共数据的配置,对Table、Card做了高度自适应等。模块方面新增了留言管理和标签管理。

首页增加了快捷导航栏,还有一些基本数据的统计,下面一大部分空白还没有想好要放什么,先放个Element组件的日历插件当当样子。QQ20200706-182806@2x.png

Card上面增加了Tabs用来导航页面,这样页面在来回切换的时候也有个记录,配合缓存使用效果更加。image.png

左侧菜单可以收缩或展开,这样再一些需要更多空间的页面会显得更加灵活。

image.png

发布文章等新增操作都增加Form表单左右布局的样式,文章禁用轮播可以手动修改,原来没有做这个功能,还要去数据库里面手动改。QQ20200706-190214@2x.png

table页新增slot插槽,里面放上图片和label标签,这样看起来更加的直观,一目了然。QQ20200706-182827@2x.png

右上角也做了用户头像显示,还打算继续做一些socket通知,不过现在还没有开始。image.png

今天先这样持续更新~~~



0/200