快捷導(dǎo)航

Python之Django自動實現(xiàn)html代碼(下拉框,數(shù)據(jù)選擇)

更新時間：2020年03月13日 08:43:41 作者：航海到IT的轉(zhuǎn)變,夢想一直在路上

這篇文章主要介紹了Python之Django自動實現(xiàn)html代碼(下拉框,數(shù)據(jù)選擇)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

我就廢話不多說了，還是直接看代碼吧！

#模板
class IndexForm(forms.Form):
 # 模板,用戶提交的name和這里的變量名一定要是一致的.否則不能獲取數(shù)據(jù)
 user = forms.CharField(min_length=6, error_messages={'required': '用戶名不能為空', 'min_length': '用戶名長度不能小于6'})
 email = forms.EmailField(error_messages={'required': '郵箱不能為空', 'invalid': '郵箱格式錯誤'})
 """
  單選
  favor = forms.ChoiceField(
  choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')]
 )
 """
 # 多選
 favor = forms.MultipleChoiceField(
  choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')]
 )
 pass
#函數(shù)
def index(request):
 obj = IndexForm()
 return render(request, "index.html", {'obj': obj})


def edit_index(request):
 obj = IndexForm({'user': 'root', 'email': '123@qq.com', 'favor': [2,3]})
 return render(request, "index.html", {'obj': obj})
#前端

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<p>{{ obj.user }}</p>
<p>{{ obj.email }}</p>
<p>{{ obj.favor }}</p>
</body>
</html>

補充知識：django使用模板實現(xiàn)下拉菜單，菜單內(nèi)容讀取后臺動態(tài)填充，并動態(tài)設(shè)置默認(rèn)值

看代碼吧！

<select id="heard1" class="form-control" required="" data-parsley-id="6485" name="name">
   {% for name in data_list %}
   <option id="name" value="{{ name }}" {% if name == role_name %} selected {% endif %}>{{ name }}</option>
   {% endfor %}
</select>

這里面的重點是：

{% if name == role_name %} selected {% endif %} 這句話中得判斷條件，name就是自己從data_list中遍歷出來得那個name， role_name也是自己傳過來得數(shù)據(jù)，這個數(shù)據(jù)是我自己定義的另一個庫中的數(shù)據(jù)，因為兩個庫是關(guān)聯(lián)的；

data = UserManage.objects.get(id=id)
role_name = data.user_role.name
query_name_list_set = RolesManage.objects.values("name")
data_list = []
for name_dict in query_name_list_set:
  data_list.append(name_dict.get("name"))
return render(request, "users_manage/edit.html", {"data": data, "data_list": data_list, "role_name": role_name})

貼上代碼，為了防止自己忘記了好回過頭來翻看

以上這篇Python之Django自動實現(xiàn)html代碼(下拉框,數(shù)據(jù)選擇)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: