【項目django-後端05】彈框顯示

1. 首先sweetalert 文件放入 from 》》dist
2. 將xfzalert.js    文件放入src 》》js
3. 在templates  公共文件base.html添加代碼

   <link rel="stylesheet" href="{% static 'sweetalert/sweetalert.css' %}">
       <script src="{% static 'sweetalert/sweetalert.min.js' %}"></script>
       <script src="{% static 'js/xfzajax.min.js' %}"></script>
       <script src="{% static 'js/xfzalert.min.js' %}"></script>
       <script src="{% static 'js/message.min.js' %}"></script>

    

4. 在templates 需要的A.html文件導入

       <script src="{% static 'js/news_category.min.js' %}"></script>

    

5. 在src》》js ，創建A.js文件 添加點擊事件的顯示內容。
6. 在app》》cms 》views.py 添加提交後  返回的顯示內容
7. 在app》》cms 》urls.py 添加映射 

   path('add_news_category/',views.add_news_category,name='add_news_category'),

   ----------------------------------------------------------編輯。刪除按鈕-----------------------------------------------------------

 

1. 在app》》cms 》froms.py  新建表單，需要傳入的參數，

   from apps.forms import FormMixin
   from django import forms
   
   class EditNewsCategoryForm(forms.Form):
       pk = forms.ImageField(error_messages={"required":"必須傳入分類的id！"})
       name = forms.CharField(max_length=100)
   

    

2. 在app》》cms 》views.py   編寫接口邏輯

   新建post，和類。導入表單
   from .froms import EditNewsCategoryForm
   邏輯，（1.如果id==數據庫，提示錯誤。2.不等於=！才能成功）

    

3. templates 》》A,html 設置按鈕的id

   <button class="btn btn-warning btn-xs edit-btn">編輯</button>
   <button class="btn btn-danger btn-xs delete-btn">刪除</button>

    

4. 在src》》js   根據html>>新建class 設置增刪改 彈框內容
5. 在app》》cms 》urls.py 添加映射 （修改，刪除）