vue+django构建单页博客

作者: 海上牧云l | 来源:发表于2017-03-03 23:41 被阅读569次

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

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

后台

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

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

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

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

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

github

相关文章

  • vue+django构建单页博客

    vue单页挺火的,最近做了一个单页博客练练手,正好把vue知识过一遍。博客真是练手的最佳项目啊,从开始学djang...

  • 我不知道

    # vue-cli构建单页面应用(个人博客) -------------------------- **[项目地址...

  • 单页Web应用:JavaScript从前端到后端pdf

    下载地址:网盘下载 单页Web应用:JavaScript从前端到后端是设计和构建大规模JavaScript单页We...

  • webpack4构建多页应用,了解一下

    用webpack构建多页应用可以有2种思路,多页面单配置 vs. 多页面多配置。本例子采用多页面单配置,即在单页应...

  • Angular介绍

    1. 概述 Angular是一个使用HTML、CSS、TypeScript 构建客户端应用的框架,用来构建单页应...

  • vue 构建单页应用5

    vue-resource 请求数据 安装 cnpm install vue-resource --save => ...

  • vue 构建单页应用6

    父组件给子组件传值 父组件在模板上调用子组件时,在标签上给子组件绑定属性。

  • vue 构建单页应用3

    事件调用方法时传递参数 代码 v-on:事件="调用方法(参数列表)" 可以简写为 @事件="方法(参数)" 第一...

  • vue 构建单页应用 4

    组件 组件都放在 /src/components/ 下 组件建议使用大写字母开头,驼峰命名法,后缀名为 .vue ...

  • Vue 构建单页应用 1

    简介和对比 Vue Angular React 都是基于 “单页面组件化” 思想的前端框架。 安装脚手架 必须安装...

网友评论

    本文标题:vue+django构建单页博客

    本文链接:https://www.haomeiwen.com/subject/bffdgttx.html