码迷,mamicode.com
首页 > 其他好文 > 详细

Django基础7--模板系统

时间:2020-09-10 22:55:59      阅读:37      评论:0      收藏:0      [点我收藏+]

标签:har   访问   页面   tle   统一   www   mod   cascade   register   

1.使用模板系统
  • 在之前的model.py文件中新增加Detail
from django.db import models

# Create your models here.


class ProjectInfo(models.Model):
    """ 项目信息模型 """
    project_name = models.CharField(max_length=30)
    dev = models.CharField(max_length=20)
    tester = models.CharField(max_length=20)
    add_data = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        # 返回项目名称
        return self.project_name


class Detail(models.Model):
    project = models.ForeignKey(ProjectInfo, on_delete=models.CASCADE)
    detail_text = models.CharField(max_length=200)

    def __str__(self):
        return self.detail_text

使用?ForeignKey定义了一个关系。这将告诉 Django,每个?detail?对象都关联到一个?ProjectInfo?对象。Django 支持所有常用的数据库关系:多对一、多对多和一对一

  • 在管了后台添加数据
    技术图片

  • 对应项目添加详情
    技术图片

  • 重新改写一下project.html的模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoPlarform Home</title>
</head>
<body>
<h1>{{ project.project_name }}</h1>
{% for detail in project.detail_set.all %}
    <li>{{ detail.detail_text }}</li>
{% endfor %}
</body>
</html>

模板系统统一使用点符号来访问变量的属性

  • 现在我们来访问下每个项目对应的url,来看一下项目的信息详情有没有正确的显示出来
    技术图片
    技术图片
    显示内容正确
2. 去除模板中的硬编码URL
  • 我们修改一下之前home的页面,让对应内容可以跳转
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoPlarform Home</title>
</head>
<body>
{% if project_list %}
    <ul>
    {% for project in project_list %}
        <li>
        <a href="/autoapi/{{ project.id }}/">{{ project.project_name }}</a>
        </li>
    {% endfor %}
    </ul>
{% endif %}

</body>
</html>
  • 打开home页面
    技术图片
  • 然后点击接口自动化
    技术图片
    成功跳转到接口自动化的介绍页面
  • 但是以上内容你会发现一个问题,我们的挑战链接是硬编码的
 <a href="/autoapi/{{ project.id }}/">{{ project.project_name }}</a>

硬编码和强耦合的链接,对于一个包含很多应用的项目来说,修改起来是十分困难的
不过的还记得之前在url配置页面的内容嘛

# 作者:伊洛Yiluo 公众号:伊洛的小屋
# 个人主页:https://yiluotalk.com/
# 博客园:https://www.cnblogs.com/yiluotalk/
from django.urls import path
from . import views


urlpatterns = [
    path(‘home/‘, views.home, name=‘index‘),
    path(‘<int:project_id>/‘, views.project_list, name=‘project list‘),
    path(‘register/‘, views.register, name=‘register‘),
]

之前我们通过name参数为url定义了名字,现在我们可以通过{% url %}代替它

  • 来改一下home.html代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoPlarform Home</title>
</head>
<body>
{% if project_list %}
    <ul>
    {% for project in project_list %}
        <li>
        <a href="{% url ‘project list‘ project.id %}">{{ project.project_name }}</a>
        </li>
    {% endfor %}
    </ul>
{% endif %}

</body>
</html>
  • 再次打开一个页面验证下跳转
    技术图片
    成功的跳转
  • 这样做的好处也可以不动模板的内容改URL
from django.urls import path
from . import views


urlpatterns = [
    path(‘home/‘, views.home, name=‘index‘),
    path(‘detail/<int:project_id>/‘, views.project_list, name=‘project list‘),
    path(‘register/‘, views.register, name=‘register‘),
]

  • 打开home首页点击跳转
    技术图片
    URL已经按预设置发生了变化
3.为URL名称添加命名空间

现在再Django项目中,只有一个APP,但是实际开发过程中会有很多。Django如何分辨重名的URL
答案就是:在URLconf中添加命名空,加上app_name 设置命名空间

from django.urls import path
from . import views


app_name = ‘autoapi‘
urlpatterns = [
    path(‘home/‘, views.home, name=‘index‘),
    path(‘detail/<int:project_id>/‘, views.project_list, name=‘project list‘),
    path(‘register/‘, views.register, name=‘register‘),
]

HTML页面再改动下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoPlarform Home</title>
</head>
<body>
{% if project_list %}
    <ul>
    {% for project in project_list %}
        <li>
        <a href="{% url ‘autoapi:project list‘ project.id %}">{{ project.project_name }}</a>
        </li>
    {% endfor %}
    </ul>
{% endif %}

</body>
</html>
  • 打开网页查看效果
    技术图片

Django基础7--模板系统

标签:har   访问   页面   tle   统一   www   mod   cascade   register   

原文地址:https://www.cnblogs.com/yiluotalk/p/13584530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!