参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在src/routes下新建页面的NewPage.js 及 NewPage.less 文件,如果相关页面有多个,可以新建一个文件夹...
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: 我们在locales的zh-CN (中文)的menu....
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 文件,如果相关页面有多个,可以新建一个文件夹...
1、新增router,新增models 新增菜单配置 1、如上图所示,打开/src/common/menu.js可以看到菜单列表 其中menuData 是菜单数组,其中每个对象表示一个菜单 name 表示菜单的名字 path 表示菜单的路由地址名称 icon 表示菜单的icon anthority 表示权限控制可以是字符串也可以数组,参数是准入身份 ...
一、Ant Design Pro新增单个页面目录 1、 client -> src -> pages 中新增文件夹,比如 category的list ├── category └── list └── _mock.js // 模拟数据(可忽略) └── model.js // 处理请求的model组件,如果简单请求,直接写到 index.jsx中,简单化。(可忽略) ...
参考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新增页面步骤 简介:Ant Design Pro新增页面步骤 新增页面步骤 根据页面结构规范创建页面文件后 接着在项目根目录寻找config文件夹下的routes.js中添加该页面项的路由配置 如创建子路由则在父路由下定义routes属性,值为一个数组[],数组中为该路由的子路由路由配置项...
{ title: '测试页面组件页', icon: 'tool', keepAlive: true, permission: ['particle'] } }] }, // new path(-- --新增页面路由-- -- - ) // other /* { path: '/other', name: 'otherPage', component: PageView, meta: { title: '其他组件', icon: 'slack', permission: [ 'dash...
新增页面以弹窗形式完成 要求:包含参数中要求的控件组件,最终发起请求的参数齐全 查询接口 import {addTea, getTeaList} from '@/services/ant-design-pro/api'; addTea为新增老师接口, getTeaList为查询列表接口 查询列表接口参数 image.png 新增老师接口参数(入参) ...