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 添加本地化中间件

在这里插入图片描述

更多本地化相关参考博客
https://blog.csdn.net/weixin_52908342/article/details/138478015

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 验证是否成功
[python path] [manage.py path] migration
[python path] [manage.py path] migrate

在这里插入图片描述
在这里插入图片描述

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 index

urlpatterns = [
    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的网址链接
在这里插入图片描述

本门课程重实战,将基础知识拆解到项目里,让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力,时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点,放在项目里去理解就恍然大悟了。   一、融汇贯通 本视频采用了前后端分离的开发模式,前端使用Vue.js+Element UI实现了Web页面的呈现,后端使用Python 的Django框架实现了数据访问的接口,前端通过Axios访问后端接口获得数据。在学习完本章节后,真正理解前后端的各自承担的工作。   二、贴近实战 本系列课程为练手项目实战:学生管理系统v4.0的开发,项目包含了如下几个内容:项目的总体介绍、基本功能的演示、Vuejs的初始化Element UI的使用、在Django中实现针对数据的增删改查的接口、在Vuejs中实现前端增删改查的调用、实现文件的上传、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等,所有的功能都通过演示完成、贴近了实战   三、课程亮点 在本案例中,最大的亮点在于前后端做了分离,真正理解前后端的各自承担的工作。前端如何和后端交互   适合人群: 1、有Python语言基础、web前端基础,想要深入学习Python Web框架的朋友; 2、有Django基础,但是想学习企业级项目实战的朋友; 3、有MySQL数据库基础的朋友  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

机器人迈克猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值