一个前端新人的Vue个人博客

经过这一段时间对Vue的学习,于是萌生了要开发一个个人博客的想法,经过差不多半个月断断续续的开发,也算是让项目有了能上线的样子,休息了一阵子,今天就来把我这个新人的第一个上线项目分享出来吧,有很多地方自觉写得不好,希望多多拍砖。

这是线上地址: 我的个人博客

这是项目地址: vue部分express server部分 (欢迎star,issure)

开发流程:

  1. admin:后台管理的页面,基本用element-ui构筑的页面,目前仅实现了文章发布,文章列表,以及文章修改/删除,功能还不够全面,有待添加。

  2. blog: 博客的整个展示的页面,用Vue做的一个自适应的单页面应用,主要用到了vue,vue-router,axios等(没有使用vuex,觉得没什么必要)。

  3. server: 博客的整个后端api接口,使用express框架,mongoose做数据库查询,基本都是一些基础的增删改查(主要自己的小项目也没什么复杂的)。

实际效果

主页面效果

《一个前端新人的Vue个人博客》

移动端效果

《一个前端新人的Vue个人博客》

后端页面丑爆就不放出来丢人了,这应该是我这个个人博客的第一版,这段时间暂时就先这样,算是一个基本功能的实现,以及基本页面的展示,等再经过一段时间的学习,我会对这个项目进行重构,并为其添加相关功能。

总结

这个项目是学习完趁热打铁上手搞出来的,在开发的过程中也发现了自己各方面的不成熟,总是会有考虑不周到的地方,并且服务器配置方面也遇到了一些奇怪的东西,总的来说一路走下来有顺的地方,也有难的时候。只是第一阶段的完成,还需继续努力。

    原文作者:Jhon
    原文地址: https://segmentfault.com/a/1190000010771176
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