Django 简单入门（一）

深碍√TFBOYSˉ_ 2024-02-18 12:12 6阅读 0赞

### 一、配置虚拟环境 ###

1、安装虚拟环境库vitualenv 与vitualenvwrapper-win

2、创建虚拟环境 myenv

3、在此环境中安装django

###    二、创建一个Django项目 ###

1、使用命令来创建：django-admin startproject Django2023 工程名为Django2023

2、 使用PyCharm专业版创建Django项目

> |Django2023 项目根目录  
> ├── user 应用名称  
> │ ├── migrations 数据模型迁移记录目录  
> │ │ └── \_\_init\_\_.py inti文件，标识当前所在的数据模型迁移记录目录是一个 │ ├──templates 模板资源（自己创建）
> 
> │ ├──static 静态资源（自己创建）  
> │ ├── \_\_init\_\_.py init文件，标识当前所在的应用目录是一个 Python 包  
> │ ├── admin.py Django Admin 应用的配置文件  
> │ ├── apps.py 应用程序本身的属性配置文件  
> │ ├── models.py 用于定义应用中所需要的数据表的配置文件  
> │ ├── tests.py 用于编写当前应用程序的单元测试的测试文件  
> │ └── views.py 用来定义视图处理函数的文件  
> ├── Django2023 项目名称  
> │ ├── \_\_init\_\_.py init文件，标识当前所在的项目目录是一个 Python 包  
> │ ├── settings.py 项目配置文件  
> │ ├── urls.py url路径文件  
> │ └── wsgi.py WSGI服务器程序的入口文件  
> └── manage.py 命令行工具文件

![7f45adbae3674da8a632e8f849795333.png][]

####  **3、测试服务器启动** ####

1) 使用PyCharm专业版启动

2) 使用命令执行启动

> python manage.py runserver \[ip:port\]
> 
> 直接运行，默认的端口：8000

![0cdbf9d68da44bb5be2a75bf231161fd.png][]

> 修改端口号： python manage.py runserver 8008

![1baf5947837f4aa098e5a72d56bb5b1a.png][]

> 退出运行：ctrl+C

![0ab8dd5a0e124f31bb54c9adcd75fe05.png][]

####  **4、数据迁移** ####

**迁移：就是将模型映射到数据库的过程**

> 生成迁移文件
> 
> python manage.py makemigrations

> 执行迁移
> 
> python manage.py migrate

![88228e67006841768a5c51f6d4b1d40f.png][]

**注意：配置数据库（使用默认的SQLite）**

![0f6bfc666f5a4f5cb57752b3d0b4c66c.png][]

**选择SQLite**

![f6cde7b11618489bb23f82d5af583b70.png][]

**测试配置的数据库**

![b6d2ad6984814783900b475fbca968c8.png][]

**打开数据库**

![84e32bb692c841d49cb73fc070ca0ddc.png][]

####  **5、创建子应用** ####

> **python manage.py startapp App（子应用名称）**

![8cbba08943bb4e32bcf48bf36c7f154c.png][]

####  **6、基本视图** ####

**（1）在views.py文件中 写视图函数**

![958c843296364a749876008504685267.png][]

**（2）配置urls**

![7278b27a8c154368bce4ad1ed40387a7.png][]

**(3) 测试**

![457c03a935b34eb08794ad7f03b1cce4.png][]

**(4) 访问页面：localhost:8000/index/**![9355c69151c14a76bdceb6871175f0a4.png][]

####  **7、基本模板** ####

**(1) 在views.py文件**

from django.shortcuts import render
    
    # Create your views here.
    from django.http import HttpResponse
    #视图函数views
    
    
    def index(request):
        pass
    
        # （2） 模板引擎渲染响应
        return render(request,template_name='index.html')

**（2）创建templates目录下创建html文件**

![6840c5ca3870452d95d3fca999c548dd.png][]

**（3）配置urls （同上）**

**(4) 访问页面：localhost:8000/index/**

![f2d3d030659e4ff288462b0e0a15995c.png][]

#### 如何在模板中加载图片展示  ####

**（1）同7操作一样**

**（2）创建static目录下存放图片目录imgs下pic.png图片**

![7c437010afd84109b38588e091d8a0fe.png][]

**（3）在setting中配置静态资源（图片如上）**

#配置静态html,js,css,图片等
    STATICFILES_DIRS=[
        os.path.join(BASE_DIR,'static')
    ]

**（4）在index.html文件中进行图片加载**

{% load static %}
    {#在模板中加载自定义标记#}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>渲染模板</title>
    </head>
    <body>
    <h1>Hello Use Render!!!</h1>
    <img src="{% static 'imgs/pic.png' %}">
    bear!!!
    </body>
    </html>

**（5）运行效果**

![f48dcbb600c54c2a9a81e87c55c65830.png][]

[7f45adbae3674da8a632e8f849795333.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/a9f595f1645540efa146be663ccd5c6a.png
[0cdbf9d68da44bb5be2a75bf231161fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/718dc9b81f734fe692ead685f3d4f2b1.png
[1baf5947837f4aa098e5a72d56bb5b1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/bacde70175664396b437c0ac31118e4b.png
[0ab8dd5a0e124f31bb54c9adcd75fe05.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/0b721a79da3c4641b0a9843ab6dd1073.png
[88228e67006841768a5c51f6d4b1d40f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/fe178a507972404694e15dd64dbac8af.png
[0f6bfc666f5a4f5cb57752b3d0b4c66c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/8b52eb6503984178bd3e6e7fac368291.png
[f6cde7b11618489bb23f82d5af583b70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/ba8ada39c133409cb0d873ae64c3c363.png
[b6d2ad6984814783900b475fbca968c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/3e47e4f3557e425dbf81a48f244ab8ab.png
[84e32bb692c841d49cb73fc070ca0ddc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/354176bff5cc46a6b839893a699a9c01.png
[8cbba08943bb4e32bcf48bf36c7f154c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/5482cde0efbd4d2fa2ca2c9bad37018f.png
[958c843296364a749876008504685267.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/eddcd2fbcfd34fb8aaa89e1025703278.png
[7278b27a8c154368bce4ad1ed40387a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/3f119da993f14501a8ebcd897e7a4b6d.png
[457c03a935b34eb08794ad7f03b1cce4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/1e4cb7d068934709a930290784987d18.png
[9355c69151c14a76bdceb6871175f0a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/b6cfe97addeb4546972124745e926b4b.png
[6840c5ca3870452d95d3fca999c548dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/7ed00b97a1d84b06af6927c8ee4ce0a1.png
[f2d3d030659e4ff288462b0e0a15995c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/e9bda4ae5d4e4ac39ab3feab1761a5dd.png
[7c437010afd84109b38588e091d8a0fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/c940caf254ca4bdcb03e3c81a1307433.png
[f48dcbb600c54c2a9a81e87c55c65830.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/ad66861aa8164e4ea8a5823a97459b5a.png