3、Django学习：使用模板显示内容

时间  2020-05-08
标签 django 学习 使用 模板 显示 内容 栏目 Python 繁體版
原文   原文链接

模板建立好以后，天然须要用来显示内容了。咱们要达到目的访问127.0.0.1：8000/article能够显示出文章列表，点击文章标题能够连接到具体文章页面，访问127.0.0.1:8000/article/1,127.0.0.1:8000/article/2....能够显示出标题，内容。html

1、查看article app的数据库迁移文件

demo article migrations 0001_initial.pypython

fields=[
                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
                ('title', models.CharField(max_length=40)),
                ('content', models.TextField()),
            ],

​ 能够看到里面除了有咱们建立的title,content字段外，还有一个自动建立字段id,并且是主键，做为惟一标识。数据库

2、在article app的views.py文件中编写处理方法

demo article views.pydjango

from django.shortcuts import render
from django.http import HttpResponse

# Create your views here.

def article_detail(request, article_id):
    return HttpResponse("文章ID %s" % article_id)

3、在总路由urls.py文件里添加新的url

demo urls.py后端

导入article_detail方法用于显示具体页面，增长一个新的path用于处理article/id页面，<int:article_id>表明传入的是int类型，name='article_detail'是别名app

from django.contrib import admin
from django.urls import path
from .views import say_hello
from article.views import article_detail

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', say_hello),
    path('article/<int:article_id>',article_detail, name='article_detail')
]

4、启动服务，查看运行状况

命令python manage.py runserver能够看到如咱们预期同样输出告终果前后端分离

5、导入app模型到article app的views.py文件

article views.py优化

为了让app模型中的文章像上面同样显示出来，须要导入模型，并获取到模型的一个实例对象。url

from django.shorcuts import render
from django.http import HttpResponse
from .models import Article

# Create your views here.

def article_detail(request, article_id):
    # 经过主键id字段获取模型的实例对象
    article = Article.objects.get(id=article_id)
    return HttpResponse("文章ID：%s 文章标题：%s 文章内容：%s" % (article.id, article.title, article.content))

6、再次启动服务

启动服务，访问127.0.0.1:8000/article/一、127.0.0.1:8000/article/2....spa

这样输出结果不美观，咱们能够进行优化，加入换行。

在article views.py中加入html代码

from django.contrib import render
from django.http import HttpResponse
from .models import Article

# Create your views here.

def article_detial(request, article_id):
    article = Article.objects.get(id=article_id)
    return HttpResponse("文章ID：%s<br>文章标题：%s<br>文章内容：%s" % (article.id, article.title, article.content))

刷新页面后显示

可是这种先后端耦合在一块儿的作法显然不合适，之后要修改的时候会特别麻烦。另外当访问127.0.0.1:8000/article/5之类不存在的网页时还会报错，须要作异常处理

7、代码的优化

  • 访问不存在的页面时候进行异常处理

当访问的页面不存在时显示404

article views.py

from django.contrib import render
from django.http import HttpResponse,Http404
from .models import Article

# Create your views here.
def article_detail(request, article_id):
    try:
        article = Article.objects.get(id=article_id)
    except Article.DoesNotExist:
        raise Http404("Not exist")
    return HttpResponse("文章ID：%s<br>文章标题：%s<br>文章内容：%s" % (article.id, article.title, article.content))

再次访问127.0.0.1:8000/article/5，能够获得404显示页面

还可进一步优化以下

get_object_or_404自动作了异常处理，传入的参数第一个个为模型，第二个为选择的条件

from django.contrib import render,get_object_or_404
from django.http import HttpResponse
from .models import Article

# Create your views here.

def article_detail(request, article_id):
    # pk主键的缩写
    article = get_object_or_404(Article, pk=article_id)
    return HttpResponse("文章ID：%s<br>文章标题：%s<br>文章内容：%s" % (article.id, article.title, article.content))

再次访问127.0.0.1:8000/article/5

  • 耦合代码的先后端分离

一、在article文件夹下面建立一个文件夹templates,在templates文件夹里面建立一个article_detail.html文件。

二、修改article views.py文件

