You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1.8 KiB

创建示例页面步骤

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