1. 程式人生 > 程式設計 >Python之Django自動實現html程式碼(下拉框,資料選擇)

Python之Django自動實現html程式碼(下拉框,資料選擇)

我就廢話不多說了,還是直接看程式碼吧!

#模板
class IndexForm(forms.Form):
 # 模板,使用者提交的name和這裡的變數名一定要是一致的.否則不能獲取資料
 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,'小B虎')]
 )
 pass
#函式
def index(request):
 obj = IndexForm()
 return render(request,"index.html",{'obj': obj})


def edit_index(request):
 obj = IndexForm({'user': 'root','email': '[email protected]','favor': [2,3]})
 return render(request,{'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使用模板實現下拉選單,選單內容讀取後臺動態填充,並動態設定預設值

看程式碼吧!

<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也是自己傳過來得資料,這個資料是我自己定義的另一個庫中的資料,因為兩個庫是關聯的;

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自動實現html程式碼(下拉框,資料選擇)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。