今儿继续做项目,学习了Django的forms生成前端的代码。
forms.py
class SignupForm(forms.Form): username = forms.CharField(validators=[user_unique_validate, username_rule_validate, ], required=True, max_length=30, min_length=5, error_messages={'required': '用户名不能为空', 'max_length': '用户名至少5位', 'min_length': '用户名最多30位'}) password = forms.CharField(min_length=6, max_length=50, required=True, error_messages={'required': '密码不能为空', 'invalid': '密码格式错误', 'min_length': '密码不能少于6位', 'max_length': '密码最多50位'}) classInfo = forms.ModelChoiceField(queryset=ClassInfo.objects.all(), required=True, empty_label=None, initial="预设值")#这里加的是班级名字 email = forms.EmailField(validators=[email_unique_validate, ], required=True, error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'}) mobile = forms.CharField(validators=[mobile_validate, ], required=True, error_messages={'required': '手机号不能为空'})
然后views通过get方法获得表单的form
class SignupView(View): def get(self, request): obj = SignupForm() return render(request, 'user/signup.html', locals())
这里可以打印出来obj,可以看到表单类已经帮我们生成了前端代码
<tr><th><label for="id_username">Username:</label></th><td><input type="text" name="username" value="123123" minlength="5" maxlength="30" required id="id_username"></td></tr> <tr><th><label for="id_password">Password:</label></th><td><input type="text" name="password" value="213123" minlength="6" maxlength="50" required id="id_password"></td></tr> <tr><th><label for="id_classInfo">Classinfo:</label></th><td> <select name="classInfo" id="id_classInfo"> <option value="1" selected>15医药软件</option> <option value="2">15医药信息</option> </select></td></tr> <tr><th><label for="id_email">Email:</label></th><td><input type="email" name="email" value="123123231@qq.com" required id="id_email"></td></tr> <tr><th><label for="id_mobile">Mobile:</label></th><td><input type="text" name="mobile" value="13328768123" required id="id_mobile"></td></tr>
其中select下拉框里的内容是从数据库中取出来的,利用ModelChoiceField,设置queryset来取出数据,这样实现动态存取select中的值。
而前端代码可以直接使用这个表单变量obj
<form method="post" action="{% url 'signup' %}"> ... {% for field in obj %} {{ field }} {% end for %} ... </form>
但是我这里没有设置label值,就没有直接这样偷懒,而是自己写了一个
<form method="post" action="{% url 'signup' %}> .... <tr> <td width="120" align="right" valign="top">用户名(学号)</td> <td width="auto" align="left"><input type="text" name="username" class="sls"> </td> </tr> <tr> <td width="120" align="right">密码</td> <td width="auto" align="left"><input type="password" name="password" class="sls"></td> </tr> <tr> <td width="120" align="right" valign="top">电子邮件</td> <td width="auto" align="left"><input type="text" name="email" class="sls"></td> </tr> <tr> <td width="120" align="right">班级</td> <td width="auto" align="left"> {{ obj.classInfo }} </td> </tr> <tr> <td width="120" align="right" valign="top">手机号</td> <td width="auto" align="left"><input type="text" class="sls" name="mobile"></td> </tr> ....
前期我一直在用select标签来写,然后传值到option里,但是我发现通过再用obj.classInfo取里面的值时出现空白值
就类似于原本数据库存着两个选项,然后前端显示-------;选项一;空白;选项二;空白。
经过一番查找,出现-----这个选项是因为没有设置初始值,然后设置了initial
出现两个变量就是因为粗心大意,obj.classInfo本身就是个select标签,里面就有两个选项。
之后就是post提交验证,然后就是存值render操作了
def post(self, request): has_error = True obj = SignupForm(request.POST) #print(obj) if obj.is_valid(): has_error = False username = obj.cleaned_data['username'] password = obj.cleaned_data['password'] class_name = obj.cleaned_data['classInfo'] email = obj.cleaned_data['email'] mobile = obj.cleaned_data['mobile'] ......
以上这篇Django forms表单 select下拉框的传值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 《怪猎荒野》PS5Pro主机版对比:B测性能都不稳定
- 黄宝欣.1992-黄宝欣金装精选2CD【HOMERUN】【WAV+CUE】
- 群星.1996-宝丽金流行爆弹精丫宝丽金】【WAV+CUE】
- 杜德伟.2005-独领风骚新歌精选辑3CD【滚石】【WAV+CUE】
- 安与骑兵《心无疆界》[低速原抓WAV+CUE]
- 柏菲唱片-群星〈胭花四乐〉2CD[原抓WAV+CUE]
- 金典女声发烧靓曲《ClassicBeautifulSound》2CD[低速原抓WAV+CUE]
- 王杰1992《封锁我一生》粤语专辑[WAV+CUE][1G]
- 群星《一人一首成名曲 (欧美篇)》6CD[WAV/MP3][7.39G]
- 东来东往2004《回到我身边·别说我的眼泪你无所谓》先之唱片[WAV+CUE][1G]
- MF唱片-《宝马[在真HD路上]》2CD[低速原抓WAV+CUE]
- 李娜《相信我》新时代[WAV+CUE]
- 2019明达发烧碟MasterSuperiorAudiophile[WAV+CUE]
- 蔡幸娟.1993-相爱容易相处难【飞碟】【WAV+CUE】
- 陆虎.2024-是否愿意成为我的全世界【Hikoon】【FLAC分轨】