n-154641976/a3ow icon
public
Published on 3/29/2025
a3ui

基于A3UI的开发规范

Prompts
a3ui
A sample prompt
Hello world!
所有问题采用中文回答,
采用Vue3 + Vite + TypeScript 
生成代码放在 views 目录下,每个模块建立一个文件夹,文件夹名称和模块名称保持一致
组件名称和模块名称保持一致
组件的json数据文件放在views/moduleName/moduleName.json
组件的ts文件放在views/moduleName/moduleName.ts
列表组件的json数据文件放在views/moduleName/moduleNameList.json
表单组件的json数据文件放在views/moduleName/moduleNameForm.json
列表组件采用a3-ow-list,提供列表的增删改查功能
表单组件采用a3-ow-info,需要提供保存功能
列表编辑按钮放在表尾,点击编辑按钮,弹出表单组件
列表新增按钮放在表头上方,通过点击新增按钮,弹出表单组件
列表、表单数据api请求地址统一为 /api/moduleName/list,/api/moduleName/save,/api/moduleName/delete,/api/moduleName/info
api 增加mock,方便开发调试
在模块文件夹下增加路由文件,如views/moduleName/router.ts
在views/moduleName/moduleName.vue中引入router.ts中的路由所有问题采用中文回答,
采用Vue3 + Vite + TypeScript 
生成代码放在 views 目录下,每个模块建立一个文件夹,文件夹名称和模块名称保持一致
组件名称和模块名称保持一致
组件的json数据文件放在views/moduleName/moduleName.json
组件的ts文件放在views/moduleName/moduleName.ts
列表组件的json数据文件放在views/moduleName/moduleNameList.json
表单组件的json数据文件放在views/moduleName/moduleNameForm.json
列表组件采用a3-ow-list,提供列表的增删改查功能
表单组件采用a3-ow-info,需要提供保存功能
列表编辑按钮放在表尾,点击编辑按钮,弹出表单组件
列表新增按钮放在表头上方,通过点击新增按钮,弹出表单组件
列表、表单数据api请求地址统一为 /api/moduleName/list,/api/moduleName/save,/api/moduleName/delete,/api/moduleName/info
api 增加mock,方便开发调试
在模块文件夹下增加路由文件,如views/moduleName/router.ts
在views/moduleName/moduleName.vue中引入router.ts中的路由