當前位置:首頁 » 網頁前端 » 前端類excel
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端類excel

發布時間: 2022-07-22 01:58:26

㈠ 怎麼在web中實現類似excel的表格控制項

你說的是純前端具有類似Excel操作的表格控制項吧?根據你的需求來分析,SpreadJS應該比較符合你的需求,這個控制項可嵌入系統並實現在線Excel的功能。
詳細的信息,可以參考下面的描述
http://www.gcpowertools.com.cn/procts/spreadjs/

㈡ 前端怎麼實現導出excel內容是數值

在web開發中,有一個經典的功能,就是數據的導入導出。特別是數據的導出,在生產管理或者財務系統中用的非常普遍,因為這些系統經常要做一些報表列印的工作。而數據導出的格式一般是EXCEL,我這里就給大家介紹下^_^。
首先我們來導出EXCEL格式的文件吧。現在主流的操作Excel文件的開源工具有很多,用得比較多的就是Apache的POI及JExcelAPI。這里用Apache POI!先去Apache的大本營下載POI的jar包:http://poi.apache.org/
開啟分步閱讀模式
工具材料:
Eclipse
操作方法
01
首先進入poi的官網,下載需要的jar包,如圖所示,下載zip包

02
其次,將下載的zip包解壓,並將根目錄、lib目錄和ooxml-lib目錄下的jar包放入工程目錄的lib文件中(下一步會說明具體位置)。

03
然後,新建javaweb項目,例如poi-micro項目,將上面的jar包復制到poi-micro\WebContent\WEB-INF\lib目錄下,實際上上面的jar包放在本機的固定文件夾中即可,在build path時倒入進去就OK了。

04
導出的excel表格的每一行可抽象成一個實體類,例如,導出學生信息excel表格,則一行記錄表示一個學生的信息。以此為例,則需要新建學生實體類Student,如圖示。該類有一些屬性兩個構造方法和get/set方法組成。

05
下面,編寫導出excel表格的功能實現類了,為了該類具有通用型,使用泛型和反射機制,安裝屬性的順序輸出實體類的屬性信息。

06
最後編寫測試方法,在main方法中新建幾個學生對象,調用上面的excel表格導出類的方法即可。

07
最終的導出excel表格如圖示。

㈢ Web前端怎樣實現像excel那樣的按列拖選的表格

Web前端實現像excel那樣的按列拖選表格的方法:

1.通過flash,flex實現FLEX 功能強大的datagrid

2.通過jquery插件,js實現

JS實現可編輯的表格,雙擊可編輯,可以刪除行和列,增加行和列,重置,導出表格,也可以上下移動元素

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬,自動適應表頭寬度,可通過 Ajax 連接 XML 數據源,類似 Ext Grid,但基於 jQuery 因此更輕量小巧。

㈣ 關於前端如何導出後台傳來的excel介面

題主所說的導出指的是讓前端去下載後台的Excel還時還要有其他操作呢?

如果單純去下載,可以基於XMLHttpRequest請求,請求一個伺服器或者後端的Excel文件,然後設置responseType為blob二進制流來傳輸。例如:

var excelFilePath = 'resources/Excel/importExcel.xlsx';

var xhr = new XMLHttpRequest();

xhr.open('GET', excelFilePath, true);

xhr.responseType = 'blob';

xhr.onload = function(e) {

var blob = this.response;

}

之後onload裡面的blob就是這個Excel文件的二進制流,接下來只要將blob轉成文件進行下載就可以了,JS中有很多開源的第三方類庫可以做到,例如filesaver。如果是用filesaver的話,調用其中的saveAs方法就可以將該blob轉成對應文件進行下載

例如

var fileName = "test.xlsx"

saveAs(blob, fileName);

把上述方法加到onload 方法中,前端就會下載一個名為test.xlsx的Excel文件,內容就是後端傳過來的Excel

如果還要有其他操作例如展示或者在線的編輯,就需要一些第三方控制項來完成了,比如SpreadJS

上述的方法也是在他們的官方論壇中學到的,參考網址:

網頁鏈接

㈤ 前端、後台對excel表格的處理

這樣的需求需要通過一些專業的類Excel控制項來完成,這些類Excel控制項一般都會有Excel表格展示的功能,在您的系統頁面中嵌入上控制項之後頁面中就會初始化一個Excel表格,之後控制項一般都會將Excel的相關功能全部封裝成對應的API,例如Excel的導入,導出,公式,圖表,形狀,單元格操作等。之後根據需求需要用到哪些調用相應的API就可以完成了。

所以你上面說的讀進用戶的Excel,其實就是導入功能,求和就是公式相關操作的一種,提取列的數據就是正常的單元格操作的其中一種。

如果你是前端導入的話,這里推薦使用SpreadJS,這個是一個純前端的類Excel控制項,可以用JavaScript語言實現上述所有的功能。

㈥ 如何實現SpreadJS的純前端Excel導入導出

  • 導入

導入時使用excelio的open方法,在successCallBack回掉中我們可以獲取到Spread.Sheets的JSON對象。

  • 導出

導出時使用save方法,傳遞json對象,在successCallBack中會獲得一個Excel文件的blob對象。您可以在前段通過使用FileSaver.js直接保存Excel,也可將blob提交伺服器處理。

具體的代碼實現,請參考下面的博客

http://blog.gcpowertools.com.cn/post/spreadsheetsv10-clientside-excelio.aspx

㈦ 能不能用Excel做前端,連接和訪問後台的SQLS

注意題主說的是做前端,樓上的回答雖然能解決連接和訪問後台SQL的問題,但是Excel是做不了前端的,Excel始終是一個應用程序。

如果想要做到題主的需求,需要在前端頁面中嵌入一個類似Excel表格的組件。這種組件如果自己來開發,代價會很大。目前市面上有一些專門做類似Excel表格組件這種的第三方,可以去評估一個不錯的組件,引入到自己的系統中去。我這邊也可以推薦一款SpreadJS,類似這樣的組件嵌入到前端的頁面中就可以實現效果了。並且組件本身也有相應的介面可以獲取或者設置數據,只需要將數據傳遞給伺服器端,伺服器端再與資料庫進行交互就可以解決題主的需求。