Django+Vue:搭建个人博客(1)

个人Blog开发流程

  • 项目地址
  • 分析博客页面
  • 分析博客功能
  • 创建项目
  • 运行项目

项目地址

源码地址

分析博客页面

1)完成网站的模块划分及网站功能结构

2)模板使用前端框架Vue.js实现,利用前端组件实现页面构造

3)分析模块当中的数据模型,确定模型类当中的字段

4)运行环境:Mysql + python3.6.5

分析博客功能

1)用户模块的注册登录,增删改查,模型类的继承,(form验证)放在Vue里面解决

2)一篇文章有一个作者,多个标签,一种类型,添加评论,浏览量,文章点赞(字段之间的关系,如:一对多 多对多)

3)文章排行榜,归档

4)标签云

5)文章分页,,文章详情页

6)添加删除文章,个人中心,管理博客,我的关注,我的收藏,账号设置,我的下载

7)用户上传文件及提供其他用户下载(权限),根据需求后需添加功能

创建项目

1)安装django: pip install django,输入以下命令创建django项目

django-admin startproject JageBlog

2)切换到创建目录下,创建一个新的app(users):

cd jageblog
django-admin startapp users

如下图:
Django+Vue:搭建个人博客(1)_第1张图片

运行项目

1)将app添加到settings.py中的INSTALLED_APPS:

INSTALLED_APPS = [
    ...,
    'users'
]

2)在app中的views.py中编写视图方法:

from django.shortcuts import render, HttpResponse

# Create your views here.

def index(request):
    return HttpResponse("Hello, CSND")

3)在urls.py中引用:

from users import views

urlpatterns = [
    ...,
    path('', views.index, name='index')
]

4)启动项目:

python manage.py runserver 8000

就能在本机的8000端口下面访问到。
Django+Vue:搭建个人博客(1)_第2张图片
到此最简单的django项目就完成了。

你可能感兴趣的:(Django+Vue:搭建个人博客(1))