当前位置: 首页 > news >正文

aj-report本地前后端分离部署运行

github项目地址

aj-report-mine

在源代码v1.4版本基础上,本地进行前后端分离部署开发
这里我是进行了整合,把自己在拉取源代码到成功运行过程中的一些东西直接整合,根据下面的步骤即可成功运行

资源获取

夸克网盘(16-github-aj-report-requires):https://pan.quark.cn/s/b64d4d424196
迅雷网盘:https://pan.xunlei.com/s/VOF1q58T3734nwZx4b5SzXMlA1?pwd=nkqj#

环境准备工作

代码拉取:

  1. git

后端部分:

  1. jdk1.8
  2. maven
  3. mysql 8.0
  4. 数据库连接工具(navicat16)

前端部分:

  1. nvm(直接安装这个控制nodejs版本)
  2. nodejs v14.16.0

环境安装好之后,检查相应的环境变量是否已添加到系统
右键我的电脑,属性,高级系统设置,环境变量
大致如图:
在这里插入图片描述
在这里插入图片描述

注: node安装之后应该会自动添加环境变量,我这里截取的是jdk和maven的,这两个我安装后是手动添加的,最好检查一下
打开cmd:java -version 输出 java version “1.8.0_301”
node -v 输出 java version “1.8.0_301”
echo %JAVA_HOME% 输出 你的环境变量配置位置
echo %MAVEN_HOME% 输出 你的环境变量配置位置
在这里插入图片描述

数据库准备以及相关代码修改

  1. 环境好了之后,先拉取代码,初始结构如图
    在这里插入图片描述

  2. navicat16进入后创建一个 名为:localhost 的本地连接
    相关数据:
    主机:localhost
    端口:3306
    用户:root
    密码:root
    在这里插入图片描述

  3. 修改代码,通过代码编辑软件打开 拉圈的项目根目录,
    然后到 根 -> report-core -> src -> main -> assembly -> bin -> start.bat 修改如图:
    将JAVA_HOME 改为自己java的环境变量地址即可
    在这里插入图片描述

然后到 根 -> report-core -> src -> main -> resources -> bootstrap.yml 修改如图:
将配置改为自己的mysql设置
在这里插入图片描述

操作一,整体直接打包运行

  1. 可以直接 在项目右键,打开git,输入 sh build.sh 此时进行项目的压缩打包
    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  1. 此时,在build文件夹会生成一个压缩包如图:
    在这里插入图片描述

  2. 解压,运行bat文件(双击)
    在这里插入图片描述

如图界面即正在运行:
在这里插入图片描述

  1. 浏览器访问: localhost:9095 即可

操作二 前后端分离

  1. 后端 直接在控制台终端cd到 report-core,然后运行代码:mvn clean package
    在这里插入图片描述

在这里插入图片描述

成功后可以看到这样一个压缩包:
在这里插入图片描述

解压之后使用方法找到内部的 .bat文件双击运行即可,
在这里插入图片描述

  1. 前端 直接在控制台终端cd到 report-ui,然后运行代码:npm install 安装前端相关依赖
    之后运行: npm run dev 等待成功会自动打开浏览器窗口

结束

以上就是我的两种打开 aj-report 大屏项目的方式
原始版本在:github.com/anji-plus/report 感兴趣的可以前往自行研究

http://www.lryc.cn/news/510402.html

相关文章:

  • CSS 过渡动画效果
  • 网络安全 - DOS
  • 【强化学习】Stable-Baselines3学习笔记
  • 前端真实面试题自用
  • vue3和springboot使用websocket通信
  • JS 解构、数组扩展符和模板字符串的常见用法
  • 低代码开源项目Joget的研究——Joget7社区版安装部署
  • Golang 为什么没有注解?
  • Visual Studio Code(VS Code)配置C/C++环境
  • LabVIEW软件开发的未来趋势
  • Node.js 助力前端开发:自动化操作实战
  • HuggingFace peft LoRA 微调 LLaMA
  • 记-编译magisk_v22
  • 前端登录业务
  • 项目2路由交换
  • 易语言 OCR 文字识别
  • 云手机+YouTube:改变通信世界的划时代技术
  • C++-----------映射
  • 清空DNS 缓存
  • 计算机网络习题( 第3章 物理层 第4章 数据链路层 )
  • UE5 崩溃问题汇总!!!
  • 基于ArcGIS Pro的SWAT模型在流域水循环、水生态模拟中的应用及案例分析;SWAT模型安装、运行到结果读取全流程指导
  • Docker下TestHubo安装配置指南
  • AWS、Google Cloud Platform (GCP)、Microsoft Azure、Linode和 桔子数据 的 价格对比
  • 基础优化方法
  • v语言介绍
  • Ubuntu安装Apache Airflow详细指南
  • 【数据可视化复习方向】
  • CentOS下安装RabbitMQ
  • 探究音频丢字位置和丢字时间对pesq分数的影响