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

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

news 2026/4/3 23:34:16

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 感兴趣的可以前往自行研究

相关文章：

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

github项目地址 aj-report-mine 在源代码v1.4版本基础上，本地进行前后端分离部署开发 这里我是进行了整合，把自己在拉取源代码到成功运行过程中的一些东西直接整合，根据下面的步骤即可成功运行 资源获取 夸克网盘(16-github-aj-report-re…...

编程日记 2024/12/27 19:51:49

CSS 过渡动画效果

在 CSS 中，transition 是用来实现元素属性平滑过渡的一个属性。通过 transition，你可以指定当元素的状态发生变化时，如何在一定时间内平滑地过渡到新的样式，而不是立即跳变。 使用于侧边栏展开和收起了，左侧区域的自适…...

编程日记 2024/12/27 19:50:48

网络安全 - DOS

1.1.1 摘要 最近网络安全成了一个焦点，除了国内明文密码的安全事件，还有一件事是影响比较大的——Hash Collision DoS（通过Hash碰撞进行的拒绝式服务攻击），有恶意的人会通过这个安全漏洞让你的服务器运行巨慢无比&…...

编程日记 2024/12/27 19:49:46

【强化学习】Stable-Baselines3学习笔记

【强化学习】Stable-Baselines3学习笔记 Stable-Baselines3是什么安装ExampleReinforcement Learning Tips and TricksVecEnv相关在stablebaselines中使用自定义环境 Stable-Baselines3是什么 Stable Baselines3（简称SB3）是一套基于PyTorch实现的强化学习…...

编程日记 2024/12/27 19:45:43

前端真实面试题自用

一、写在前面 笔者，经过计算机学硕考研的失败后，想谋求一份前端工作实在是太难了。一方面，确实曾经学习过的东西很久没有拾起，另一方面，对于前端面经还是记忆不深刻，特地写此贴记录笔者在真实前端面试中遇…...

编程日记 2024/12/27 19:40:38

vue3和springboot使用websocket通信

前端端口&#xff1a;9090 后端端口&#xff1a;8080 vue3 引入依赖&#xff1a; npm install sockjs-client stomp/stompjs vue页面 <template><div><h1>WebSocket 示例</h1><button click"sendMessage">发送消息</button>…...

编程日记 2024/12/27 19:32:31

JS 解构、数组扩展符和模板字符串的常见用法

文章目录 解构1. 对象解构2. 数组解构 数组扩展符模板字符串 解构 1. 对象解构 想把对象中的属性赋值给变量时, 需要一次一次的赋值&#xff0c;很麻烦。而对象解构, 就是把对象的结构拆解开, 然后把拆解后的属性自动赋值给匹配的变量。 (1) 对象属性赋值变量的传统写法&…...

编程日记 2024/12/27 19:26:24

低代码开源项目Joget的研究——Joget7社区版安装部署

大纲 环境准备安装必要软件配置Java配置JAVA_HOME配置Java软链安装三方库 获取源码配置MySql数据库创建用户创建数据库导入初始数据 配置数据库连接配置sessionFactory编译下载tomcat启动下载aspectjweaver移动jw.war文件编写脚本运行 测试参考资料 Joget&#xff0c;作为一款开…...

编程日记 2024/12/27 19:25:22

Golang 为什么没有注解？

Go 的哲学是：“少就是多，显式优于隐式。”注解虽然方便，但会违背 Go 追求简洁和清晰的设计理念。 什么是注解？为什么看起来很实用？ 注解的定义：注解是一种特殊的元信息，用于修饰代码（如类、方法、字段等），让程序或工具在运行时或编译时解析和处理这些信息。例如： …...

编程日记 2024/12/27 19:24:21

Visual Studio Code(VS Code)配置C/C++环境

一、Visual Studio Code安装 Visual Studio Code&#xff0c;下文中简称为VS Code的详细安装方法请参考VSCode安装教程&#xff08;超详细&#xff09;-CSDN博客 二、MinGW编译器下载与配置 1、MinGW介绍 MinGW(Minimalist GNU for Windows)是一款用于Windows 平台的轻…...

编程日记 2024/12/27 19:22:18

LabVIEW软件开发的未来趋势

LabVIEW软件开发的未来趋势可以从以下几个方面来分析&#xff1a; ​ 1. 与AI和机器学习的深度结合 趋势&#xff1a;LabVIEW正在向集成AI和机器学习方向发展&#xff0c;尤其是在数据处理、预测性维护和自动化控制领域。 原因&#xff1a;AI技术的普及使得实验和工业场景中的…...

编程日记 2024/12/27 19:20:17

Node.js 助力前端开发：自动化操作实战

前端开发中&#xff0c;重复性任务如新建文件、配置路由、生成组件等&#xff0c;往往耗时且容易出错。借助 Node.js 的强大能力&#xff0c;我们可以实现开发过程中的自动化操作&#xff0c;提高效率。 文章目录 自动生成 router 配置文件自动生成组件模板动态构建导航菜单自…...

编程日记 2024/12/27 19:13:11

HuggingFace peft LoRA 微调 LLaMA

1. 安装必要库 pip install transformers peft accelerate2. 加载 LLaMA 模型和分词器 从 Hugging Face Transformers 加载预训练的 LLaMA 模型和分词器。 from transformers import AutoModelForCausalLM, AutoTokenizer# 加载 LLaMA 模型和分词器 model_name "meta-…...

编程日记 2024/12/27 19:09:08

记-编译magisk_v22

1) 下载源码 git clone gitgitee.com:MayuriNFC/Magisk.git 使用国内镜像站 2) 切换标签: git checkout v22.0 3)下载/更新依赖 git submodule initgit sumodule update 4)下载对应ndk(自动下载出错了,用了手动下载), wget -c https://dl.google.com/android/reposito…...

