What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 国际化 内建业界通用的国际化方案 ...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
基于Ant Design of Vue实现的Ant Design Pro 环境和依赖 node yarn webpack eslint @vue/cli ~3 ant-design-vue- Ant Design Of Vue 实现 vue-cropper- 头像裁剪组件 @antv/g2- Alipay AntV 数据可视化图表 Viser-vue- antv/g2 封装实现 请注意,我们强烈建议本项目使用Yarn包管理工具,这样可以与本项目演示...
我们两个项目都是ant-design-pro的,我这里的例子也用的ant-design-pro项目生成的, githup地址:https://github.com/ant-design/ant-design-pro 微服务需要有主应用和子应用 一个子应用可以配置多个相关联的主应用,配置方法都是一样的 这是我的项目,一个主应用,一个子应用 首先,主应用和子应用都要安装yarn ad...
1、安装 Ant Design npm 是 Node 的包管理工具,我们可以通过 npm 安装 Ant Design 加上--save选项,可以同时将配置写入package.json的dependencies字段(生产环境依赖) npm install --save ant-design-vue 1. 2、引入 Ant Design 在Vue 中引入 Ant Design 有两种方式,分别是全部引入和局部引入,下面将会逐一介绍 ...
1. Ant Design Pro 介绍 Ant Design Pro 是蚂蚁金服基于Ant Design Vue 打造的开箱即用的中台前端/设计解决方案。网址 pro.antdv.com/ 安装 从GitHub 仓库中直接安装最新的脚手架代码。 $ git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git my-project $ cd my-project 注意...
1、克隆代码 1 git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git 2、依赖安装 1 npminstall 提示eslint版本报错 去除eslint,将package.json 中eslint相关配置删除 3、重新安装依赖完成,没有报错 1 npminstall 4、 启动项目 ...
后端路由对应的component自动引入逻辑在batchImportFiles,会自动引入view下面的,vue文件作为页面 普通路由参照exampleRouterMap 菜单生成根据路由配置来生成菜单。菜单项名称,嵌套路径与路由高度耦合,具体配置内容参照Ant Design Pro Vue即可 菜单跳转第三方网址的写法meta: { title: 'user.login.login', icon: 'account-...
Ant Design Pro的布局 在Ant Design Pro 中,我们抽离了使用过程中的通用布局,都放在 ==/components/layouts== 目录中,分别为: - BasicLayout:基础页面布局,包含了头部导航,侧边栏和通知栏: - UserLayout:抽离出用于登陆注册页面的通用布局 - PageView:基础布局,包含了面包屑,和中间内容区 (slot) - RouterView...
1、先cd到项目路径下:cd E:\code2\ant-design-vue-pro 2、install:yarn install,执行成功后,在项目目录下会生成一个目录node_modules 3、启动服务:yarn run serve 访问http://localhost:8000,打开登录界面 启动 启动成功 登录界面 三、跳坑 npm与yarn:一开始使用npm来管理项目,一堆报错,根本无法启动编译启动...