这一节我们将要给Rango项目设计两个表单：添加分类表单和添加页面表单。
14.Part2练习答案
我们先来创建about视图，编辑rango/views.py文件，在文件尾部加入如下内容：
rango/views.py：
def about(request): return render(request,'rango/about.html')
接下来在templates/rango文件夹下新建一个about.html文件，加入如下内容：
rangoproject/templates/rango/about.html：
<!DOCTYPE html> <html> <head> <title>Rango</title> </head> <body> <h1>关于Rango</h1> 欢迎访问Rango！<br/> 这是一张Rango的图片!<br/> {% load static %} <img src="{% static "rango.jpg" %}" alt="Rango" /> </body> </html>
随后编辑rango/urls.py文件，把urlpatterns部分变成这样：
rango/urls.py：
urlpatterns = patterns('', url(r'^$', views.index, name='index'), url(r'^category/(?P<category_name_slug>[w-]+)/$', views.category, name='category'), url(r'^about/$', views.about, name='about'), )
最后别忘了给index.html加上一个“关于”的链接，在</body>前插入这样一行代码：
rangoproject/templates/rango/index.html：
<a href="/rango/about/">关于</a><br/>
去浏览器里刷一下首页，看下效果吧！
15.创建分类表单
我们需要让用户可以提交页面和分类的信息，要完成这项功能，可以借助Django强大的表单处理功能。
首先在rango文件夹下创建一个forms.py文件，加入如下内容：
rango/forms.py：
from django import forms from rango.models import Page, Category class CategoryForm(forms.ModelForm): name = forms.CharField(max_length=128, help_text="请输入分类名称:") views = forms.IntegerField(widget=forms.HiddenInput(), initial=0) likes = forms.IntegerField(widget=forms.HiddenInput(), initial=0) slug = forms.CharField(widget=forms.HiddenInput(), required=False) # 下面这个子类提供给表单一些额外的信息. class Meta: # 指定当前类关联到哪个模型，使用哪些字段 model = Category fields = ('name',) class PageForm(forms.ModelForm): title = forms.CharField(max_length=128, help_text="请输入页面标题:") url = forms.URLField(max_length=200, help_text="请输入页面链接:") views = forms.IntegerField(widget=forms.HiddenInput(), initial=0) class Meta: # 指定关联到Page模型 model = Page # 我们的表单中需要哪些字段? # 下面这个方法告诉我们，不需要选择每一个字段， # 有些字段允许使用空值，所以我们可以把它排除掉， # 比如说category字段，我们直接把它排除掉 exclude = ('category',) #或者我们直接填写想要用到的字段（除了category字段），象下面这样写： #fields = ('title', 'url', 'views')
随后我们来创建一个叫add_category的视图，编辑rango/views.py 文件，先在文件头部插入一行代码：
rango/views.py：
from rango.forms import CategoryForm
再添加如下内容：
rango/views.py：
def add_category(request): # 检测是否用POST方法提交的 if request.method == 'POST': form = CategoryForm(request.POST) # 提交的表单是否有效的？ if form.is_valid(): # 将这个新分类存入数据库. form.save(commit=True) # 调用index()视图. # 页面将跳转到首页. return index(request) else: # 若表单包含错误，则在终端显示错误信息. print(form.errors) else: # 如果不是用POST方法提交，则显示表单，供用户输入信息. form = CategoryForm() return render(request, 'rango/add_category.html', {'form': form})
接下来在templates/rango文件夹下新建一个add_category.html文件，加入如下内容：
rangoproject/templates/rango/add_category.html：
<!DOCTYPE html> <html> <head> <title>Rango</title> </head> <body> <h1>添加分类</h1> <form id="category_form" method="post" action="/rango/add_category/"> {% csrf_token %} {% for hidden in form.hidden_fields %} {{ hidden }} {% endfor %} {% for field in form.visible_fields %} {{ field.errors }} {{ field.help_text }} {{ field }} {% endfor %} <input type="submit" name="submit" value="创建分类" /> </form> </body> </html>
然后编辑rango/urls.py文件，把urlpatterns部分变成这样：
rango/urls.py：
urlpatterns = patterns('', url(r'^$', views.index, name='index'), url(r'^category/(?P<category_name_slug>[w-]+)/$', views.category, name='category'), url(r'^about/$', views.about, name='about'), url(r'^add_category/$', views.add_category, name='add_category'), )
最后一步，让我们给index.html加上一个“添加分类”的链接，在</body>前插入这样一行代码：
rangoproject/templates/rango/index.html：
<a href="/rango/add_category/">添加分类</a><br />
看下效果，我们先在分类名称后面输入“emagic”，再点击”创建分类“按钮，程序会自动跳转回首页，你可以看到，”emagic”这个分类已经成功添加：
注意啊，如果你一次性添加多个分类，这些分类不一定会显示在首页上，因为我们对首页作了限制，最多只能显示5个分类。
Tips：关于中文分类名的添加
目前，当你添加中文分类名时，将无法正常访问对应的链接，这是由于slugify函数不能对中文名称进行别名处理，而且受Category模型的save函数限制，我们也无法在管理界面中手动修改别名。你可以这样做：
先修改Category模型的save函数，把它改为：
rango/models.py：
def save(self, *args, **kwargs): if slugify(self.name): self.slug = slugify(self.name) super(Category, self).save(*args, **kwargs)
就是加一个判断，只有在slugify(self.name)能将name转换时，才使用slugify转换过的别名，否则的话，使用你手工输入的别名。
改完模型后，当你在表单中输入中文分类时，只要在管理界面中手工修改别名，就可以让Rango支持中文分类名了。
16.创建页面表单
我们来添加一个叫add_page的视图，编辑rango/views.py 文件，先在文件头部插入一行代码：
rango/views.py：
from rango.forms import PageForm
再添加如下内容：
rango/views.py：
def add_page(request, category_name_slug): try: cat = Category.objects.get(slug=category_name_slug) except Category.DoesNotExist: cat = None if request.method == 'POST': form = PageForm(request.POST) if form.is_valid(): if cat: page = form.save(commit=False) page.category = cat page.views = 0 page.save() # 页面跳转到这里更妥一些. return category(request, category_name_slug) else: print(form.errors) else: form = PageForm() context_dict = {'form':form, 'category': cat} return render(request, 'rango/add_page.html', context_dict)
接下来在templates/rango文件夹下新建一个add_page.html文件，加入如下内容：
rangoproject/templates/rango/add_page.html：
<!DOCTYPE html> <html> <head> <title>Rango</title> </head> <body> <h1>添加页面</h1> {% if not category_name_url %} The specified category does not exist!<br/> {% else %} <form id="page_form" method="post" action="/rango/category/{{category_name_url}}/add_page/"> {% csrf_token %} {% for hidden in form.hidden_fields %} {{ hidden }} {% endfor %} {% for field in form.visible_fields %} {{ field.errors }}<br/> {{ field.help_text}} {{ field }} {% endfor %} <br/> <input type="submit" name="submit" value="创建页面"/> </form> {% endif %} </body> </html>
然后编辑rango/urls.py文件，把urlpatterns部分变成这样：
rango/urls.py：
urlpatterns = patterns('', url(r'^$', views.index, name='index'), url(r'^category/(?P<category_name_slug>[w-]+)/$', views.category, name='category'), url(r'^about/$', views.about, name='about'), url(r'^add_category/$', views.add_category, name='add_category'), url(r'^category/(?P<category_name_slug>w+)/add_page/$', views.add_page, name='add_page'), )
最后一步，让我们给category.html加上一个“添加页面”的链接，在</body>前插入这样一行代码：
rangoproject/templates/rango/category.html：
<a href="/rango/category/{{ category_name_slug }}/add_page/">添加页面</a><br/>
这样，我们就把添加页面的表单做好了，你可以打开任意一个分类，点击“添加页面”的链接，就可以看到如下的效果：
【未完待续】
本文版权归舍得学苑所有，欢迎转载，转载请注明作者和出处。谢谢！
作者：舍得
首发：舍得学苑@博客园