Spark数据数据存入数据库,前端通过Echarts展示

首先通过Spark读取本地的CSV文件,该文件中的内容是由Python爬虫得到
  494e01b2fa1645e6b84e713f92444402.png

af31d5b363994365b4bc27a3a5336c15.jpg然后对其中相关的数据进行分析,例如电影类型分析、电影导演出现次数前十、电影主演次数出现前十、电影年代分布以及各类型平均票房等。

b87dffc9fc1445ddab09950d2b39ce7c.jpg

并将这些分析处理的结果写入到数据库对应的表当中。

fb6d98c917934a40894e34470fab8995.jpg

对于出现次数需要进行相应的词频统计。   b586b2b9e9cf48c7b7fa5917015a3f05.jpg

 此处以电影类型对应电影出现次数进行举例,以下是存入数据库的数据。

7015d4fc07024b46b3395fe938248b7e.jpg

然后我们通过后端去读取该表的数据,首先创建一个实体类Genres。

c6fba4030bfe43f283c39cd47825cd76.jpg

接着我们在mapper层创建GenreMapper去拿取实体类数据。

64b67cd83ba24fe0b39a9203c4109759.jpg

接着,在服务层service去调用mapper层中的方法。

d295969c683e489398624acdc81afaf4.jpg

最后,在控制层controller中去调用服务层的方法。

1b41888bcbf04d8aafe624f5f00a4df2.jpg

通过postman去看是否能拿到理想的值。

64af7609b161424b94df28772f4512dd.png

说明获取值成功,但是我还想将结果通过Vue+Echarts展示出来,就还要在前端去获取相应的值。

首先,设定一个容器,来保证图表能够正常的显示。

63524aa7320640fb92400b54bda9288a.jpg

然后,局部引入Echarts工具。

295f04520e0246e7b88cb6c15ae4becf.jpg

通过调用后端的接口,传入对应的值。

c17311fbf5344e029fe9bee8d82ea87f.jpg

最后重写方法,将刚才的列表赋值给data即可,最终就可以显示出来。  

a67cfaf35ad54495a70e028407e88663.jpg

5d1d1d2bcfc44765a194c5177dda9c6d.jpg 

 

  • 3
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值