Django_Vue3_ElementUI_Release_001_项目初始化

1. 数据库

1.1 安装

https://blog.csdn.net/rbx508780/article/details/127176754

1.2 创建数据库

1.3 DBeaver可视化数据库

https://dbeaver.io/download/

2 安装Python(3.9.12)

2.1 下载地址

https://www.python.org/downloads/release/python-3912/

2.2 设定国内源

pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple

3. Django项目初始化

3.1 环境准备

3.1.1 创建虚拟环境

“virtualenv.exe” E:\project2024\shopping_car\shopping_car_back\env

3.1.2 安装Django

“pip.exe” install Django==4.1.7

3.1.3 验证是否成功

import django
print(django.__version__)

3.2 创建Django项目

3.2.1 创建项目

先cd到项目目录
[django-admin.exe path] startproject chapter01_myDjango

3.2.2 创建App

cd到项目文件夹下
首页app
[python.exe path] [manage.py path] startapp index
商品app
[python.exe path] [manage.py path] startapp Item
购物车app
[python.exe path] [manage.py path] startapp cart

3.2.3 启动服务

3.2.3.1 Django命令启动服务

3.2.3.1 vscode启动服务

vscode安装Django插件

vscode启动调试

3.2.4 查看首页

3.3 第一个页面

3.3.1 开发index.views

3.3.2 配置index路由

3.3.3 页面验证

3.3.4 开发调试

3.3.4.1 设置断点

3.3.4.2 查看debug信息

3.4 创建项目

3.4.1 创建项目相关目录

3.4.2 配置settings

3.4.2.1 配置app

3.4.2.2 配置templates

3.4.2.3 添加本地化中间件

3.4.2.4 配置mysql数据库

3.4.2.4.1 安装mysqlclient

3.4.2.4.2 settings.py配置数据库

3.4.2.4.3 扩建user表

from django.db import models# Create your models here.
from django.db import models
from django.contrib.auth.models import AbstractUser
#用auth组件,需要继承 AbstractUser
class UserInfo(AbstractUser):'''用户信息'''nid = models.AutoField(primary_key=True)telephone =models.CharField(max_length=11,null=True,unique=True)gender =models.CharField(max_length=10,null=True,unique=True)create_time =models.DateTimeField(verbose_name='创建时间',auto_now_add=True)#重写了 str方法,打印的时候,会显示username并def str (self):return self.username

3.4.2.4.4 验证是否成功

3.4.2.5 配置静态和动态资源

3.4.2.5.1 配置settings.py

3.4.2.5.2 配置media的路由

from django.contrib import admin
from django.urls import path
from index.views import indexurlpatterns = [path('admin/', admin.site.urls),path('index/',index)re_path('media/(?P<path>.*)',serve,{'document_root':settings.MEDIA_ROOT},name='media'),
]

3.4.2.5.3 验证是否配置成功

在目录下分别放置两个文件用以验证

输入验证media的网址链接

输入验证static的网址链接

Next plan:
2. 创建model及数据库迁移
3. 登陆页面路由配置及接口开发
4. postman测试接口
5. 代码review及知识卡片
6. 创建前端vue项目及初始化
7. 前后端联调测试
8. 代码review及知识卡片
9. mysql安装知识卡片