(源码在文末)
最近在用两周的时间把团队的博客重构了下,用的是vue2.0跟python的flask框架。
原博客采用的是前后端交互的方式采用的是后端渲染模板的方式。前后端很耦合。
新版的采用接口的方式进行前后端的通信。开发起来很方便。这也是用vue2.0开的第一个项目也踩了不少坑。包括「组件过渡」、「props不能再父子组件双向数据流动」,「过滤器只能用在{{}}中」等等,最后基本解决了。
原博客网址。新的暂时还没上线。
先放几张博客页面的截图吧(测试数据)。感觉自己的设计感还是挺强的哈哈哈。
普通用户浏览页面

首页PC端

移动端首页

文章详情页PC端

移动端详情页

搜索结果页

移动端导航栏

404PC端

404移动端

登陆页
写作者管理页面

用户中心.png

已发布文章页面

账号设置

修改个人信息

写作页面
管理员界面

管理员界面

管理员预览跟写作页面的预览相同
最后附上前端的github地址:代码在此,别忘了follow或者start以下哦。