Django项目

DjangoProject _3_.png

1.安装Django

1
2
3
4
5
6
pip install django

# Python终端验证安装
>>> import django
>>> django.get_version()
'4.1.1'

1.1终端创建Django项目

1
django-admin startproject DjangoProject

目录结构：

1
2
3
4
5
6
7
8
9
10
$ cd DjangoProject/
$ tree
.
|-- DjangoProject
|   |-- __init__.py
|   |-- asgi.py
|   |-- settings.py
|   |-- urls.py
|   `-- wsgi.py
`-- manage.py

目录说明：

  • DjangoProject: 项目容器
  • manage.py: 命令行工具
  • DjangoProject/ init .py: 告诉Python该目录为Python包
  • DjangoProject/asgi.py: ASGI兼容的Web服务器入口，以便项目运行
  • DjangoProject/settings.py: 当前项目的配置文件
  • DjangoProject/urls.py: 当前项目的URL声明，由Django驱动的网站”目录“
  • DjangoProject/wsgi.py: WSGI兼容的Web服务器入口，以便项目运行

1.2PyCharm创建Django项目

配置启动项：

image-20220921093707281

image-20220921093738030

运行即可自动启动项目。

2. 创建可以在浏览器查看的页面

2.1 创建并注册APP

2.1.1创建APP

Pycharm左上角目录>工具>运行 manage.py 任务：

​ 在启动的窗口中

1
manage.py@djangoProject2 > startapp app01

新建app目录如下：

image-20220921095606996

2.1.2 注册APP

找到DjangoProject/settings.py > INSTALLED_APPS

加入以下内容

image-20220921095951467

2.2 启动项目

终端启动（Pycharm直接运行项目即可）：

1
python manage.py runserver 8888

出现链接http://127.0.0.1:8888/点击跳转后：

image-20220921100325923

Django项目启动成功。

3.创建可访问页面

3.1在APP文件夹下创建templates和static文件夹

templates：用于存放html文件。

static：用于存放静态文件。

3.1.1 于templates下新建html文件（如：test.html）

image-20220921101233013

3.1.2 于static下新建css目录与js目录

(1)在CSS目录下新建bootstrap的bootstrap.min.css文件

将https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.1/css/bootstrap.min.css 复制进入新建的bootstrap.min.css中

(2)在JS目录下新建boostrap.bundle.min.js

将https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.1/js/bootstrap.bundle.min.js 复制进新建的bootstrap.bundle.min.js中

image-20220921101843485

3.1.3 于html文件中引入js和css文件并增添内容

(1) 将html改为以下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
+ {% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
+   <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" />
</head>
<body>
+ <div class="container">
+    <nav class="navbar navbar-light bg-light">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="#">
+                <img src="https://v5.bootcss.com/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24"
+                     class="d-inline-block align-text-top">
+                Bootstrap
+            </a>
+        </div>
+    </nav>
+ </div>
</body>
+<script src="{% static 'js/boostrap.bundle.min.js' %}"></script>
</html>

3.2 使新增的html可访问

3.2.1 新建视图函数

打开APP中的views.py文件

增加以下代码：

1
2
def newtest(request):
	return render(request, 'test.html')
3.2.2 配置URL绑定视图函数

打开项目中的urls.py文件

(1)从app中import views

1
from app01 import views	# app01是新建的app名

(2)在urlpatterns列表下新增path

1
path('test/', views.newtest),	# test/为你需要访问的url
3.2.2.1 path函数：

Django path() 可以接收四个参数，分别是两个必选参数：route、view 和两个可选参数：kwargs、name。

语法格式：

1
path(route, view, kwargs=None, name=None)
  • route: 字符串，表示 URL 规则，与之匹配的 URL 会执行对应的第二个参数 view。
  • view: 用于执行与正则表达式匹配的 URL 请求。
  • kwargs: 视图使用的字典类型的参数。
  • name: 用来反向获取 URL。
3.2.3 访问新建的页面
3.2.3.1 浏览器访问 127.0.0.1:8888

页面变为：

image-20220921103728982

可以看到已经可以访问以下URL：

1.admin/

2.test/

3.2.3.2 访问127.0.0.1:8888/test/

image-20220921104118986

到这里，以及完成项目的建立和运行，以及URL和视图函数的配置与绑定。