经过这一段时间对Vue的学习,于是萌生了要开发一个个人博客的想法,经过差不多半个月断断续续的开发,也算是让项目有了能上线的样子,休息了一阵子,今天就来把我这个新人的第一个上线项目分享出来吧,有很多地方自觉写得不好,希望多多拍砖。
这是线上地址: 博客地址
这是项目地址:Vue部分, server部分(欢迎star,issure)
开发流程
1. admin:后台管理的页面,基本用element-ui构筑的页面,目前仅实现了文章发布,文章列表,以及文章修改/删除,功能还不够全面,有待添加。
2. blog: 博客的整个展示的页面,用Vue做的一个自适应的单页面应用,主要用到了vue,vue-router,axios等(没有使用vuex,觉得没什么必要)。
3. server: 博客的整个后端api接口,使用express框架,mongoose做数据库查询,基本都是一些基础的增删改查(主要自己的小项目也没什么复杂的)。
实际效果
主页效果
移动端效果
后端页面丑爆就不放出来丢人了,这应该是我这个个人博客的第一版,这段时间暂时就先这样,算是一个基本功能的实现,以及基本页面的展示,等再经过一段时间的学习,我会对这个项目进行重构,并为其添加相关功能。
总结
这个项目是学习完趁热打铁上手搞出来的,在开发的过程中也发现了自己各方面的不成熟,总是会有考虑不周到的地方,并且服务器配置方面也遇到了一些奇怪的东西,总的来说一路走下来有顺的地方,也有难的时候。只是第一阶段的完成,还需继续努力。