【Django】编写第一个应用——3 管理页面

叁歲伎倆 2023-01-21 06:21 30阅读 0赞

**设计哲学**

> 为你的员工或客户生成一个用户添加，修改和删除内容的后台是一项缺乏创造性和乏味的工作。因此，Django 全自动地根据模型创建后台界面。

> Django 产生于一个公众页面和内容发布者页面完全分离的新闻类站点的开发过程中。站点管理人员使用管理系统来添加新闻、事件和体育时讯等，这些添加的内容被显示在公众页面上。Django 通过为站点管理人员创建统一的内容编辑界面解决了这个问题。

> 管理界面不是为了网站的访问者，而是为管理者准备的。

# 一、创建一个管理员账号 #

打开命令行工具，进入mysite所在目录下，即`manage.py`同级目录下。

首先，我们得创建一个能登录管理页面的用户。请运行下面的命令：

python manage.py createsuperuser

键入你想要使用的用户名，然后按下回车键：

Username: admin

然后提示你输入想要使用的邮件地址：

Email address: admin@example.com

最后一步是输入密码。你会被要求输入两次密码，第二次的目的是为了确认第一次输入的确实是你想要的密码。

Password:
    Password (again):
    Superuser created successfully.

出现一下内容说明创建成功。

# 二、启动开发服务器 #

Django 的管理界面默认就是启用的。让我们启动开发服务器，看看它到底是什么样的。

如果开发服务器未启动，用以下命令启动它：

python manage.py runserver

现在，打开浏览器，转到你本地域名的 “/admin/” 目录， – 比如 “http://127.0.0.1:8000/admin/” 。你应该会看见管理员登录界面：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70]  
因为[翻译][Link 1]功能默认是开着的，所以登录界面可能会使用你的语言，取决于你浏览器的设置和 Django 是否拥有你语言的翻译。

# 三、进入管理站点页面 #

现在，试着使用你在上一步中创建的超级用户来登录。然后你将会看到 Django 管理页面的索引页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 1]  
你将会看到几种可编辑的内容：组和用户。它们是由 [django.contrib.auth][] 提供的，这是 Django 开发的认证框架。

# 向管理页面中加入投票应用 #

但是我们的投票应用在哪呢？它没在索引页面里显示。

只需要做一件事：我们得告诉管理页面，问题 **Question** 对象需要被管理。打开 **polls/admin.py** 文件，把它编辑成下面这样：

from django.contrib import admin
    
    from .models import Question
    
    admin.site.register(Question)

改完代码后，刷新一下页面即可。

现在我们向管理页面注册了问题 **Question** 类。Django 知道它应该被显示在索引页里：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 2]  
点击 “Questions” 。现在看到是问题 “Questions” 对象的列表 “change list” 。这个界面会显示所有数据库里的问题 Question 对象，你可以选择一个来修改。这里现在有我们在上一部分中创建的 “What’s up?” 问题。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 3]  
点击 “What’s up?” 来编辑这个问题（Question）对象：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 4]  
**注意事项：**

*  这个表单是从问题 Question 模型中自动生成的
 *  不同的字段类型（日期时间字段 **DateTimeField** 、字符字段 **CharField**）会生成对应的 HTML 输入控件。每个类型的字段都知道它们该如何在管理页面里显示自己。
 *  每个日期时间字段 **DateTimeField** 都有 JavaScript 写的快捷按钮。日期有转到今天（Today）的快捷按钮和一个弹出式日历界面。时间有设为现在（Now）的快捷按钮和一个列出常用时间的方便的弹出式列表。

**页面的底部提供了几个选项：**

*  保存（Save） - 保存改变，然后返回对象列表。
 *  保存并继续编辑（Save and continue editing） - 保存改变，然后重新载入当前对象的修改界面。
 *  保存并新增（Save and add another） - 保存改变，然后添加一个新的空对象并载入修改界面。
 *  删除（Delete） - 显示一个确认删除页面。

如果显示的 “发布日期(Date Published)” 和创建它们的时间不一致，这意味着你可能没有正确的设置 TIME\_ZONE 。改变设置，然后重新载入页面看看是否显示了正确的值。

通过点击 “今天(Today)” 和 “现在(Now)” 按钮改变 “发布日期(Date Published)”。然后点击 “保存并继续编辑(Save and add another)”按钮。然后点击右上角的 “历史(History)”按钮。你会看到一个列出了所有通过 Django 管理页面对当前对象进行的改变的页面，其中列出了时间戳和进行修改操作的用户名：

![在这里插入图片描述][20210516193500277.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70]: /images/20221020/710d3e6eea744ef5b9c93b8b98c5fc8c.png
[Link 1]: https://docs.djangoproject.com/zh-hans/2.0/topics/i18n/translation/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 1]: /images/20221020/95652ac1ee4748dcb69722b2a5d00922.png
[django.contrib.auth]: https://docs.djangoproject.com/zh-hans/2.0/topics/auth/#module-django.contrib.auth
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 2]: /images/20221020/8372c30d292a4957bdcfa9083403bd79.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 3]: /images/20221020/d1c7e11e88f14138941ab408ae13829d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NlZV9TdGFy_size_16_color_FFFFFF_t_70 4]: /images/20221020/29e87c87606d4b50994a2e221f29b36f.png
[20210516193500277.png]: /images/20221020/3e96b4be5c724284a22c1020526d1257.png