vue+django构建单页博客

vue单页挺火的,最近做了一个单页博客练练手,正好把vue知识过一遍。博客真是练手的最佳项目啊,从开始学django就是拿做博客练手的,到现在写了有三个博客了,当然每次都会有很大的变化。

这次界面做的依然挺简陋的,直接拿pure.css的几个demo拼凑的。
首页长这样,真的是极其简陋...

vue+django构建单页博客_第1张图片

后台

vue+django构建单页博客_第2张图片

还仿着弄了个写作模式....

vue+django构建单页博客_第3张图片

断断续续折腾了两三个星期,开学净些事事儿。
后端框架是django,只用来提供api接口。前端是直接拿vue-cli的一个实例,在此基础上写的,数据交互用的vue-resource,不过vue官方现在推荐axios了。vue-router做路由。

整个项目分成backend和frontend两个文件夹

vue+django构建单页博客_第4张图片
,过程中基本没遇到什么大问题,主要还是js和vue了解不深。build之后整个前端页面就是静态网页了,直接用nginx代理静态网页,在其他端口把api开起来,这里一开始有跨域问题,不过用 django-cors-headers库完美解决。

目前的问题:
1、我的优化真的很烂,很多地方有资源浪费,这之后开始恶补算法、数据库有关知识。
2、前后端分离的图片上传接口不会做,管理界面不能传图片,只在django后台用了django-ckeditor做富文本,想做这样的,暂时还没办法。

github

你可能感兴趣的:(vue+django构建单页博客)