Django 处理用户输入

本文详细介绍了使用Django框架创建博客的过程,包括增加用户输入流程、添加HTML表单、配置URLconf、创建视图处理用户输入及使用Django表单进行优化的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

增加用户输入流程

  • 添加一个HTML表单
  • 插入(URL,视图)这样的URLconf项
  • 创建视图来处理用户输入

添加HTML表单

blog\templates\archive.html

<form action="/blog/create/" method="post"> {% csrf_token %}
    Title:
    <input type=text name=title><br>
    Body:
    <textarea name=body rows=3 cols=60></textarea><br>
    <input type=submit>
</form>

开发时,将输入放在显示页面,只是为了调试方便。
POST方法需要添加{% csrf_token %}

添加URLconf

blog\urls.py

urlpatterns = [
    url(r'^$', archive),
    url(r'^create/', create_blogpost),#新增 
]

视图添加处理

blog\views.py

from django.http import HttpResponseRedirect

def create_blogpost(request):
    if request.method == 'POST':
        BlogPost(
            title=request.POST.get('title'),
            body=request.POST.get('body'),
            timestamp=datetime.now()
        ).save()
    return HttpResponseRedirect('/blog/')

测试

  1. 访问http://127.0.0.1:8000/blog/
  2. 输入信息
  3. 点击“Submit”
  4. 可以在网页看到新增blog

过程:
页面输入=>Submit=>“/blog/create/”Action =>Urlconf=>create_blogpost()=>BlogPost.save()=>重定向到/blog/=>页面显示

使用Django表单优化

  1. 修改模型
    blog\models.py, 新增BlogPostForm类
class BlogPostForm(forms.Form):
    title=forms.CharField(max_length=150)
    body=forms.CharField(widget=forms.Textarea(attrs={'rows':3, 'cols':60})
    timestamp=forms.DateTimeField()

当字段和数据模型完全一致时,可以使用ModelForm,通过Meta.model指定数据模型,exclude指定要从HTML表单中移除的字段。

class BlogPostForm(forms.ModelForm):
    class Meta:
        model = BlogPost       
        exclude = ('timestamp',)
  1. 修改HTML
    blog\templates\archive.html
<form action="/blog/create/" method="post"> {% csrf_token %}
    <table>{{ form }}</table><br>
    <input type=submit>
</form>
  1. 修改视图
    blog\views.py
def create_blogpost(request):
    if request.method == 'POST':
        form = BlogPostForm(request.POST)
        if form.is_valid():
            post = form.save(commit=False)  #此处为表单的save(),因为commit=False,在post.save()前不会保存数据
            post.timestamp = datetime.now()
            post.save()
    return HttpResponseRedirect('/blog/')
插件使用配置(config)还是很灵活的,当然也是弊端,配置不当,效果就没了。 使用时候,重要的参数如下(此demo参数配置点击右键看源码): url: 'http://suggest.taobao.com/sug?code=utf-8&extras=1', queryName: 'q', //url?queryName=value,默认为输入框的name属性 jsonp: 'callback', //设置此参数名,将开启jsonp跨域功能(我要调淘宝数据,非跨域不可,淘宝的回调参数名就是callback),否则使用json数据结构 item: 'li', //下拉提示项目单位的选择器,默认一个li是一条提示,与processData写法相关。 processData: function(data){ }//自定义处理返回的数据,该方法可以return一个html字符串或jquery对象,将被写入到提示的下拉层中。 右键查看源码,将看到本demo所编写的processData函数是怎样的,所以这个参数是把如何表现交给你来做了,但别忘了配合 item 参数 getCurrItemValue: function($currItem){ }//定义如何去取得当前提示项目的值并返回值,插件根据此函数获取当前提示项目的值,并填入input中,此方法应根据processData参数来定义。 是的,如果你自定义了processData,这个参数恐怕也需要自定义,默认是获取$currItem.html(),你也可以return $currItem.attr('an attrName'); 右键查看源码,将看到本demo所编写的getCurrItemValue函数是怎样的 textchange: function($input){}, //不同于change事件在失去焦点触发,inchange依赖本插件,只要内容有变化,就会触发,并传入input对象 onselect: function($currItem){} //当选择了下拉的当前项目时执行,并传入当前项目。比如选择了某个提示项目,就提交表单。 sequential: 0, //按着方向键不动是否可以持续选择,默认不可以,设置值可以是任何等价的boolean
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值