注意題主說的是做前端，樓上的回答雖然能解決連接和訪問後台SQL的問題，但是Excel是做不了前端的，Excel始終是一個應用程序。
如果想要做到題主的需求，需要在前端頁面中嵌入一個類似Excel表格的組件。這種組件如果自己來開發，代價會很大。目前市面上有一些專門做類似Excel表格組件這種的第三方，可以去評估一個不錯的組件，引入到自己的系統中去。我這邊也可以推薦一款SpreadJS，類似這樣的組件嵌入到前端的頁面中就可以實現效果了。並且組件本身也有相應的介面可以獲取或者設置數據，只需要將數據傳遞給伺服器端，伺服器端再與資料庫進行交互就可以解決題主的需求。
㈡ 在vue中，實現純前端讀取和展示excel文件
本項目使用vue Element
使用的插件：XLSX
需要在項目猛春孝中安裝依賴 npm install XLSX
excel表格要枝稿放在src/森畝static目錄下
㈢ 前端、後台對excel表格的處理
這樣的需求需要通過一些專業的類Excel控制項來完成，這些類Excel控制項一般都會有Excel表格展示的功能，在您的系統頁面中嵌入上控制項之後頁面中就會初始化一個Excel表格，之後控制項一般都會將Excel的相關功能全部封裝成對應的API，例如Excel的導入，導出，公式，圖表，形狀，單元格操作等。之後根據需求需要用到哪些調用相應的API就可以完成了。
所以你上面說的讀進用戶的Excel，其實就是導入功能，求和就是公式相關操作的一種，提取列的數據就是正常的單元格操作的其中一種。
如果你是前端導入的話，這里推薦使用SpreadJS,這個是一個純前端的類Excel控制項，可以用JavaScript語言實現上述所有的功能。