1. 新增页面与我们往常开发Vue 或者 React 类似,我们需要在文件夹目录的src/pages/下新建一个页面的文件夹。 例如: 2. 我在src下的pages文件夹中新建了一个页面文件夹home,并且在文件夹中建了新的tsx以及less文件。用来代表当前页面的页面内容文件。并且我给这个页面写入了一个内容,它会显示一行文字:这里是Home页...
参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在src/routes下新建页面的NewPage.js 及 NewPage.less 文件,如果相关页面有多个,可以新建一个文件夹...
children 表示菜单下的二级目录 2、菜单配好后我们看routes文件夹,routes文件夹存放的是业务页面入口,习惯上一个菜单放在一个文件夹下对应一个models(下文会提到) routes业务页面入口 以QuestionList为例,它就是1中所说的menuData中的第一个对象,name为“题库列表”的对应模块 3、模块也创建好以后我们还需要创建一...
1.ant design pro 2.由于pro版本升级到2.0,所以重新做了一个分享,下面是目录地址 Ant Desing Pro2.0(一)项目初始化 Ant Desing Pro2.0(二)新增页面 Ant Desing Pro2.0(三)设置代理 Ant Desing Pro2.0(四)与服务端交互 1.在 src/routes/ 下面的任意一个文件夹下面创建一个页面 // 填写如下内容 /** NewP...
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: ...
Ant Design Pro新增页面步骤 简介:Ant Design Pro新增页面步骤 新增页面步骤 根据页面结构规范创建页面文件后 接着在项目根目录寻找config文件夹下的routes.js中添加该页面项的路由配置 如创建子路由则在父路由下定义routes属性,值为一个数组[],数组中为该路由的子路由路由配置项...
antd: true // 开启Ant Design功能 }] ] }; 1. 2. 3. 4. 5. 6. 7. 8. 2.2、小试牛刀 接下来,我们开始使用antd的组件,以tabs组件为例,地址:https://ant.design/components/tabs-cn/ 效果: 参考官方给出的示例,进行使用,创建MyTabs.js文件: ...
参考ant design pro 参考DvaJs 2.目录地址 Ant Desing Pro2.0(一)项目初始化 Ant Desing Pro2.0(二)新增页面 Ant Desing Pro2.0(三)设置代理 Ant Desing Pro2.0(四)与服务端交互 1 新建页面 1.1 在src->pages->『新建文件夹』NewPage->『新建js文件』NewPage.js 和 『新建less文件』NewPage.less ...
一、Ant Design Pro新增单个页面目录 1、 client -> src -> pages 中新增文件夹,比如 category的list ├── category └── list └── _mock.js // 模拟数据(可忽略) └── model.js // 处理请求的model组件,如果简单请求,直接写到 index.jsx中,简单化。(可忽略) ...
新增页面以弹窗形式完成 要求:包含参数中要求的控件组件,最终发起请求的参数齐全 查询接口 import {addTea, getTeaList} from '@/services/ant-design-pro/api'; addTea为新增老师接口, getTeaList为查询列表接口 查询列表接口参数 image.png 新增老师接口参数(入参) ...