编程日记 2024/12/27 19:06:05

前端登录业务

1.用户登录成功拿到token&#xff0c;放在请求拦截器的请求头中&#xff0c;调用户接口才可以获取到用户信息&#xff0c;存储到仓库中&#xff0c;以便其他组件使用用户信息 2.退出登录需要清空用户数据&#xff0c;以及本地存储&#xff0c;调退出登录接口告诉服务器当前toke…...

编程日记 2024/12/27 19:03:02

项目2路由交换

背景 某学校为满足日常教学生活需求&#xff0c;推动数字校园的建设&#xff0c;学校有办公楼和学生宿舍楼和服务器集群三块区域&#xff0c;请合理规划IP地址和VLAN&#xff0c;实现企业内部能够互联互通现要求外网能通过公网地址访问服务器集群&#xff0c;学生和老师能正常…...

编程日记 2024/12/27 18:56:56

易语言 OCR 文字识别

一.引言 文字识别&#xff0c;也称为光学字符识别&#xff08;Optical Character Recognition, OCR&#xff09;&#xff0c;是一种将不同形式的文档&#xff08;如扫描的纸质文档、PDF文件或数字相机拍摄的图片&#xff09;中的文字转换成可编辑和可搜索的数据的技术。随着技…...

编程日记 2024/12/27 18:53:54

云手机+YouTube：改变通信世界的划时代技术

随着科技的不断进步&#xff0c;手机作为人们生活中不可或缺的工具&#xff0c;也在不断地更新换代。近年来&#xff0c;一个名为“油管云手机”的全新产品正在引起广泛的关注和讨论。作为一个运用最新科技实现的新型手机&#xff0c;它在通信领域带来了全新的体验和革命性的变…...

编程日记 2024/12/27 18:50:50

C++-----------映射

探索 C 中的映射与查找表 在 C 编程中&#xff0c;映射&#xff08;Map&#xff09;和查找表&#xff08;Lookup Table&#xff09;是非常重要的数据结构&#xff0c;它们能够高效地存储和检索数据&#xff0c;帮助我们解决各种实际问题。今天&#xff0c;我们就来深入探讨一下…...

编程日记 2024/12/27 18:48:49

清空DNS 缓存

如果遇到修改了host文件&#xff0c;但是IP和域名的映射有问题的情况&#xff0c;可以尝试刷新DNS缓存。 ipconfig/flushdns win建加R建&#xff0c;然后输入cmd&#xff0c;然后回车 然后回车&#xff0c;或者点击确定按钮。 出现如下所示标识清空DNS 缓存成功。...

编程日记 2024/12/27 18:43:42

家用混动SUV舒适度技术科普入门：从实测看核心技术要点

