|
|
|
@ -0,0 +1,17 @@
|
|
|
|
|
|
|
|
## 创建示例页面步骤
|
|
|
|
|
|
|
|
1. **确认类型**：向用户确认创建的示例页面是属于**文件夹**、**文件**具体哪种类型。
|
|
|
|
|
|
|
|
2. **确认模块**：向用户确认创建的示例页面是属于**views**下面的哪个模块，比如demo,tool等平级模块。
|
|
|
|
|
|
|
|
3. **确认页面名称**：向用户询问该页面主要展示示例功能是什么，根据示例功能提供三个**驼峰命名**的文件名称让用户选择，或者用户自行输入一个名称，切记**名称不可与现有的views下的任一页面名称重复**,例如/views/demo/asyncDynComp,新添加的名称不能与**asyncDynComp**相同。
|
|
|
|
|
|
|
|
4. **根据确认类型创建文件夹或者文件**：
|
|
|
|
|
|
|
|
- 假定用户确认的**页面名称**为**showCreateRequest**
|
|
|
|
|
|
|
|
- 如果是**文件夹**类型，创建showCreateRequest文件夹，文件夹内创建index.vue,由**用户确认**如果需要引入md文档
|
|
|
|
|
|
|
|
- 如果需要引入md文档，则文件夹内创建showCreateRequest.md，index.vue中参考**src/views/demo/backToHttp/backToHttp.vue**写入代码。
|
|
|
|
|
|
|
|
- 如果不需要引入md文档，index.vue中内容模版参考**src/views/demo/formItemWithRangeFields.vue**,内容则根据用户想要实现的示例修改为具体的vue代码。
|
|
|
|
|
|
|
|
- 如果是**文件**类型，则直接创建**showCreateRequest.vue**，内容模版参考**src/views/demo/formItemWithRangeFields.vue**,内容则根据用户想要实现的示例修改为具体的vue代码。
|
|
|
|
|
|
|
|
4. 最后需要根据创建的示例页面修改路由中显示的名称，举例如果showCreateRequest.vue最终创建在demo下，则需要修改**src/router/modules/demo.ts**文件中titleArr变量，在titleArr变量最后添加一个对象，格式如下(其中title根据具体场景创建对应的title)：
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
key: 'showCreateRequest',
|
|
|
|
|
|
|
|
title: '如何创建一个请求',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
```
|
