04 使用模板显示内容
技术交流QQ群:1027579432，欢迎你的加入！
本教程来源于B站杨仕航Django2.0开发视频教程，如需转载，必须注明来源！
1.查看文章页面
- 如何通过统一的一个处理方法获取每一篇文章？解决方法：利用文章的唯一标识！
- 具体实现：打开article文件夹下的migrations/0001_initial.py，我们可以看到区别每篇文章的字段是id。因此，在article文件夹下的views.py文件中定义视图文件，如下所示：
from django.http import HttpResponse # Create your views here. def article_detail(request, article_id): return HttpResponse('文章id: %s' % article_id) - 在mysite文件夹下的urls.py文件中添加每篇文章的路由地址，如下所示：
from article.views import article_detail urlpatterns = [ path('article/<int:article_id>', article_detail, name="article_detail"), ]
2.objects
- 模型的objects是获取或操作模型的对象，具体的方法如下：
Article.objects.get(条件) Article.objects.all() Article.objects.filter(条件)
- 在article文件夹下的views.py文件中写入需要在前端页面上展示的字段，如下所示：
from django.shortcuts 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('<h2>文章标题: %s</h2> <br /> 文章内容: %s ' % (article.title, article.content))
3.使用模板
- 使用模板的目的：前端页面和后端代码分离，减少耦合性。优化上一步中article文件夹下的views.py文件前后端代码的耦合性。
- 具体步骤如下：
- 在article文件夹下创建templates文件夹，里面存放前端页面所需要的html文件；
- 在templates文件夹下创建article_detail.html文件，然后对其进行编辑；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h2>{{ article_obj.title }}</h2> <hr> <p>{{ article_obj.content }}</p> </body> </html> - 同时，对article文件夹下的views.py文件中代码进行优化，优化的结果是：
from django.shortcuts import render_to_response, get_object_or_404 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)
4.获取文章列表
文章列表.png
- 在article文件夹下的views.py文件中添加如下代码，实现获取文章列表的功能。
def article_list(request): articles = Article.objects.all() context = {} context['articles'] = articles return render_to_response('article_list.html', context) - 在templates文件夹下创建article_detail.html文件，然后对其进行编辑；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- {% 这是模板标签 %} --> {% for article in articles%} <a href="{% url 'article_detail' article.pk %}">{{ article.title }}</a> {% endfor %} </body> </html> - 在mysite文件夹下的urls.py文件中添加文章列表article_list的路由地址，如下所示：
from article.views import article_detail, article_list urlpatterns = [ path('admin/', admin.site.urls), # 根路由(后台管理网址)：www.baidu.com/admin/ path('', views.index), # www.baidu.com path('article/<int:article_id>', article_detail, name="article_detail"), path('article/', article_list, name="article_list"), ] - 打开浏览器，输入网址http://localhost:8000/article/，注意：此url中并没有指定哪一篇文章的article_id就可以获得所有的文章信息，如下所示：
文章列表前端页面.png
5.总urls包含app的urls
总urls包含app的urls.png
- 打开mysite文件夹下的全局路由文件urls.py，将如下代码剪切到article文件夹下的urls.py(如果没有该文件，需手动新建此文件)，
# localhost:8000/article/1 path('<int:article_id>', article_detail, name="article_detail"), # localhost:8000/article/ path('', article_list, name="article_list"), - 对article文件夹下新建的urls.py文件进行编辑，添加如下内容：
from django.urls import path from .import views urlpatterns = [ path('article/<int:article_id>', views.article_detail, name="article_detail"), path('article/', views.article_list, name="article_list"), ] - 接着，打开mysite文件夹下的全局路由文件urls.py，在当中引用article这个app的路由文件，添加如下内容：
from django.urls import path, include urlpatterns = [ # ..... path('article/', include('article.urls')), ]
TI二面1人在聊
