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

添加首页

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

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

 

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

首先是前端页面

<template>
  <div>
    <el-row class="container">
      <div class="left-grid">
        <el-card class="box-card">
          <template #header>
            <div class="card-header">
              <span>更新沪深300成分股数据</span>
            </div>
          </template>
          <el-form>
            <el-form-item>
              <el-text>信息更新状态：{
  
  { update_status }}</el-text>
            </el-form-item>
            <el-form-item>
              <el-text>操作：</el-text>
              <el-button type="primary" size="medium" @click="updateCSI300"
                >重新更新信息</el-button
              >
            </el-form-item>
          </el-form>
        </el-card>
        <el-card>
          <el-table
            v-loading="loading"
            :data="table_data"
            :show-header="true"
            :max-height="430"
            stripe