七、Template

Template初探

到目前为止我们只是简单的将后端数据显示到页面上, 没有涉及到HTML代码, 而优雅的网站总算通过CSS+HTML, 甚至还有强大的JS的支持。

在这个教程中要打造一个Blog, 所以我们设置一个Blog界面, 原本打算使用Bootstrap作为前段的工具, 不过经过@游逸的建议, 使用了更加轻量级的Pure, 同样是响应式页面设置, 这也将是未来的主流吧…….

在my_blog下添加文件名, 文件夹名为templates

  1. $ mkdir templates
  2. #看到当前文件构成
  3. my_blog
  4. ├── article
  5. │   ├── __init__.py
  6. │   ├── __pycache__
  7. │   │   ├── __init__.cpython-34.pyc
  8. │   │   ├── admin.cpython-34.pyc
  9. │   │   ├── models.cpython-34.pyc
  10. │   │   └── views.cpython-34.pyc
  11. │   ├── admin.py
  12. │   ├── migrations
  13. │   │   ├── 0001_initial.py
  14. │   │   ├── __init__.py
  15. │   │   └── __pycache__
  16. │   │       ├── 0001_initial.cpython-34.pyc
  17. │   │       └── __init__.cpython-34.pyc
  18. │   ├── models.py
  19. │   ├── tests.py
  20. │   └── views.py
  21. ├── db.sqlite3
  22. ├── manage.py
  23. ├── my_blog
  24. │   ├── __init__.py
  25. │   ├── __pycache__
  26. │   │   ├── __init__.cpython-34.pyc
  27. │   │   ├── settings.cpython-34.pyc
  28. │   │   ├── urls.cpython-34.pyc
  29. │   │   └── wsgi.cpython-34.pyc
  30. │   ├── settings.py
  31. │   ├── urls.py
  32. │   └── wsgi.py
  33. └── templates
  2. 在my_blog/my_blog/setting.py下设置templates的位置
  4. TEMPLATE_DIRS = (
  5.     os.path.join(BASE_DIR, 'templates').replace('\\', '/'),
  6.     )

意思是告知项目templates文件夹在项目根目录下。