初学Django：建立第一个项目+使用模板

时间 2019-11-08

标签初学 django 建立第一个项目使用模板栏目 Python 繁體版

原文原文链接

1. 建立一个项目html

以前在Anaconda 3里面用命令行安装了Django以后，有了可用的管理工具django-admin.py正则表达式

（1）用django.admin.py来建立一个项目Helloworlddjango

（2）查看项目的目录结构windows

由于是windows环境，因此只展现了一层。浏览器

（3）在目录下输入命令启动服务器服务器

启动正常函数

（4）视图和URL配置工具

在先前建立的 HelloWorld 目录下的 HelloWorld 目录新建一个 view.py 文件，并输入代码：url

1 from django.http import HttpResponse
2 
3 def hello(request):
4     return HttpResponse("Hello world !!! ")

接着，绑定 URL 与视图函数。打开 urls.py 文件，注释掉以前代码，将如下代码复制粘贴到 urls.py 文件中：spa

 1 # from django.contrib import admin
 2 # from django.urls import path
 3 #
 4 # urlpatterns = [
 5 #     path('admin/', admin.site.urls),
 6 # ]
 7 
 8 from django.conf.urls import url
 9 from . import view
10 
11 # 匹配模式 统一资源定位
12 urlpatterns = [
13     url(r'^$', view.hello)
14 ]
15 # 正则表达式 ^$表示匹配一行的首和尾

（5）完成后，启动 Django 开发服务器，并在浏览器访问打开浏览器并访问

2. 使用模板

（1）在 HelloWorld 目录底下建立 templates 目录并创建 hello.html文件

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5 
 6 </head>
 7 <body>
 8     <h1>{{ hello }}</h1>
 9 </body>
10 </html>

这里定义了一个hello变量，使用的是双括号。

（2）向Django说明模板文件的路径，修改HelloWorld/settings.py，修改 TEMPLATES 中的 DIRS 为 [BASE_DIR+"/templates",]

（3）修改 view.py，增长一个新的对象，用于向模板提交数据

1 from django.shortcuts import render
2 
3 def hello(request):
4     context = {}
5     context['hello'] = 'Hello World! using templates'
6     # render 渲染
7     return render(request, 'hello.html', context)

使用 render 来替代以前使用的 HttpResponse。

render 还使用了一个字典 context 做为参数。

context 字典中元素的键值 "hello" 对应了模板中的变量 "{{ hello }}"。

注：此处上传不了图片

3. 模板继承实现复现

在以前建立的 templates 目录中添加 base.html 文件

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>runoob.com</title>
 6 </head>
 7 <body>
 8     <h1>hello world! using templates2</h1>
 9     <p>Django test</p>
10     {% block mainbody %}
11         <p>original</p>
12     {% endblock %}
13 </body>
14 </html>

以上代码中，名为 mainbody 的 block 标签是能够被继承者们替换掉的部分。

全部的 {% block %} 标签告诉模板引擎，子模板能够重载这些部分。

hello.html 中继承 base.html，并替换特定 block，hello.html 修改后的代码以下

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5 
 6 </head>
 7 <body>
 8     {% extends "base.html" %}
 9 
10     {% block mainbody %}<p>继承了 base.html 文件</p>
11     {% endblock %}
12 
13 </body>
14 </html>

hello.html 继承了 base.html 文件。

能够看到，这里相同名字的 block 标签用以替换 base.html 的相应 block。

注：此处上传不了图片

4. 在pycharm中配置变量，直接运行
在Debug Configurations中Script parameters中输入runserver 0.0.0.0:8000，为了能够直接点击Run中连接进行跳转，将其改成runserver localhost:8000

注：无法截图了