编辑 | blame | 历史 | 原始文档

交通统计报表审核系统 — 打包与部署说明

适用:合并后 main 分支(2026-08-27 起)。后端 Spring Boot 2.7(Java 8),前端 Vue 2 + Element UI。
本文档面向开发与部署同事,命令均在 Windows 下验证。

一、项目结构

目录 说明
traffic-audit-server 后端(Spring Boot,Java 8,端口 8090,接口全部在 /api/**
traffic-audit-web 前端(Vue 2 + Element UI,开发端口 8080,/api 代理到 8090)
docs 运行数据目录(报表 Word/Excel 模板 + 目录导入数据),**发布必须带上**
docs/init.sql 数据库初始化脚本(建库建表 + 初始账号)

二、环境要求

组件 版本 用途
JDK 1.8 后端编译与运行
Maven 3.x 后端打包
Node.js 14+ 前端打包(vue-cli 4.5)
MySQL 8.0 数据库(库名 traffic_audit

三、数据库初始化

先执行建库建表脚本,再按需导入城市客运数据:

mysql --default-character-set=utf8mb4 -h <主机> -P 3306 -u root -p < docs/init.sql
mysql --default-character-set=utf8mb4 -h <主机> -P 3306 -u root -p traffic_audit < docs/sql_city_bus.sql
mysql --default-character-set=utf8mb4 -h <主机> -P 3306 -u root -p traffic_audit < docs/sql_city_taxi.sql
  • init.sql 会重建 traffic_audit 库并预置初始账号:admin / admin123(生产环境请登录后改密码)
  • sql_city_bus.sqlsql_city_taxi.sql 为城市客运(公交/出租)示例数据,按需导入

四、打包

4.1 后端(项目根目录执行)

cmd /c "mvn -q clean package -DskipTests -f traffic-audit-server\pom.xml"

产物:traffic-audit-server\target\traffic-audit-server-1.0.0-SNAPSHOT.jar(可执行 fat jar,约 57MB)。

4.2 前端(traffic-audit-web 目录执行)

cd traffic-audit-web
npm run build

产物:traffic-audit-web\dist\index.html + css/js/fonts,纯静态文件)。

五、部署目录结构(推荐)

deploy\
├─ app.jar                    # 后端 jar(可改名)
├─ docs\                      # 必须:模板与目录导入数据目录
│  ├─ 城市客运\
│  ├─ 公路旅客\
│  ├─ 货运\
│  ├─ 能耗\
│  ├─ 投资\
│  │  └─ 模板\
│  └─ (6月\ 7月\ 等导入数据目录,按需)
└─ web\                       # 前端 dist 的内容
   ├─ index.html
   ├─ css\  js\  fonts\

关键点:

  • docs 必须放在 jar 同级。后端运行时按启动目录向上查找 docs(报表导出的 Word 模板、导入页「下载模板」、目录导入数据都从这里读),找不到会报「未找到数据目录 docs」或「未找到模板文件 xxx」。
  • 首次部署直接把项目里的整个 docs 拷过去最稳妥;后续可精简(只留模板子目录),详见「常见问题」。
  • application.yml 打包在 jar 内;部署机需要改配置时,可在 jar 同级放一个外置 application.yml(外置优先级高于内置),或改完再打包。

六、关键配置(application.yml)

配置项 说明
spring.datasource.url/username/password 数据库连接(模板默认 localhost:3305/root/root,部署机**必须改**;生产建议用环境变量 MYSQL_PASSWORD 注入)
deepseek.api-key AI 分析接口密钥(环境变量 DEEPSEEK_API_KEY,不使用 AI 分析可留空)
jwt.secret 登录令牌密钥(生产必须改,环境变量 JWT_SECRET
docs.template-root 导入模板下载根目录(默认 docs
city-passenger.template-dir 城市客运报表模板目录(默认 docs/城市客运
passenger.template-dir 公路旅客报表模板目录(默认 docs/公路旅客
freight.template-dir 货运报表模板目录(默认 docs/货运
energy.template-dir 能耗报表模板目录(默认 docs/能耗
investment.template-dir 投资报表模板目录(默认 docs/投资/模板

注意:仓库只提交占位模板 application.yml.example,真实 application.yml 不入库。

七、启动后端

cd deploy
java -jar app.jar
  • 成功标志:日志出现 Started TrafficAuditApplicationTomcat started on port(s): 8090
  • deploy 目录下启动即可命中同级的 docs

八、前端部署(nginx 示例)

dist 是纯静态文件,需要 Web 服务器托管;前端接口走相对路径 /api,**必须反代到后端 8090**:

server {
    listen 80;
    server_name _;
    root D:/deploy/web;            # 前端 dist 目录
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;   # 路由为 hash 模式,此行保留以防后续改 history
    }

    location /api {
        proxy_pass http://127.0.0.1:8090;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    client_max_body_size 100m;     # 上传 Excel 需要,与后端 multipart 100MB 对齐
}

九、部署后验证

  1. 浏览器打开 http://<服务器>/
  2. admin / admin123 登录(生产改密后使用新密码);
  3. 数据导入:下载模板 → 上传 Excel(或目录导入);
  4. 报表:查询 → 预览/导出(依赖 docs 模板文件);
  5. AI 分析:需配置 deepseek.api-key 后可用。

十、常见问题

现象 原因 / 处理
启动报「未找到数据目录 docs」 当前运行目录不对;把 docs 放到 jar 同级再启动
导出报「未找到模板文件 xxx」 docs 对应子目录缺模板文件;首次部署拷整个 docs
页面能开但接口 502/404 nginx 没配 /api 反代,或后端没启动成功
数据库连接失败 检查 application.yml 地址/账号/密码;先执行 init.sql
上传大文件失败 检查 nginx client_max_body_size 与后端 multipart 限制
端口占用 后端 8090、前端 80/8080

十一、开发环境日常启动

项目根目录运行一键脚本(自动拉起后端 8090 + 前端 8080):

powershell -NoProfile -ExecutionPolicy Bypass -File start-dev.ps1