您好,登錄后才能下訂單哦!
今兒繼續(xù)做項(xiàng)目,學(xué)習(xí)了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': '密碼格式錯(cuò)誤', 'min_length': '密碼不能少于6位', 'max_length': '密碼最多50位'}) classInfo = forms.ModelChoiceField(queryset=ClassInfo.objects.all(), required=True, empty_label=None, initial="預(yù)設(shè)值")#這里加的是班級名字 email = forms.EmailField(validators=[email_unique_validate, ], required=True, error_messages={'required': '郵箱不能為空', 'invalid': '郵箱格式錯(cuò)誤'}) mobile = forms.CharField(validators=[mobile_validate, ], required=True, error_messages={'required': '手機(jī)號不能為空'})
然后views通過get方法獲得表單的form
class SignupView(View): def get(self, request): obj = SignupForm() return render(request, 'user/signup.html', locals())
這里可以打印出來obj,可以看到表單類已經(jīng)幫我們生成了前端代碼
<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醫(yī)藥軟件</option> <option value="2">15醫(yī)藥信息</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下拉框里的內(nèi)容是從數(shù)據(jù)庫中取出來的,利用ModelChoiceField,設(shè)置queryset來取出數(shù)據(jù),這樣實(shí)現(xiàn)動(dòng)態(tài)存取select中的值。
而前端代碼可以直接使用這個(gè)表單變量obj
<form method="post" action="{% url 'signup' %}"> ... {% for field in obj %} {{ field }} {% end for %} ... </form>
但是我這里沒有設(shè)置label值,就沒有直接這樣偷懶,而是自己寫了一個(gè)
<form method="post" action="{% url 'signup' %}> .... <tr> <td width="120" align="right" valign="top">用戶名(學(xué)號)</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">手機(jī)號</td> <td width="auto" align="left"><input type="text" class="sls" name="mobile"></td> </tr> ....
前期我一直在用select標(biāo)簽來寫,然后傳值到option里,但是我發(fā)現(xiàn)通過再用obj.classInfo取里面的值時(shí)出現(xiàn)空白值
就類似于原本數(shù)據(jù)庫存著兩個(gè)選項(xiàng),然后前端顯示-------;選項(xiàng)一;空白;選項(xiàng)二;空白。
經(jīng)過一番查找,出現(xiàn)-----這個(gè)選項(xiàng)是因?yàn)闆]有設(shè)置初始值,然后設(shè)置了initial
出現(xiàn)兩個(gè)變量就是因?yàn)榇中拇笠?,obj.classInfo本身就是個(gè)select標(biāo)簽,里面就有兩個(gè)選項(xiàng)。
之后就是post提交驗(yàn)證,然后就是存值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下拉框的傳值實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。