python django框架前端頁面支持導出excel文件

  1. 實際業務中,針對每個產品線運營人員操作后臺經常需要導出excel文件,本例采用抓取的爬蟲數據,當后臺數據在頁面里顯示完后,點擊導出按鈕,頁面提示導出成功或失敗信息,成功則導出Excel文件到static/xlsxfiles文件夾,全部導出后生成文件名為all_poemers.xlsx的excel文件,搜索某一用戶后生成文件名為{{ poemer }}.xlsx的文件 ,{{ poemer }}為django模板變量
    搜索 '李白' 則生成 李白.xlsx
    增加excel操作
  2. 前端采用jQuery和js,使用ajax請求后臺接口,兩個頁面的前端代碼如下:
    2.1 poemers.html頁面修改的部分
<!--poemers.html頁面修改的部分-->
<form method="post" action="{% url 'tangshi:poemers_search' %}" class="container">
    <p><label for="poemer">請輸入詩人名:</label> <input id="poemer" maxlength="1000" name="poemer" value="" type="text" style="width: 400px"/>
        <input type="submit" value="搜索">
        <button id="export_excel" type="button">導出excel</button>
    </p>
    <br>
    {% csrf_token %}
</form>
<script type="text/javascript">
    $(document).ready(function () {
        $("#export_excel").click(function () {
            htmlobj = $.ajax({url: "{% url 'tangshi:export_all_excel' %}", async: false});
            alert(htmlobj.responseText);
        });
    });
</script>

其中{% url 'tangshi:export_all_excel' %} 是django的url模板 標簽用法,'tangshi:export_all_excel' 指向的是app應用 tangshi下面urls.py中name='export_all_excel',其對應的view視圖函數是 app應用tangshi下面 views.py中的 export_all_excel函數.

2.2 poemers_search.html頁面修改的部分

<!--poemers_search.html頁面 ajax請求-->

<p><label for="poemer">請輸入詩人名:</label> <input id="poemer" maxlength="1000" name="poemer" value="{{ poemer }}" type="text" style="width: 400px"/>
    <button id="search" type="button">搜索</button>
    <script type="text/javascript">
        var poemer = $("input[ name='poemer' ]").val();
        $.ajax({
            type: 'POST',
            url: "{% url 'tangshi:poemers_search' %} ",
            data: {
                'poemer': poemer,
                'csrfmiddlewaretoken': '{{ csrf_token }}'
            },
            success: 'success'
        });
    </script>
    <button id="export_excel" type="button">導出excel</button>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#export_excel").click(function () {
                var poemer = $("input[name='poemer']").val();
                $.ajax({
                    type: 'POST',
                    url: "{% url 'tangshi:export_per_excel' %} ",
                    data: {
                        'poemer': poemer,
                        'csrfmiddlewaretoken': '{{ csrf_token }}'
                    },
                    success: 'success'
                });
                alert_text = '導出' + poemer + '數據成功';
                alert(alert_text);
            });
        });
    </script>
</p>

2.3 tangshi.urls.py

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^poemers_search/$', views.poemers_search, name='poemers_search'),
    url(r'^poemers/$', views.poemers, name='poemers'),
    url(r'^all_word_cloud/$', views.poem_ajax, name='all_word_cloud'),
    url(r'^export_all_excel/$', views.export_all_excel, name='export_all_excel'),
    url(r'^export_per_excel/$', views.export_per_excel, name='export_per_excel'),
]

2.4 tangshi.views.py 中export_all_excel 函數為 實例化 SQLS/tangshi_sqls.py里的TangShi類的export_excel函數

def export_all_excel(request):
    tangshi = TangShi()
    alert_text = tangshi.export_excel(None)
    return HttpResponse(alert_text)

2.5 SQLS/tangshi_sqls.py里的TangShi類的export_excel函數

   #首先邏輯判斷是搜索頁面還是默認全部顯示頁面,全部顯示頁面poemer值為None,導出全部,搜索頁面導出某一個詩人數據 poemer會有值
    def export_excel(self,poemer):
        par_path = path.join(BASE_DIR, 'static/xlsxfiles')
        os.chdir(par_path)
        if poemer:
            file = poemer + '.xlsx'
            # 刪除昨日執行文件
            if os.path.isfile(file):
                os.remove(file)
            data = self.per_poemer_data(poemer)
        else:
            file ='all_poemers.xlsx'
            if os.path.isfile(file):
                os.remove(file)
            data = self.all_poemers_data()
        fields = ['id', 'chaodai', 'poemer', 'zuopins_total', 'poemer_url']
        workbook = xlsxwriter.Workbook(file)
        worksheet = workbook.add_worksheet('data')
        # 表頭格式
        format1 = workbook.add_format(
            {'bold': True, 'font_color': 'black', 'font_size': 13, 'align': 'left', 'font_name': u'宋體'})
        # 表頭外格式
        format2 = workbook.add_format({'font_color': 'black', 'font_size': 9, 'align': 'left', 'font_name': u'宋體'})
        # A列列寬設置能更好的顯示
        worksheet.set_column("A:A", 9)
        # 插入第一行表頭標題
        for i in range(0, len(fields)):
            field = fields[i]
            worksheet.write(0, i, field, format1)
        #從第二行開始插入數據
        for i in range(len(data)):
            item = data[i]
            for j in range(len(fields)):
                field = fields[j]
                worksheet.write(i+1, j, item[field], format2)
        workbook.close()
        alert_text = '導出%s條數據到excel成功' % len(data)
        return alert_text
  1. 導出
    3.1 導出全部文件


    文件生成

    頁面提示

    全部數據

    3.2 導出搜索結果的文件

搜索結果

文件生成

頁面提示

搜索的數據導出
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容