当前位置:   article > 正文

django网页继承

django网页继承

一 首先创建一个django项目

1 urls.py文件

  1. from django.contrib import admin
  2. from django.urls import path
  3. from hu import views
  4. from django.conf.urls import url
  5. urlpatterns = [
  6. path('admin/', admin.site.urls),
  7. url(r'^list', views.list),
  8. ]

2 views.py文件

  1. from django.shortcuts import render, redirect
  2. def list(request):
  3. return render(request, 'child.html',)

3 father.html模板

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>将进酒</title>
  6. </head>
  7. <style>
  8. body {
  9. margin: 0;
  10. padding-left: 100px;
  11. padding-right: 100px;
  12. }
  13. .poem-title {
  14. color: #AB3319;
  15. font-size: 50px;
  16. padding-top: 50px;
  17. }
  18. .poem-author {
  19. font-size: 30px;
  20. color: #5EA1F3;
  21. padding-top: 20px;
  22. font-weight: bold;
  23. }
  24. .poem-content {
  25. color: #444444;
  26. font-size: 20px;
  27. line-height: 36px;
  28. padding-top: 50px;
  29. padding-bottom: 50px;
  30. }
  31. .message-board {
  32. color: #62868D;
  33. }
  34. </style>
  35. <body>
  36. <div class="poem-title">
  37. {% block poem_title %}诗歌-标题{% endblock poem_title %}
  38. </div>
  39. <div class="poem-author">
  40. {% block poem_author%}
  41. 诗歌-作者
  42. {% endblock poem_author %}
  43. </div>
  44. <div class="poem-content">
  45. {% block poem_content%}
  46. 诗歌-内容
  47. {% endblock poem_content %}
  48. </div>
  49. <div class="message-board">
  50. {% block message_board %}
  51. <div style="height: 300px; line-height: 300px; text-align: center; color: #BDBDBD; border: 1px solid #BDBDBD; border-radius: 6px;">留言区-暂时为空</div>
  52. {% endblock %}
  53. </div>
  54. </body>
  55. </html>

4 child.html文件

  1. {% extends "father.html" %}
  2. {% block poem_title %}将进酒{% endblock poem_title %}
  3. {% block poem_author %}
  4. 李白
  5. {% endblock poem_author %}
  6. {% block poem_content %}
  7. 君不见,黄河之水天上来,奔流到海不复回。<br>
  8. 君不见,高堂明镜悲白发,朝如青丝暮成雪!<br>
  9. 人生得意须尽欢,莫使金樽空对月。<br>
  10. 天生我材必有用,千金散尽还复来。<br>
  11. 烹羊宰牛且为乐,会须一饮三百杯。<br>
  12. 岑夫子,丹丘生,将进酒,杯莫停。<br>
  13. 与君歌一曲,请君为我倾耳听。<br>
  14. 钟鼓馔玉不足贵,但愿长醉不复醒。<br>
  15. 古来圣贤皆寂寞,惟有饮者留其名。<br>
  16. 陈王昔时宴平乐,斗酒十千恣欢谑。<br>
  17. 主人何为言少钱,径须沽取对君酌。<br>
  18. 五花马、千金裘,呼儿将出换美酒,与尔同销万古愁!<br>
  19. {% endblock poem_content %}

5 最终效果

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/煮酒与君饮/article/detail/769168
推荐阅读
相关标签
  

闽ICP备14008679号