近来,利用工作之余,自己撸了一个博客网站,个人审美观极差,来来来回回折腾了几次,不知道到底用什么样的样式,发现没有UI是真的难受啊。先上图,再讲实现。
首页,还没想好左边放点啥。可以查看博客详情,右侧可以查看大图
博客页面,左侧的分类栏可以点击查看分类,右侧的博文可以点击进去查看博客详情
权限认证页面,这里我后面想把注册按钮去掉,只留我注册的一个管理员登陆即可
后台管理页面,这里引用了一些element-ui的样式。可以实现博客的管理,编辑,删除,以及写博客
写博客页面,引入了富文本
关于我页面,还有些自己的东西没进去
这里主要讲一下整个项目的大体思路。因为样式变了好几次,所以现在代码还有点乱。。。我先构思了下个人博客网站的一些功能,主要就是增删改查。感觉就是废话。
技术栈:项目从vue-cli脚手架搭建,样式用了less,使用express搭建node服务器,使用mongodb作为数据库,用mongoose打通连接。
功能阐述:
后台管理模块:
1.登陆验证,可以接受注册。
2.登陆成功后会通过locaStorage保存登陆信息,下次进入后台管理页面可以不用重复登陆
3.管理员页面可以注销登陆信息,也可以不注销直接返回,方便下次进入
4.管理员页面样式用到了element-ui的table和sidebar模块。文章管理页面可以实现所有文章的状态查看,以及对草稿类文章的再编辑和所有文章的删除清理。
5.用户管理模块没想好写什么。
6.写博客页面主要引入了vue的富文本编辑器,实现了文章的分类提交,以及是否发布还是保存草稿。
7.草稿箱就是存放所有草稿文章,方便编辑。
发现也没啥可以写的,就是一个小项目,在这里记录下,还有很多地方需要优化,博主乐于交流和分享,有什么问题可以和博主交流,QQ图里有。