案例源码:
后端: https://github.com/zhaorch/DRFtutorial
前端: https://github.com/zhaorch/shanks-vue
环境搭建
本案例在Windows下开发,后面部署到Linux
自行安装Python 和 PyCharm,查看python版本,这里使用python3.7.3

安装虚拟环境工具包
pip install virtualenv
pip install virtualenvwrapper-win
创建虚拟环境
mkvirtualenv tutorial
workon # 用来查看所有虚拟环境
workon tutorial # 使用tutorial虚拟环境
deactivate # 退出当前虚拟环境

pip list 查看当前虚拟环境中包含的包

pip freeze>requirements.txt 当前包导出到文件
pip install -r requirements.txt 从文件安装包
安装DRF
pip install django
pip installdjangorestframework



创建项目
django-admin startproject MyProject . #注意后面有个点
django-admin startapp school #创建应用程序(学校)

关联github
Github上自行创建版本库
增加 .gitignore文件,内容可随意参照网上的案例。
git init
git add .
git commit -m "firstcommit"
git remote add origingit@github.com:zhaorch/DRFtutorial.git
git push -u origin master

PyCharm的使用
打开项目:
FILE – OPEN—选择DRFtutorial


关联虚拟环境
FILE—SETTINGS—Project:DRFtutorial—Project
Interpreter—小齿轮菜单ADD—选择虚拟环境路径中的python.exe:C:\Users\ZRC\Envs\tutorial\Scripts\python.exe – OK
可使用PyCharm轻松的进行git操作,在Version Control 面板,此处不再介绍
编写Model、Serializer、ViewSet




settings配置及url配置


默认分页

TOOLS – RUN MANAGE.PY TASK
makemigrations #实际就是 python manage.py makemigrations 此后用PyCharm来完成
migrate
运行项目

创建管理员账户并登陆admin后台
createsuperuser
后台注册管理Grade模块


数据展示
后台admin增加几条记录后再次访问:

http://127.0.0.1:8000/grades/2/

数据库查看

可以发现时间是错的,修改setting配置文件

可以看到新增的高三六班时间正确了

网友评论