Django搭建简易博客教程(七)-Template
admin
2023-07-30 20:32:23
0

整个项目已经放在Github上, 随时更新, 项目地址


貌似Markdown解析出问题了, @简书

Template初探


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

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

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

mkdir templates
#看到当前文件构成
my_blog
├── article
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-34.pyc
│   │   ├── admin.cpython-34.pyc
│   │   ├── models.cpython-34.pyc
│   │   └── views.cpython-34.pyc
│   ├── admin.py
│   ├── migrations
│   │   ├── 0001_initial.py
│   │   ├── __init__.py
│   │   └── __pycache__
│   │       ├── 0001_initial.cpython-34.pyc
│   │       └── __init__.cpython-34.pyc
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── db.sqlite3
├── manage.py
├── my_blog
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-34.pyc
│   │   ├── settings.cpython-34.pyc
│   │   ├── urls.cpython-34.pyc
│   │   └── wsgi.cpython-34.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
└── templates

在my_blog/my_blog/setting.py下设置templates的位置

TEMPLATE_DIRS = (
    os.path.join(BASE_DIR, \'templates\').replace(\'\\\\\', \'/\'),
    )

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

第一个template


templates/test.html简单第一个 template html文件




    
        Just test template
        
    
    
        

Hello World!

{{ current_time }}

其中{{ current_time }}是Django Template中变量的表示方式

在article/view.py中添加一个函数逻辑

from django.shortcuts import render
from django.http import HttpResponse
from article.models import Article
from datetime import datetime

# Create your views here.
def home(request):
    return HttpResponse(\"Hello World, Django\")

def detail(request, my_args):
    post = Article.objects.all()[int(my_args)]
    str = (\"title = %s, category = %s, date_time = %s, content = %s\" 
        % (post.title, post.category, post.date_time, post.content))
    return HttpResponse(str)

def test(request) :
    return render(request, \'test.html\', {\'current_time\': datetime.now()})

render()函数中第一个参数是request 对象, 第二个参数是一个模板名称,第三个是一个字典类型的可选参数. 它将返回一个包含有给定模板根据给定的上下文渲染结果的 HttpResponse对象。

然后设置对应的url在my_blog/urls.py下

    url(r\'^test/
    url(r\'^test/
    url(r\'^test/
    url(r\'^test/$\', \'article.views.test\'),
#39;, \'article.views.test\'),#39;, \'article.views.test\'),

重新启动服务器python manage.py runserver, 然后在浏览器中输入http://127.0.0.1:8000/test/, 可以看到

test
test

正式编写template


在template文件夹下增加base.html, 并在其中增加如下代码




    



    Andrew Liu Blog
    
    
    


Andrew Liu Blog

雪忆 - Snow Memory

{% block content %} {% endblock %}

上面这段html编写的页面是一个模板, 其中{% block content %} {% endblock %}字段用来被其他继承这个基类模板进行重写

我们继续在templates文件夹下添加home.html文件

{% extends \"base.html\" %}

{% block content %}
{% for post in post_list %}

{{ post.title }}

Time: {{ post.date_time }} {{ post.category }}

{{ post.content }}

{% endfor %}
{% endblock %}

其中

  • {% for in %}与{% endfor %}成对存在, 这是template中提供的for循环tag
  • {% if %} {% else %} {% endif %}是template中提供的if语句tag
  • template中还提供了一些过滤器

然后修改my_blog/article/view.py, 并删除test.html

# -*- coding: utf-8 -*-
from django.shortcuts import render
from django.http import HttpResponse
from article.models import Article
from datetime import datetime

# Create your views here.
def home(request):
    post_list = Article.objects.all()  #获取全部的Article对象
    return render(request, \'home.html\', {\'post_list\' : post_list})

修改my_blog/my_blog/urls.py

from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^$\', \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^$\', \'article.views.home\'),
)
#39;, \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^$\', \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^$\', \'article.views.home\'),
)
#39;, \'article.views.home\'),
)#39;, \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^$\', \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^$\', \'article.views.home\'),
)
#39;, \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns(\'\',
    # Examples:
    # url(r\'^$\', \'my_blog.views.home\', name=\'home\'),
    # url(r\'^blog/\', include(\'blog.urls\')),

    url(r\'^admin/\', include(admin.site.urls)),
    url(r\'^$\', \'article.views.home\'),
)
#39;, \'article.views.home\'),
)#39;, \'article.views.home\'),
)

现在重新打开http://127.0.0.1:8000/, 发现Blog的整理框架已经基本完成, 到现在我们已经了解了一些Django的基本知识, 搭建了简单地Blog框架, 剩下的就是给Blog添加功能

基本框架
基本框架

查看当前整个程序的目录结构

my_blog
├── article
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-34.pyc
│   │   ├── admin.cpython-34.pyc
│   │   ├── models.cpython-34.pyc
│   │   └── views.cpython-34.pyc
│   ├── admin.py
│   ├── migrations
│   │   ├── 0001_initial.py
│   │   ├── __init__.py
│   │   └── __pycache__
│   │       ├── 0001_initial.cpython-34.pyc
│   │       └── __init__.cpython-34.pyc
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── db.sqlite3
├── manage.py
├── my_blog
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-34.pyc
│   │   ├── settings.cpython-34.pyc
│   │   ├── urls.cpython-34.pyc
│   │   └── wsgi.cpython-34.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
└── templates
    ├── base.html
    └── home.html

将代码上传到Github


在github中新建仓库my_blog_tutorial, 填写简单的描述

#查看当前目录位置
$ pwd
/Users/andrew_liu/Python/Django/my_blog

#在项目的根目录下初始化git
git init
Initialized empty Git repository in/Users/andrew_liu/Python/Django/my_blog/.git/

#添加远程github
$ git remote add blog git@github.com:Andrew-liu/my_blog_tutorial.git

在根目录下增加`.gitignore\’和\’LICENSE\’和\’README.md\’文件

#添加所有文件
$ git add .

#查看当前状态
$ git status

#commit操作
$ git commit -m \"django tutorial init\"

#上传github
$ git push -u blog master
Counting objects: 23, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (22/22), done.
Writing objects: 100% (23/23), 19.56 KiB | 0 bytes/s, done.
Total 23 (delta 1), reused 0 (delta 0)
To git@github.com:Andrew-liu/my_blog_tutorial.git
 * [new branch]      master -> master
Branch master set up to track remote branch master from blog.

相关内容

热门资讯

Mobi、epub格式电子书如... 在wps里全局设置里有一个文件关联,打开,勾选电子书文件选项就可以了。
500 行 Python 代码... 语法分析器描述了一个句子的语法结构,用来帮助其他的应用进行推理。自然语言引入了很多意外的歧义,以我们...
定时清理删除C:\Progra... C:\Program Files (x86)下面很多scoped_dir开头的文件夹 写个批处理 定...
scoped_dir32_70... 一台虚拟机C盘总是莫名奇妙的空间用完,导致很多软件没法再运行。经过仔细检查发现是C:\Program...
65536是2的几次方 计算2... 65536是2的16次方:65536=2⁶ 65536是256的2次方:65536=256 6553...
小程序支付时提示:appid和... [Q]小程序支付时提示:appid和mch_id不匹配 [A]小程序和微信支付没有进行关联,访问“小...
pycparser 是一个用... `pycparser` 是一个用 Python 编写的 C 语言解析器。它可以用来解析 C 代码并构...
微信小程序使用slider实现... 众所周知哈,微信小程序里面的音频播放是没有进度条的,但最近有个项目呢,客户要求音频要有进度条控制,所...
Apache Doris 2.... 亲爱的社区小伙伴们,我们很高兴地向大家宣布,Apache Doris 2.0.0 版本已于...
python清除字符串里非数字... 本文实例讲述了python清除字符串里非数字字符的方法。分享给大家供大家参考。具体如下: impor...