准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。

(源码在文末)
最近在用两周的时间把团队的博客重构了下,用的是vue2.0pythonflask框架。

原博客采用的是前后端交互的方式采用的是后端渲染模板的方式。前后端很耦合。
新版的采用接口的方式进行前后端的通信。开发起来很方便。这也是用vue2.0开的第一个项目也踩了不少坑。包括「组件过渡」、「props不能再父子组件双向数据流动」,「过滤器只能用在{{}}中」等等,最后基本解决了。

原博客网址。新的暂时还没上线。

先放几张博客页面的截图吧(测试数据)。感觉自己的设计感还是挺强的哈哈哈。

普通用户浏览页面

首页PC端
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第1张图片
移动端首页
文章详情页PC端
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第2张图片
移动端详情页
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第3张图片
搜索结果页
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第4张图片
移动端导航栏
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第5张图片
404PC端
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第6张图片
404移动端
登陆页

写作者管理页面

准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第7张图片
用户中心.png
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第8张图片
已发布文章页面
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第9张图片
账号设置
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第10张图片
修改个人信息
准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第11张图片
写作页面

管理员界面

准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第12张图片
管理员界面

准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。_第13张图片
管理员预览跟写作页面的预览相同

最后附上前端的github地址: 代码在此,别忘了follow或者start以下哦。

你可能感兴趣的:(准备开源一个☝️用flask以及vue2.0搭建的博客系统(内含源码)。)