from django.contrib import render,get_object_or_404
from django.http import HttpResponse
from .models import Article

# Create your views here.

def article_detail(request, article_id):
    article = get_object_or_404(Article, pk=article_id)
    context = {}
    context['article_obj'] = article
    # render第一个参数为request，第二个参数为html模板，第三个参数为键值为article对象的字典
    return render(request, 'article_detail.html', context)

三、修改article templates article_detail.html文件

<html>
<head>
    </head>
    <body>
        <h2>
           {{article_obj.title}} 
        </h2>
        <hr>
        <p>
            {{article_obj.content}}
        </p>
    </body>
</html>

四、再次访问127.0.0.1:8000/article/1能够正常显示,也完成了先后端分离

ps:除了render外，还有一个render_to_response也能用于返回response，不一样的是，render_to_response只须要传入后两个参数

# return render(request, 'article_detail.html', context)
# 如下代码能够获得相同的结果
return render_to_response('article_detail.html', context)

8、编写文章列表

为了让127.0.0.1:8000/article显示出文章列表，一样须要编写路由文件、html模板文件以及与处理方法文件。

  • 在templates文件夹下面新建一个article_list.html文件

  • 编写article views.py文件

    from django.contrib import render,get_object_or_404,render_to_response
from django.http import HttpResponse
from .models import Article

# Create your views here.

def article_detail(request, article_id):
    article = get_object_or_404(Article, pk=article_id)
    context = {}
    context['article_obj'] = article
    return render_to_response('article_detail.html', context)

def article_list(request):
    # 使用all()获取全部列表
    article_list = Article.objects.all()
    context = {}
    context['article_list_obj'] = article_list
    return render_to_response('article_list.html', context)

  • 在总路由添加路径和处理方法，demo urls.py

    from django.contrib import admin
from django.urls import path
from .views import say_hello
from articles.views import article_detail,article_list

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', say_hello),
    path('article/<int:article_id>', article_detail, name='article_detail'),
    path('articl/', article_list, name='article_list')
]

  • 修改模板文件templates article_list.html

<html>
<head>
</head>
<body>
	<h2>{{article_list_obj}}</h2>
</body>
</html>
  • 访问127.0.0.1:8000/article页面，获得的是一个QuerySet类型的列表

  • 在template article_list.html中修改成for循环遍历出值
<html>
<head>
</head>
<body>
	{% for article in article_list_obj %}
    	<p>{{ article.title }}</p>
    {% endfor %}
</body>
</html>

刷新127.0.0.1:8000/article页面

咱们须要让标题变为一个可连接的，点击标题能够直接进入正文。

进一步对templates article_list.html进行修改。

增长一个href属性用于连接

<html>
<head>
</head>
<body>
	{% for article in article_list_obj %}
		<a href="/article/{{article.pk}}">{{article.title}}</a>
	{% endfor %}
</body>
</html>

此时再次刷新127.0.0.1:8000/article能够看到文章列表能够点击，并且能够连接到文章正文了。

还可使用别名对代码进行进一步优化

template article_list.html

article_detail是article/<int:article_id>的别名，以前定义在demo urls.py文件中。

<html>
<head>
</head>
<body>
	{% for article in article_list_obj %}
		<a href="{% url 'article_detail' article.pk %}">{{article.title}}</a>
	{% endfor %}
</body>
</html>

9、路由优化

一个项目是由多个app组成的，若是全部app的路由都设置到demo urls.py文件中的话，会致使文件愈来愈复杂，之后修改也比较困难。因此须要对路由进行优化，让各个app处理本身的路由。

  • 在demo article文件夹下面新建一个urls.py文件，编写以下
from django.urls import path
from . import views

urlpatterns = [
    path('<int:article_id>', views.article_details, name='article_details'),
    path('', views.article_list, name='article_list')
]
  • 修改总路由，使用include将子路由与总路由关联起来，demo urls.py
from django.contrib import admin
from django.urls import path,include
from .views import say_hello

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', say_hello),
    path('article', include('article.urls'))
]
  • 再次运行localhost:8000/article能够获得一样的结果。
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程