在你的公司或个人项目中使用 Ant Design Pro。 通过Issue 报告bug 或进行咨询。 提交Pull Request 改进Pro 的代码。Star 0 Fork 93 简介 Ant Design Pro 是一套开箱即用的中台前端/设计解决方案 暂无标签 JavaScript MIT Code of conduct 发行版 暂无发行版 贡献者 (196) 全部 近期动态 6年多前加入...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
源码地址:https://github.com/ant-design/ant-design-pro 特性: 2、快速入门 2.1、部署安装 下载地址:https://github.com/ant-design/ant-design-pro 我们使用资料中提供的,已经下载好的文件:ant-design-pro-master.zip 第一步:将ant-design-pro-master.zip解压到任意目录,我的目录是F:\code 第二步,导入项...
001-ant design pro 页面加载原理及过程,@connect 装饰器 一、概述 以列表页中的标准列表为主 Ant Design Pro 默认通过只需浏览器单方面就可处理的 HashHistory 来完成路由。如果要切换为 BrowserHistory,那在 src/index.js 中也有对应的内容可以直接修改,但需要在后端服务器进行相应路由配置。 二、详述 加载过程...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面 前言 前面,我们从第一章的初识拉取项目一直到本章节的正式完成自己的 ant design pro的第一个页面,一路心酸,但是伙伴们能够看到这里也证明大家很优秀,至少坑被我们踩的差不多了,下来我们就跟随脚步一起写我们的第一个...
ant design pro 大家看到没有,基本布局是一致的,不同的是顶部区域和菜单区域的样式个人感觉ng-alain看着更加的美观和舒服。 ng-alain介绍 下面是NG-ALAIN的介绍,引用自其网站: “NG-ALAIN 是一个企业级中后台前端/设计解决方案脚手架,我们秉承 Ant Design 的设计价值观,目标也非常简单,希望在Angular上面开发企业后...
一、Ant Design Pro新增单个页面目录 1、 client -> src -> pages 中新增文件夹,比如 category的list ├── category └── list └── _mock.js // 模拟数据(可忽略) └── model.js // 处理请求的model组件,如果简单请求,直接写到 index.jsx中,简单化。(可忽略) ...
ant design pro: https://pro.ant.design/index-cnpro.ant.design/index-cn (一)Dashboard 1 分析页 2 监控页 3 工作台 (二)表单页 1 基础表单:表单页用于向用户收集或验证信息,基础表单常见于数据项较少的表单场景。 2 分步表单:将一个冗长或用户不熟悉的表单任务分成多个步骤,指导用户完成。
从19 年偶然发现了 Ant Design Pro(以下简称 Pro)以来,对我的技术发展有着不容忽视的影响,当然本文着重讨论我在页面标签化展示的研究与实现。刚接触 Pro 的时候自己还是一个工作中用 Java,业余学习 React 而转型前端的毕业一年的菜鸟。突然面对 Pro 这样一个庞杂的脚手架(当时的版本 Pro v2),而且还要做一个自...
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: 我们在locales的zh-CN (中文)的menu....