从零开始搭建Django+vue前后端分离项目

此博客仅是记录学习的过程！！！

今天也是又又又一次开始减肥的第一天！！！

减肥要加油～学习也要加油～

备注：附上完整的项目结构+页面展示

一、环境准备

• python3.x版本 python3 --version

django3版本 python3 -m django --version 

• node "brew install node"/node官网下载

• mysql

二、新建django项目

方法1:

1.创建项目：django-admin startproject book_project

2.再新建app：

进入项目根目录：

cd book_project

python3 manage.py startapp book

方法2: pycharm---推荐

项目目录结构

三、后端准备

3.1、更改settings配置

3.1.1、更改数据库配置

在book_project下的settings.py配置文件中，把默认的sqllite3数据库换成我们的mysql数据库

3.1.2、导入pymysql包

在项目setting文件同级__init__.py文件下加入

1 import pymysql
2 pymysql.version_info=(1,3,13,"final",0)
3 pymysql.install_as_MySQLdb()

3.1.3、更改installed_apps

将创建的app加入到installed_apps里面

3.2、创建model

 1 from __future__ import unicode_literals
 2 from django.db import models
 3 
 4 # Create your models here.
 5 
 6 class Book(models.Model):
 7     book_name = models.CharField(max_length=64)
 8     add_time = models.DateTimeField(auto_now_add=True)
 9 
10     def __unicode__(self):
11         return self.book_name

3.3、新增接口

在app目录下的views里我们新增两个接口，一个是show_books返回所有的书籍列表(通过JsonResponse返回能被前端识别的json格式数据)，二是add_book接受一个get请求，往数据库里添加一条book数据

 1 from django.shortcuts import render
 2 
 3 # Create your views here.
 4 from book.models import Book
 5 from django.views.decorators.http import require_http_methods
 6 from django.http import JsonResponse
 7 from django.core import serializers
 8 import json
 9 
10 # Create your views here.
11 @require_http_methods(["GET"])
12 def add_book(request):
13     response = {}
14     try:
15         book = Book(book_name=request.GET.get('book_name'))
16         book.save()
17         response['msg'] = 'success'
18         response[&