今天跟大家唠唠我最近折腾的玩意儿,叫《Walter》。这名字听着挺洋气,是我给一个内部小项目起的代号,别想歪!
事情是这样的,公司最近想搞一个数据分析平台,方便各部门自己查数据、做报表。之前都是找IT部门提需求,效率太低。领导大手一挥,说:“自己动手,丰衣足食!” 就把我给抓来,让我负责搭个原型出来。
我一听头都大,我一搞后端的,对前端那点东西早就忘光光。没办法,硬着头皮上。
我得选个技术栈。前端嘛现在流行的就那几个,Vue、React、Angular。Angular我是彻底放弃,学不进去。React倒是用过几次,但是感觉有点重,学习成本也高。还是选Vue,上手快,文档也全,适合快速原型开发。
后端,我还是用的老本行Java + Spring Boot。这个熟,闭着眼睛都能写。数据库就选MySQL,简单稳定。
技术栈定下来,就开始撸代码。前端搭个Vue脚手架,后端建个Spring Boot项目,先把架子搭起来。
然后就是前后端联调。这块最烦人,各种跨域问题、接口参数问题。我用Postman一遍一遍地测,改又改。好在Vue有ProxyTable,可以解决跨域问题。后端也加CORS支持,总算把接口跑通。
接下来就是数据可视化。我选ECharts,功能强大,图表种类也多。照着ECharts的文档,把各种图表都跑一遍,折线图、柱状图、饼图、散点图,应有尽有。
数据从数据库里取出来,处理成ECharts需要的数据格式,再渲染到页面上。这块花我不少时间,各种数据格式转换,各种Bug。
最让我头疼的是报表导出功能。领导说,要把报表导出成Excel,方便大家下载。我找半天,发现Java有个叫EasyExcel的库,可以方便地生成Excel文件。
照着EasyExcel的文档,把数据写入Excel文件,再把文件返回给前端。前端收到文件后,弹出一个下载框,用户就可以下载Excel文件。
整个项目,我一个人吭哧吭哧地搞一个多月,总算把原型搭出来。虽然界面丑点,功能简陋点,但是基本满足需求。
给领导演示的时候,领导还挺满意,说:“不错不错,继续优化!”
听到领导这句话,我心里五味杂陈。优化?我哪有时间优化!只能等以后有空再说。
这回《Walter》项目的实践,让我又重新捡起前端的知识,也学到一些新的技术。虽然过程很痛苦,但是结果还是挺让人满意的。
以后有机会,再跟大家分享其他实践项目。
还没有评论,来说两句吧...