整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          讓你的Excel數據登錄web,快來看看哦!

          讓你的Excel數據登錄web,快來看看哦!

          在實際操作的過程中,我們有時需要快速修改單元格內容的次序,具體操作方法為:首先用鼠標選定單元格,同時按下鍵盤上的Shift鍵,接著移動鼠標指針到單元格邊緣,直至出現拖放指針箭頭,然后進行拖放操作。上下拖拉時鼠標在單元格間邊界處會變成一個水平“工”狀標志,左右拖拉時會變成垂直“工”狀標志,釋放鼠標按鈕完成操作后,單元格間的次序即發生了變化。

          網頁上表格形式的信息可以直接從瀏覽器上復制到Excel中,而且效果極佳。在Excel中,你可以像使用Excel工作表那樣打開Html文件,并獲得同樣的功能、格式及編輯狀態。

          Excel的重要功能之一就是能快速方便地將工作表數據生成柱狀、圓餅、折線等分析圖形。要想在Web發布這類以及用于報表裝飾示意類圖形,首先單擊“工具→選項”命令,在“常規”中選擇“Web選項”,選擇是否采用便攜網絡圖形格式(PNG)存儲文件,以加快下載速度和減少磁存儲空間,但要注意這一格式圖形文件將要求瀏覽器支持,并非對所有瀏覽器都合適。如果未選擇PNG圖形格式, Excel會自動選擇并轉換為GIF、JPG格式文件,并創建名為“文件名files”的子文件夾來保存轉換過的圖形。例如,如果文件名為“dog.htm”,則Excel將創建名為“dog/files”的子文件夾。Excel也會支持文件指定文件名,例如“image01.jpg”和“image02.jpg等。若在Web發布時選中圖表的“選擇交互”選項框,則生成的Web頁面將保留Excel的圖形與表格數據互動的功能,即頁面中顯示數據表格和對應分析圖形,用戶如果改變表格中的數據,則對應圖形隨之發生改變。但要注意的是,這一交互并不能刷新存放在服務器端的數據表數據,如果你需要刷新或修改服務器端的數據,則須利用VB等編制腳本程序。

          最后一個是不是好高級的樣子,其實也不太難,回歸線會教大家處理一些看似難又實用的技巧哦,大家快來一起學習吧!

          exceljs是一個讀取,操作和編寫電子表格數據和樣式到XLSX和JSON,從Excel電子表格文件逆向工程設計的項目。之所以稱它最強,是因為它的功能強大,簡直就是專門為Excel打造的前端處理插件,到目前為止,筆者還尚未見過比這個更強大的前端插件,由于其強悍的前端處理能力,這就意味著有很多操作將減輕服務器端壓力,而且性能更加出色!







          Github地址

          https://github.com/exceljs/exceljs

          安裝

          安裝我們當然是首選npm

          npm install exceljs

          創建工作簿

          var workbook=new Excel.Workbook();

          設置工作簿屬性

          workbook.creator='Me';
          workbook.lastModifiedBy='Her';
          workbook.created=new Date(1985, 8, 30);
          workbook.modified=new Date();
          workbook.lastPrinted=new Date(2016, 9, 27);
          // 將工作簿日期設置為1904日期系統
          workbook.properties.date1904=true;

          工作簿視圖

          “工作簿”視圖控制Excel在查看工作簿時打開多少個單獨的窗口。

          workbook.views=[
            {
              x: 0, y: 0, width: 10000, height: 20000,
              firstSheet: 0, activeTab: 1, visibility: 'visible'
            }
          ]

          添加工作表

          var sheet=workbook.addWorksheet('My Sheet');

          用addWorksheet函數的第二個參數設置工作表的選項。

          • 例如:
          // 創建一個紅色標簽顏色的工作表
          var sheet=workbook.addWorksheet('My Sheet', {properties:{tabColor:{argb:'FFC0000'}}});
          
          // 創建一個隱藏網格線的工作表
          var sheet=workbook.addWorksheet('My Sheet', {properties: {showGridLines: false}});
          
          // 創建一個第一行和列凍結的工作表
          var sheet=workbook.addWorksheet('My Sheet', {views:[{xSplit: 1, ySplit:1}]});

          刪除工作表

          使用工作表id從工作簿中刪除工作表。

          • 例如:
          // 創建工作表
          var sheet=workbook.addWorksheet('My Sheet');
          
          // 使用工作表ID刪除工作表
          workbook.removeWorksheet(sheet.id)

          訪問工作表

          // 迭代所有sheet
          // 注意:workbook.worksheets.forEach仍然可以工作,但這個方式更好
          workbook.eachSheet(function(worksheet, sheetId) {
            // ...
          });
          
          // 按名稱獲取表格
          var worksheet=workbook.getWorksheet('My Sheet');
          
          // 按ID獲取表格
          var worksheet=workbook.getWorksheet(1);

          。。。。。。以上只是部分文檔中的介紹,感興趣的小伙伴可以移步Github直接查看詳細的文檔,完整功能了解可參考下一個標題

          PS:提供了中文文檔

          完整功能列表

        1. 創建工作簿
        2. 設置工作簿屬性
        3. 工作簿視圖
        4. 添加工作表
        5. 刪除工作表
        6. 訪問工作表
        7. 工作表狀態
        8. 工作表屬性
        9. 頁面設置
        10. 頁眉和頁腳
        11. 工作表視圖
          1. 凍結視圖
          2. 拆分視圖
        12. Auto Filters
        13. 處理單個單元格
        14. 合并單元格
        15. 定義名稱
        16. 數據驗證
        17. 樣式
          1. 數字格式
          2. 字體
          3. 對準
          4. 邊框
          5. 填充
          6. 富文本
        18. 大綱級別
        19. 圖片
        20. 文件 I/O
        21. XLSX:讀 XLSX寫 XLSX
        22. CSV:讀 CSV寫 CSV
        23. Streaming I/O:Streaming XLSX
        24. 瀏覽器
        25. 價類型
          1. 空值
          2. 合并單元格
          3. 數值
          4. 字符串值
          5. 日期值
          6. 超鏈接值
          7. 公式值
          8. 豐富的文本值
          9. 布爾值
          10. 錯誤值

          雖然以上功能還不能包括了Excel的所有功能,但也已經相當的豐富了!

          總結

          在之前的文章中曾介紹過另一個不錯的前端Excel插件,感興趣的可以去看一看,exceljs擁有這么豐富的功能,如果你想開發一個功能強大的Web電子表格,不妨多嘗試嘗試!

          果圖:

          實現代碼:

          from flask import Flask

          import pandas as pd

          from flask import request


          app=Flask(__name__)#創建對象

          @app.route("/sd",methods=["GET","POST"])#設置路由,實現url方法

          def sd():#業務邏輯

          df=pd.read_excel("F:\數據\Excel\數據源.xlsx",sheet_name="lie1")#讀取指定工作簿中指定表的數據


          sale_date=pd.DataFrame()

          customer_name=request.form.get("customer_name","")

          #Request.Form.Get("from"):取得表單中name為from的控件的值.
          #如果from為text(客戶端) 的name屬性值.則Request.Form.Get("from")為其value;
          #如果from為select(客戶端)的name,則Request.Form.Get("from")為select所選則的值(value)

          if customer_name:

          sale_date=df.query(f"顧客姓名=='{customer_name}'")

          return f"""

          <html><body style="text-align:center">

          <h1>查詢顧客數據</h1>

          <form action="/sd" method="post">#

          顧客姓名:

          <input type="text" name="customer_name" value="{customer_name}">

          <input type="submit" name="submit" value="查詢">

          </form>

          <center>%s</center>

          </body></html>

          """%sale_date.to_html(index=False)#%s 中的s替換為sale_date數據,sale_date.to_html:pandas可將讀取的Excel數據直接轉化為網頁顯示形式

          #f---包裹變量比如name=‘小明’, print(f'hello {name}') --結果:hello 小明


          app.run -()

          備注:

          customer_name=request.form.get("customer_name",""):


          customer_name=request.form.get("customer_name")




          訪問地址:

          需加@app.route("/sd",methods=["GET","POST"])




          %s 字符串 (采用str()的顯示)

          %r 字符串 (采用repr()的顯示)

          %c 單個字符

          %b 二進制整數

          %d 十進制整數

          %i 十進制整數

          %o 八進制整數

          %x 十六進制整數

          %e 指數 (基底寫為e)

          %E 指數 (基底寫為E)

          %f 浮點數

          %F 浮點數,與上相同%g 指數(e)或浮點數 (根據顯示長度)

          %G 指數(E)或浮點數 (根據顯示長度)

          %% 字符"%"


          主站蜘蛛池模板: 肉色超薄丝袜脚交一区二区| 亚洲啪啪综合AV一区| 国产伦精品一区二区三区无广告 | 一区二区在线观看视频| 日韩视频在线观看一区二区| 国产福利电影一区二区三区,日韩伦理电影在线福 | 亚洲一区二区精品视频| 无码av中文一区二区三区桃花岛| 久久er99热精品一区二区 | 亚洲国产成人精品久久久国产成人一区二区三区综 | 东京热无码一区二区三区av| 日韩一区二区三区在线观看| 成人精品一区二区激情| 怡红院美国分院一区二区| 亚洲AV无码一区二区一二区| 在线日产精品一区| 亚洲中文字幕一区精品自拍| 亚洲AV一区二区三区四区| 在线一区二区观看| 日韩精品一区二区三区在线观看| 日韩少妇无码一区二区三区| 久久精品一区二区三区中文字幕| 亚洲日本一区二区三区在线不卡 | 久久综合精品不卡一区二区| 亚洲av午夜福利精品一区| 69福利视频一区二区| 欧美一区内射最近更新| 国产大秀视频一区二区三区| 无码日韩精品一区二区人妻 | 色一情一乱一伦一区二区三区日本 | 久久精品免费一区二区喷潮| 国产无吗一区二区三区在线欢| 午夜福利国产一区二区| 亚洲熟女一区二区三区| 亚洲综合一区二区精品久久| 成人精品一区二区三区电影| 无码精品久久一区二区三区| 亚洲无线码一区二区三区| 69久久精品无码一区二区| 精品一区二区91| 亚洲视频一区调教|