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

Ant Design Jeecg Vue

当前最新版本: 3.0.0(发布日期:2021-11-01)

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 封装实现

项目下载和运行

  • 拉取项目代码
    bash 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 官方说明
    ```ecmascript 6
    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
```

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

Copyright (c) 2019 DaiHao Zhang

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.