当前位置：Gxlcms > 数据库问题 > [oldboy-django][2深入django]学生管理（Form）-- 编辑(设置input标签属性，设置input标签默认显示值，设置input的类型）

[oldboy-django][2深入django]学生管理（Form）-- 编辑(设置input标签属性，设置input标签默认显示值，设置input的类型）

时间：2021-07-01 10:21:17 帮助过：13人阅读

Form生成html标签 a. 通过Form生成Input输入框，Form标签，以及submit标签还是要在前端写的，但是Form标签内的Input标签可以在后台实现；只需要按以下步骤 - views定义StudentForm(Form)类 - views视图函数将Form实例化对象传递给前端 - 前端{{ obj.段 }}即可 b. 通过Form设置前端Input的type属性,即设置不同类型的输入框 # 设置name为text, cls_id为下拉框 class StudentForm(Form): name = fields.CharField(widget= widgets.InputText()) cls_id = fields.IntegerField(widget = widgets.Select()) c. 设置下拉框的内容choices属性 class StudentForm(Form): cls_id = fields.IntegerField( widget=widgets.Select(choices=models.Classes.objects.values_list(‘id‘, ‘title‘)) ) 注意： choices的值必须[元组，(), ()]类型 widget=widgets.Select(choices=[(1, ‘上海‘), (2,‘北京‘)]) d.设置input输入框的class属性 -- attrs name = fields.CharField(max_length=8, min_length=2, widget=widgets.TextInput(attrs={‘class‘: ‘form-control‘}) ) cls_id = fields.IntegerField( widget=widgets.Select( choices=models.Classes.objects.values_list(‘id‘, ‘title‘), attrs={‘class‘: ‘form-control‘} ) ) 注意： attrs参数必须放在TextInput或者Select等内部，而且值必须为字典 e. 通过Form设置前端Input的默认显示值只要在视图函数将实例化一个Form对象，并且设置initial值即可 student_dict = models.Student.objects.filter(id=nid).values(‘name‘, ‘age‘, ‘email‘, ‘cls_id‘).first() obj = StudentForm(initial=student_dict) View Code

2 student_list.html上编辑标签

<a href="/app01/edit_student/nid={{ item.id }}" class="glyphicon glyphicon-pencil">编辑</a>|

3 编辑学生url

url(r‘^edit_student/nid=(?P<nid>\d+)$‘, views.edit_student),

4 视图

def edit_student(request, nid):
    if request.method == "GET":
        student = models.Student.objects.filter(id=nid).values(‘name‘,‘age‘,‘email‘,‘cls_id‘).first()
        obj = StudentForm(initial=student)
        return render(request, ‘app01_edit_student.html‘, {‘obj‘:obj, ‘nid‘: nid})

    else:
        obj = StudentForm(request.POST)
        if obj.is_valid():
            # 更新数据库
            models.Student.objects.filter(id=nid).update(**obj.cleaned_data)
            return redirect(‘/app01/students‘)
        else:
            return render(request, ‘app01_edit_student.html‘, {‘obj‘: obj})

View Code

5 模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>


<div style="width: 500px; margin:0 auto">
    <h4 style="margin-left:20px;" >编辑学生</h4>
    <form class="form-horizontal" action="/app01/edit_student/nid={{ nid }}" method="POST">
        {% csrf_token %}
        <div class="form-group">
            <label class="col-sm-2 control-label">姓名:</label>
            <div class="col-sm-10">
                {{ obj.name }}{{ obj.errors.name.0 }}
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">年龄:</label>
            <div class="col-sm-10">
                {{ obj.age }} {{ obj.errors.age.0 }}
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">邮箱:</label>
            <div class="col-sm-10">
                {{ obj.email }} {{ obj.errors.email.0 }}
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">班级:</label>
            <div class="col-sm-10">
                {{ obj.cls_id }} {{ obj.errors.cls_id.0 }}
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" class="btn btn-default" value="提交"/>
            </div>
        </div>
    </form>
</div>
</body>
</html>

View Code

[oldboy-django][2深入django]学生管理（Form）-- 编辑(设置input标签属性，设置input标签默认显示值，设置input的类型）

标签：label ane return 更新 dict 输入 charset btn 模板

[oldboy-django][2深入django]学生管理（Form）-- 编辑(设置input标签属性，设置input标签默认显示值，设置input的类型）

人气教程排行