【java爬虫】首页显示沪深300指数走势图以及前后端整合部署方法

添加首页

本文我们将在首页添加沪深300指数成立以来的整体走势数据展示，最后的效果是这样的

单独贴一张沪深300整体走势图

 

我感觉从总体上来看指数还是比较稳的，没有特别大的波动，当然，这只是相对而言哈哈。

首先是前端页面

对应的后端接口就是添加了获取沪深300指数数据的代码，比较简单，这里不赘述了。

前后端整合部署

我们的项目是前后端分离的项目，但是部署的时候实际上可以将前端页面放到springboot中进行部署，springboot使用theamleaf引擎来分发页面。

这篇文章有介绍前后端整合部署的方法

vue+springboot前后端分离项目整合部署流程_springboot vue前后端分离项目部署-CSDN博客

下面我来介绍一下我们这个项目整合部署的方法

 首先打开命令行，cd到前端项目目录，然后执行 npm run build 命令，执行成功后会看到如下的显示

我们去到项目目录，会看到多了一个dist文件夹

 

我们需要把文件夹中的内容复制到springboot项目中的resource文件夹下面

然后新建一个Controller类用来跳转，里面的内容如下

@Controller
public class IndexController {

    @RequestMapping("/")
    public String parse() {
        return "index";
    }

}

这样一来我们编译出jar包后就可以直接用 9001 端口访问前端页面了。