django前端页面怎么做(2023年最新分享)

django框架中html页面怎么排版？

在数据库中存储的文件为HTML的text格式，如下

只需要在前端模板文件里使用{%autoescapeoff%}就可以了

设我们的django博客应用有如下的文章模型：

blog/models.pyclassPost(models.Model):

#标题

title=models.CharField(max_length=70)

#正文

body=models.TextField()

#其他属性

def__str__(self):

returnself.title

先看到第1步，用户在搜索框输入搜索关键词，因此我们要在博客上为用户提供一个搜索表单，html表单代码大概像这样：

formmethod="get"action="/search/"

{%csrf_token%}inputtype="search"placeholder="搜索"required

buttontype="submit"搜索/button/form

特别注意在form标签下有一个{%csrf_token%}，这是django用来防御跨站请求伪造（CSRF）攻击的机制。如果不知道什么是CSRF的话也没有关系，只要记住在使用django时，前端的表单代码里一定要加上{%csrf_token%}。

用户输入了搜索关键词并点击了搜索按钮后，数据就被发送给了django后台服务器。表单的action属性的值为/search/，表明用户提交的结果将被发送给/search/这个URL。我们为这个URL绑定一个django视图函数，在这个视图函数里完成前面第2步提到的过程。假设我们把视图函数的代码写在blog/views.py里：

blog/views.pydefsearch(request):

q=request.GET.get('q')

error_msg=''

ifnotq:

error_msg='请输入关键词'

returnrender(request,'blog/errors.html',{'error_msg':error_msg})

post_list=Post.objects.filter(title__icontains=q)

returnrender(request,'blog/results.html',{'error_msg':error_msg,

'post_list':post_list})

首先我们使用request.GET.get('q')获取到用户提交的搜索关键词。用户通过表单提交的数据django为我们保存在request.GET里，这是一个类似于Python字典的对象，所以我们使用get方法从字典里取出键q对应的值，即用户的搜索关键词。这里字典的键之所以叫q是因为我们的表单中搜索框input的name属性的值是q，如果修改了name属性的值，那么这个键的名称也要相应修改。

接下来我们做了一个小小的校验，如果用户没有输入搜索关键词而提交了表单，我们就无需执行查询，而是渲染一个错误页面提示用户请输入关键词。

如果用户输入了搜索关键词，我们就通过filter方法从数据库里过滤出符合条件的所有文章。这里的过滤条件是title__icontains=q，即title中包含（contains）关键字q，前缀i表示不区分大小写。这里icontains是查询表达式（Fieldlookups），其用法是在模型需要筛选的属性后面跟上两个下划线。django内置了很多查询表达式，建议过一遍django官方留个印象，了解每个表达式的作用，以后碰到相关的需求就可以快速定位到文档查询其用途：Fieldlookups

接下来就是渲染搜索结果页面，显示符合搜索条件的文章列表，下面是一个模板的简单示例：

results.html

{%iferror_msg%}p{{error_msg}}/p{%endif%}

{%forpostinpost_list%}div

在这里显示文章的相应信息/div{%empty%}divclass="no-post"

没有搜索到符合条件的文章/div{%endfor%}

有了视图函数后记得把视图函数映射到相应了URL，前面我们表单数据提交的URL为/search/，因此将视图函数search绑定到该URL上。

blog/urls.pyurlpatterns=[

#其他url配置

url(r'^search/$',views.search,name='search'),]

大功告成！

结语：以上就是首席CTO笔记为大家整理的关于django前端页面怎么做的相关内容解答汇总了，希望对您有所帮助！如果解决了您的问题欢迎分享给更多关注此问题的朋友喔～