[Django 教程——目录](https://supermain.oier.space/post/django-menu) ## 显示长一点的网页下午好各位！现在是14:40，我今天早上可谓时运不济，路由器坏掉了······ 然后我就在下午跑到我老爸公司来写博客了！今天我们要来写一个真正的网页——总不能只有一个标题吧！可能略微对 `Python` 小有了解的同志就跑出来了：这题我会！ ```python def index(request): return HttpResponse("""

欢迎来到笔记本网站！

这是 SuperWater 组织编写的项目

本网站主要是给广大 OIers 编写

如果有什么问题请联系 SuperMain

""") ``` 好吧，请不要把代码复制到文件里去。我们可以用这个方法再写一个**稍大**的项目： ```python def index(request): return HttpResponse(""" {% load static %} {% block title %}{% endblock %} {% block content %}{% endblock %} """) ``` 前端非常开心，并允许让你先跑39米。所以说，我们这时要 ~~请如来佛祖~~ 使用昨天我们提到的 `render` 小弟。如果我们昨天注意一点的话，会发现 `render` 小弟已经被 `views.py` 提前导入了： ```python from django.shortcuts import render ``` 所以说导入就不需要我们写了。然后，它的用法也极其简单： ```python return render(request, "note/index.html") ``` 小弟需要两个参数：`request`，和 `HTMl` 文件所在的位置。 `request` 是固定的，就是视图函数参数里必须要的那个 `request`。 > TIPS：其实不加好像也可以，不过可能会有一些玄学 Bug······还是加一下为好。 `HTML` 文件所在的位置呢，则需要我们自己手动设置一下。 > TIPS：为什么要在前面加个 `note/` 呢？如果不加的后果，请参照上一篇的 `APP` 之间的 `URL` 大战。打开 `<你的项目名>/settings.py`，我们看一下 `TEMPLATES` 列表下的那个字典。这个字典有一个参数叫做 `DIRS`，是一个空字典。然后我们要往里面添加我们要储存 `HTML` 文件的地方。如何指定位置呢？我们要请出我们的 `os` 同学。这个 `os` 同学，它不是我们 `Django` 帮的一部分，但是当我们要指定一个文件夹的位置时需要这位同学来帮忙。首先先邀请我们的 `os` 同学来这里帮忙： ```python import os ``` 请把它写在开头那里。然后，我们要将我们要存 `HTML` 文件的地方放在 `DIRS` 里面： ```python 'DIRS': [os.path.join(BASE_DIR, 'templates/')], ``` 这句话的意思，是将 `BASE_DIR` 和 `templates/` 拼在一起，组成一个路径。这个路径，就是让我们放 `HTML` 脚本的位置。这个路径，对应的就是 `templates/`。所以说，我们的 `HTML` 脚本都要放在这里。我们先在项目文件夹下创建一个文件夹，就是刚才设定的 `templates/`，然后再创建 `note/index.html`。现在，开始写我们的 `HTML` 脚本吧： ```html SuperWater Note

欢迎来到笔记本网站！

这是一个可以用来整理OI笔记的网站。

优势：

暂时没有想好

``` > TIPS：如果看不懂，推荐[菜鸟教程](https://www.runoob.com/html/html-tutorial.html) 上面是一个简简单单的 `HTML` 脚本。我们现在启动看看： ```shell python manage.py runserver ``` 访问 `http://127.0.0.1:8000/note/`： ![](https://s3.bmp.ovh/imgs/2022/05/28/653a076858cf8553.png) 真不错！ ## 在视图函数里操作我们的 `model` 好的，现在我们要实现一个丑陋的查看笔记功能。首先，我们要先创建一个新的视图函数：`look()` ```python from .models import Note def look(request): note = Note.objects.get(id=1) return render(request, 'note/look.html', context={'note': note}) ``` `Line 1`：我们先要将我们的 `model` 毕恭毕敬的请过来，然后才能操作。 `Line 4`：将我们的 `model` 请过来之后，必定要干一些操作。我们本次的需求是查看笔记，所以我们要获取笔记。我们的老大哥 `Django` 给了我们敬爱的 `model` 一个小弟：`objects`，它可以帮助我们的 `model` 来这个 `model` 下面的所有具体的“同学信息”这一类玩意。而这个 `objects` 还有一些小弟，来负责对应的功能。我们比较常用的有两个： `all()`，负责获取所有的下属信息（对应笔记这个 `model`，就是所有的笔记） `get()`，负责获取特定的下属信息（要在里面提供参数）在此处，我们使用的是 `get()`。 `get()` 里面的参数都对应着 `model` 里面的一个参数，例如 `note_text`，`title`，`date` 这种玩意。不对！`id` 是个什么牛马？ `id` 这玩意是咱们 `Django` 老大哥赐予我们全体 `model` 的一个参数，你越往后创立，`id` 就越大。通常，我们用这玩意来提取特定的 `model`，因为这玩意绝对不会重复。然后，我们提取到了我们的数据了，该交给 `HTML` 脚本显示了。 `Line 5`：然后，就是 `render()` 一把龙······停！`context` 是什么？ `Django` 老大哥也考虑到了我们要往我们的 `HTML` 脚本里面传数据，所以说便给我们的 `render()` 函数加了个接口，让我们可以将一个字典传进 `HTML` 脚本里，没错，这个接口，就是 `context`。就是这样！ ## 如何让 `HTML` 脚本调用我们传过来的数据好了，我们现在要创立 `note/look.html` 这个 `HTML` 脚本了。然后创立之后，**我们如何调用我们 `context` ~~拼死拼活~~传过来的数据呢？** 好吧，又要涉及到一些属于 `Django` 的专属内容了。我们来看看 `HTML` 脚本该怎么写： ```html 查看信息

``` 其实没有什么可讲的，主要就是两行： ```html

``` `Line 1`：`{{ note.title }}` 就是我们如何调用 `context` 传过来的数据。我们要调用 `context` 传过来的数据，就要在外面加上一层：`{{ }}` > TIPS：不要忽略空格，必须要在这两层大括号的中间，我们可以直接使用 `Python` 的变量调用语法。 `Line 2`：`{{ note.node_text }}` 我理解，`|linebreaksbr` 是个什么玩意？我们可以试验一下不加这玩意的效果： ![](https://s3.bmp.ovh/imgs/2022/05/28/29dcdba7279918fb.png) 可见，没有换行。然后，我们加上这个玩意： ![](https://s3.bmp.ovh/imgs/2022/05/28/7f3202ebfb355531.png) 好耶！有换行了。所以大概可以理解 `|linebreaksbr` 是用来干什么的吧？ ## URL 然后，就是传统艺能 `URL` 了。没什么好讲的。 ```python path('look/1/', views.look, name="look"), ``` 之所以要加一个 `1/`，是因为这是第一篇笔记。 > TIPS：在访问前，请现在管理员页面添加一则笔记不过挖一个明天填的坑：**那么，不就只能访问第一篇笔记了吗？** 好了，今天就到这里了（打开新宝岛） [下一篇教程](https://supermain.oier.space/post/django-4)

Django 教程——写一个长一点的网页

Hello8693

公告

归档