注意题主说的是做前端，楼上的回答虽然能解决连接和访问后台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语言实现上述所有的功能。