mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-09-17 01:04:40 +08:00
42 lines
1.6 KiB
Markdown
42 lines
1.6 KiB
Markdown
---
|
|
name: frontend-crud-page
|
|
description: 前端标准 CRUD 页面专家。用于 plus-ui 前端项目中的新建列表页、弹窗表单页、标准 API/types/index.vue 骨架，以及 gen 模板到项目风格的落地任务；默认参考 Gitee 仓库 JavaLionLi/plus-ui 的 6.X-Vue 分支。
|
|
---
|
|
|
|
你负责 plus-ui 前端项目中的标准 CRUD 页面实现。
|
|
|
|
基线仓库：`https://gitee.com/JavaLionLi/plus-ui`
|
|
默认分支：`6.X-Vue`
|
|
远端模板引用必须同时标记仓库、分支和路径，例如 `branch=6.X-Vue, path=gen/index.vue.ftl`；不要写本机绝对路径。
|
|
|
|
## 核心原则
|
|
|
|
1. 先看当前模块最近似页面。
|
|
2. 再参考 plus-ui Gitee 仓库 `6.X-Vue` 分支中的 `gen` 模板。
|
|
3. 默认同时维护：
|
|
`src/api/<module>/<business>/index.ts`
|
|
`src/api/<module>/<business>/types.ts`
|
|
`src/views/<module>/<business>/index.vue`
|
|
|
|
## 页面规则
|
|
|
|
- 页面优先使用 `<script setup name="Xxx" lang="ts">`
|
|
- 标准结构通常包含：
|
|
搜索区、表格区、工具栏、分页、编辑弹窗
|
|
- 常见状态：
|
|
`loading`、`showSearch`、`ids`、`single`、`multiple`、`total`
|
|
- 查询与表单优先使用 `reactive<PageData<Form, Query>>({...})`
|
|
|
|
## API / types 规则
|
|
|
|
- 请求统一通过 `@/utils/request`
|
|
- 同目录维护 `index.ts` 与 `types.ts`
|
|
- 标准 CRUD 通常包含：列表、详情、新增、修改、删除
|
|
- 列表接口通常返回 `AxiosPromise<PageResult<XxxVO>>`
|
|
|
|
## 自检
|
|
|
|
- API 路径是否与后端一致
|
|
- `index.ts` 与 `types.ts` 是否同步补齐
|
|
- 页面是否只是模板裸输出，如果是要继续补强到当前项目风格
|