分析系统 VUE 前端代码
Go to file
2024-03-07 09:56:43 +08:00
public 调整系统的标题及logo 2024-03-01 09:50:25 +08:00
src fix: 优化对Result Display进行排序的位置 2024-03-07 09:56:43 +08:00
.dockerignore first commit 2023-05-06 15:58:45 +08:00
.editorconfig first commit 2023-05-06 15:58:45 +08:00
.env first commit 2023-05-06 15:58:45 +08:00
.env.development env: 开发环境地图环境变量 2023-12-15 09:25:05 +08:00
.env.production feat: 增加在线/离线图切换 2023-12-14 18:30:49 +08:00
.env.test first commit 2023-05-06 15:58:45 +08:00
.eslintignore first commit 2023-05-06 15:58:45 +08:00
.gitattributes first commit 2023-05-06 15:58:45 +08:00
.gitignore first commit 2023-05-06 15:58:45 +08:00
.prettierrc first commit 2023-05-06 15:58:45 +08:00
babel.config.js first commit 2023-05-06 15:58:45 +08:00
Dockerfile first commit 2023-05-06 15:58:45 +08:00
idea.config.js first commit 2023-05-06 15:58:45 +08:00
jsconfig.json feat: Beta Gamma的各弹窗,对接部分接口 2023-07-20 14:11:37 +08:00
LICENSE first commit 2023-05-06 15:58:45 +08:00
package-lock.json first commit 2023-05-06 15:58:45 +08:00
package.json fix: 修复toPrecision精度问题 2023-11-13 15:56:44 +08:00
README.md first commit 2023-05-06 15:57:33 +08:00
vue.config.js 完成analysis模块Gamma下面 log 菜单弹窗中的文件保存功能 2023-09-05 16:31:09 +08:00
yarn.lock 处理压缩包不能解压问题 2023-07-24 09:37:43 +08:00

Ant Design Jeecg VueJeecgBoot 低代码平台)

当前最新版本: 3.4.3发布日期20221107

AUR GitHub stars GitHub forks

Overview

基于 Ant Design of Vue 实现的 Ant Design Pro Vue 版 Jeecg-boot 的前端UI框架采用前后端分离方案提供强大代码生成器的低代码平台。前端页面代码和后端功能代码一键生成不需要写任何代码保持jeecg一贯的强大

强大的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE) 帮助解决Java项目70%的重复工作,让开发更多关注业务。既能快速提高效率,节省成本,同时又不失灵活性

项目介绍

说明JeecgBoot前端提供两套解决方案一套VUE2和一套VUE3版本目前vue2版本最新代码只支持到jeecgboot 3.4.3版本,一定注意。

Vue2与Vue3版本区别

  • VUE3版本彻底抛弃IE兼容不兼容IE和低版本浏览器只适配高版本谷歌和Edge 政府、事业类单位项目需要谨慎选择——国产化迁移是一个漫长的过程万一过程中要求IE兼容这个不可逆
  • 所以如果对浏览器有要求的项目请选择VUE2版本。
  • VUE3版是全新的技术栈紧跟主流前端重写各个功能都做了优化拥有更好的体验效果

项目源码

仓库 前端源码Vue2版 后端源码
Github ant-design-vue-jeecg jeecg-boot
码云 ant-design-vue-jeecg jeecg-boot

项目说明

项目名 说明
jeecg-boot JAVA后台支持微服务
ant-design-vue-jeecg Vue2版前端代码

技术支持

本项目关闭issue使用中遇到问题或者BUG可以在 JeecgBoot主项目上提Issues

官方支持: http://jeecg.com/doc/help

技术文档: http://doc.jeecg.com

前端技术栈

此处是Vue2版的技术栈介绍

项目下载和运行

  • 拉取项目代码
git clone https://github.com/zhangdaiscott/jeecg-boot.git
cd  jeecg-boot/ant-design-vue-jeecg
  • 安装依赖
yarn install
  • 开发模式运行
yarn run serve
  • 编译项目
yarn run build
  • Lints and fixes files
yarn run lint

Docker镜像启动前端单体模式

# 1.配置host

   127.0.0.1   jeecg-boot-system

# 2.修改前端项目的后台域名
   .env.development
   域名改成: http://jeecg-boot-system:8080/jeecg-boot
  
# 3.进入项目根目录,执行打包命令
 yarn run build

# 4.构建镜像
 docker build -t jeecgboot-ui2 .

# 5.启动镜像
 docker run --name jeecgboot-ui-vue2 -p 80:80 -d jeecgboot-ui2

# 6.访问前台项目
 http://localhost

其他说明

  • 项目使用的 vue-cli3, 请更新您的 cli

  • 关闭 Eslint (不推荐) 移除 package.jsoneslintConfig 整个节点代码

  • 修改 Ant Design 配色,在文件 vue.config.js 中,其他 less 变量覆盖参考 ant design 官方说明

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* less 变量覆盖,用于自定义 ant design 主题 */

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }

附属文档

备注

@vue/cli 升级后eslint 规则更新了。由于影响到全部 .vue 文件,需要逐个验证。既暂时关闭部分原本不验证的规则,后期维护时,在逐步修正这些 rules

系统效果

大屏模板

输入图片说明

输入图片说明

PC端

输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明

在线接口文档

输入图片说明 输入图片说明

报表

输入图片说明 输入图片说明 输入图片说明 输入图片说明 输入图片说明

流程

输入图片说明 输入图片说明 输入图片说明 输入图片说明

手机端

PAD端