在家用混动SUV的日常使用中&#xff0c;接送孩子上下学、家庭短途出行是最高频的场景&#xff0c;而“舒适度”并非单纯的主观感受&#xff0c;而是一套涵盖空间设计、座椅工程、材质工艺、座舱适配及动力平顺性的综合技术体系。对于有儿童乘坐需求的家庭而言&#xff0c;舒适度…...

编程新知 2026/4/3 22:12:11

2026年企业APM应用性能观测工具选型指南：四大主流方案深度对比

2026年企业APM应用性能观测工具选型指南&#xff1a;四大主流方案深度对比 2026年&#xff0c;企业数字化转型进入云原生深水区&#xff0c;微服务、分布式架构已成为中大型企业IT系统的标配&#xff0c;同时AI Agent与大模型技术正在深度重构运维体系&#xff0c;可观测性已从…...

编程新知 2026/4/3 21:45:59

纸箱压缩试验机哪个好

在包装行业&#xff0c;纸箱抗压性能直接决定着产品运输安全、仓储效率和企业成本控制。而纸箱压缩试验机&#xff08;抗压试验机&#xff09;就是衡量纸箱是否“扛得住”的核心设备。面对市面上琳琅满目的品牌与型号&#xff0c;很多企业主都会问&#xff1a;纸箱压缩试验机哪…...

编程新知 2026/4/3 21:19:50

天梯赛L2-006 树的遍历

L2-006 树的遍历 给定一棵二叉树的后序遍历和中序遍历&#xff0c;请你输出其层序遍历的序列。这里假设键值都是互不相等的正整数。 输入格式&#xff1a; 输入第一行给出一个正整数N&#xff08;≤30&#xff09;&#xff0c;是二叉树中结点的个数。第二行给出其后序遍历序…...

编程新知 2026/4/3 20:49:33

Docker 快速通关

一、Docker 大致介绍 Docker 可以帮助我们完成应用的 运行&#xff08;run&#xff09;、构建&#xff08;build&#xff09; 和 分享&#xff08;share&#xff09;。 它的核心目标很简单&#xff1a; 把应用和环境打包起来让应用在不同机器上尽量保持一致方便部署、迁移和…...

编程新知 2026/4/3 19:57:09

S-UI前端工程化：ESLint与Prettier代码质量保障

S-UI前端工程化&#xff1a;ESLint与Prettier代码质量保障 还在为代码风格混乱、团队协作困难而头疼吗&#xff1f;S-UI作为专业的代理面板项目&#xff0c;通过完善的工程化配置确保了代码质量。本文将为你解析如何在类似项目中配置ESLint和Prettier&#xff0c;打造规范的开…...

编程新知 2026/4/3 19:32:53

Windows系统盘空间告急？Driver Store Explorer帮你轻松清理冗余驱动，快速释放10GB+

Windows系统盘空间告急&#xff1f;Driver Store Explorer帮你轻松清理冗余驱动&#xff0c;快速释放10GB 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer 你是否曾困惑于Windows系统盘空…...

编程新知 2026/4/3 18:38:19

别再手动改IP了！用NI-USRP Configuration Utility快速配置USRP-2954与LabVIEW通信（附避坑指南）

告别手动配置&#xff1a;NI-USRP Configuration Utility高效连接USRP-2954与LabVIEW全攻略 当第一次将USRP-2954设备连接到电脑时&#xff0c;许多工程师都会遇到一个看似简单却令人头疼的问题——IP配置。设备明明已经通过网线连接&#xff0c;但在LabVIEW中却始终无法识别&…...

编程新知 2026/4/3 18:07:33

汽车行业空气动力学仿真Fluent的license分点方案

汽车行业空气动力学仿真Fluent的License分点方案你是绝非老是在项目高峰时段发现Fluent的License不够用了&#xff0c;而且平时又有数来空闲许可在浪费&#xff1f;你是不光是也在担心合规风险&#xff0c;搞不好一不小心就超了额度&#xff0c;被软件商追着要钱&#xff1f;实…...

编程新知 2026/4/3 17:57:27

自动化抢票工具：从技术原理到实战部署的全流程解析

自动化抢票工具&#xff1a;从技术原理到实战部署的全流程解析 【免费下载链接】DamaiHelper 大麦网演唱会演出抢票脚本。 项目地址: https://gitcode.com/gh_mirrors/dama/DamaiHelper 在票务销售场景中&#xff0c;人工操作面临三大核心痛点&#xff1a;页面刷新延迟导…...

编程新知 2026/4/3 17:51:25