前面的操作大多是在命令行内进行的,为了提高开发效率,下面我们将主要使用PyCharm开发博客。
使用PyCharm打开我们之前创建的工程,PyCharm会在mysite根目录下创建.idea文件夹,不用管。打开工程后,先在file -> settings -> project:mysite -> project interpreter确认我们现在是否处于虚拟环境myvenv中。这里也列出了对应环境包含的第三方包当前版本和可升级版本,里面至少应该有Django和pip。
闲话少说,这一节我们来学习django网页的三部曲:urls映射,views视图和templates模板。简单的说,urls包含了可接收的web地址,它根据web地址映射到views内的方法,views的方法获取服务器数据并进行处理,返回templates,templates一般包含html和css,规定了呈现给用户的网页表现形式。
urls
打开mysite\mysite\urls.py
from django.conf.urls import url
from django.contrib import admin
urlpatterns = [
url(r'^admin/', admin.site.urls),
]
django默认添加了admin的url,因此当碰到admin开头的url时就会去admin.site.urls里面寻找对应匹配。admin.site.urls里面是admin匹配的集合,这样把有关admin的url写到一个文件里面,有利于url管理。
django使用正则表达式匹配url。r'^admin/'
的r是Python中的非转义原始字符串的意思,也就是说后面引号内的字符不进行转义,写了什么就是什么。匹配字符串开头,表示只能匹配'admin/'开头的url,对于'xadmin','123admin'等都不能匹配。如果去掉,也就是写成r'admin/'
的格式,会发现'xadmin','123admin'都可以匹配到admin去。
我们添加一个url:
from django.conf.urls import url
from django.contrib import admin
from blog import views
urlpatterns = [
url(r'admin/', admin.site.urls),
url(r'^$', views.post_list),
]
$匹配字符串结尾,功能参照。因此'$'正好匹配了http://127.0.0.1:8000/
url已经写好,现在就可以去实现views了。
views
我们在mysite\mysite\urls.py中把'^$'映射到了views.post_list,但是post_list还不存在,现在就来写。
打开mysite\blog\views.py,写入:
from django.shortcuts import render
from .models import Article
# Create your views here.
def post_list(request):
posts = Article.objects.filter(published_date__isnull=False).order_by('-published_date')
return render(request, 'blog/post_list.html', {'posts': posts})
方法post_list的参数是request,注意所有url指向的方法第一个参数都是request。这个方法很简单,先获取所有Article对象,过滤掉没有发布时间的,剩下的再按发布时间倒序排序组成一个QuerySet,用post指向这个QuerySet。QuerySet我们在上一节刚刚提过。最后用render函数返回一个html模板blog/post_list.html,最后一个参数{'posts': posts}是用来给模板传递参数的。
这里要注意的是模板的定向。打开mysite\mysite\settings.py,
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'templates')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
'DIRS'定义了模板根目录在BASE_DIR\templates,BASE_DIR是什么呢?settings.py最上面已经写了:
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
哦,BASE_DIR就是项目根目录,所以模板根目录其实就是mysite\templates。我们在方法post_list里写的"blog/post_list.html"其实就是mysite\templates\blog\post_list.html啊!现在知道模板定向到哪了,也知道要在哪写模板了吧!
模板根目录当然是可以改的,但是为了好管理,还是放在项目根目录内比较好。
templates
在mysite\templates\blog内新建post_list.html,写入:
<html>
<head>
<title>Simple Django Blog</title>
</head>
<body>
<div>
<h1><a href="/">Simple Django Blog</a></h1>
</div>
{% for post in posts %}
<div>
<p>published: {{ post.published_date }}</p>
<h1><a href="">{{ post.title }}</a></h1>
<p>{{ post.text|linebreaks }}</p>
</div>
{% endfor %}
</body>
</html>
<html>...</html>
之间的是html代码,<head>...</head>
标记之间的内容用于描述页面的头部信息,如页面的标题、作者、摘要、关键词、版权、自动刷新等信息。这里<title>...</title>
就包住了标题Simple Django Blog。<body>...</body>
标记之间的内容即为页面的主体内容,包括一个一级标题<h1>...</h1>
和一个显示所有文章的标题和对应内容的for循环{% for post in posts %}...{% endfor %}
。形如{{ post.published_date }}表示变量,post_list传过来的参数{'posts': posts}在for循环内用python的模板标签获取文章的各种内容。
现在再打开http://127.0.0.1:8000,就可以看到我们的内容了。
P.S. 上图选项卡标题旁有个图标,正常来说由于还没有设置图标这里应该是一个空白文件的标识,这是因为我之前做网页时候的缓存没有清干净。
P.P.S 关于PyCharm的使用网上教程很多,这里不多说什么了。Shift+F10编译运行,改动后不需要重新编译,Ctrl+S保存当前页面改动,PyCharm会自动重新编译运行。另外,若在命令框内用runserver启动,改动工程后也不需要重新启动,也会自动重新编译运行的。
Django的三部曲:urls、views和templates已经初步完成,说明我们的博客已经初具规模了!
2016.10.21