土地清查前端

chengbeibei e52eeb454e 系统样式调整:修复中心权限,系统中心页面样式 9 maanden geleden
public 2e6d152806 样式修改:系统样式优化; 10 maanden geleden
src e52eeb454e 系统样式调整:修复中心权限,系统中心页面样式 9 maanden geleden
.dockerignore 57bbc8cd1c Initial commit 11 maanden geleden
.editorconfig 57bbc8cd1c Initial commit 11 maanden geleden
.env 57bbc8cd1c Initial commit 11 maanden geleden
.env.development a113b4aab2 修改增加给server图层接口方法,修改增加style字段后续geoserver用 10 maanden geleden
.env.production 57bbc8cd1c Initial commit 11 maanden geleden
.env.test 57bbc8cd1c Initial commit 11 maanden geleden
.eslintignore 57bbc8cd1c Initial commit 11 maanden geleden
.gitattributes 57bbc8cd1c Initial commit 11 maanden geleden
.gitignore ab4e2d0ac6 调整图片路径,全景路径 10 maanden geleden
.prettierrc 57bbc8cd1c Initial commit 11 maanden geleden
Dockerfile 57bbc8cd1c Initial commit 11 maanden geleden
LICENSE 57bbc8cd1c Initial commit 11 maanden geleden
README.md 57bbc8cd1c Initial commit 11 maanden geleden
babel.config.js 57bbc8cd1c Initial commit 11 maanden geleden
idea.config.js 57bbc8cd1c Initial commit 11 maanden geleden
package.json 57bbc8cd1c Initial commit 11 maanden geleden
vue.config.js 2147c54c36 新建分支:样式改造 9 maanden geleden
yarn.lock 447f9513c6 头部缩进到底部 11 maanden geleden

README.md

Ant Design Jeecg Vue

当前最新版本: 3.1.0(发布日期:20220301)

Overview

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

前端技术

  • 基础框架:ant-design-vue - Ant Design Of Vue 实现
  • JavaScript框架:Vue
  • Webpack
  • node
  • yarn
  • eslint
  • @vue/cli 3.2.1
  • vue-cropper - 头像裁剪组件
  • @antv/g2 - Alipay AntV 数据可视化图表
  • Viser-vue - antv/g2 封装实现

项目下载和运行

  • 拉取项目代码

    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
    

其他说明

  • 项目使用的 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

Docker 镜像使用

# 1.修改前端项目的后台域名
    .env.development
    域名改成: http://jeecg-boot-system:8080/jeecg-boot
   
# 2.先进入打包前端项目
  yarn run build

# 3.构建镜像
  docker build -t nginx:jeecgboot .

# 4.启动镜像
  docker run --name jeecg-boot-nginx -p 80:80 -d nginx:jeecgboot

# 5.配置host

    # jeecgboot
    127.0.0.1   jeecg-boot-redis
    127.0.0.1   jeecg-boot-mysql
    127.0.0.1   jeecg-boot-system
  
# 6.访问前台项目
  http://localhost:80