安装Django
-
查看Django版本
-
创建项目djangoProject
-
尝试运行服务
-
创建一个Django应用
python3 manage.py startapp testapp
创建成功后目录如下:
- 创建前端页面
前端页面在vue-admin-template的模板基础上进行开发,下载并安装依赖
下载 git clone https://github.com/PanJiaChen/vue-element-admin.git
安装依赖 npm install
- 实现前后端交互
构建前端资源页面的入口,构建成功后生成static文件夹,index.html
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
settings.py中配置静态资源文件路径:
STATIC_URL = 'static/'
- 配置数据库
修改settings.py文件
在testapp/models.py创建数据表对应的python类,提交修改并完成迁移
from django.db import models
#用户表
class User(models.Model):
user_id = models.CharField(max_length=11)
user_name = models.CharField(max_length=8)
user_password = models.CharField(max_length=12)
user_tel = models.CharField(max_length=11)
user_mail = models.CharField(max_length=30)
user_datetime = models.DateTimeField()
user_identity = models.CharField(max_length=10)
user_isdeleted = models.IntegerField(default=0)
初始化sqlite,完成迁移
- 在testapp/views.py中渲染前端页面,实现后端业务逻辑
渲染前端页面:
from django.shortcuts import render
def index(request):
return render(request, 'index.html')
配置前端请求接口的url:
修改项目下的urls.py文件:
urlpatterns = [
path('', views.index, name='index'),
]