Compare commits

..
2 Commits
Author SHA1 Message Date
wc24 6dff7b82cc 0.9.0: 导入导出协议改成 sheet 表(多 sheet)
export 返回 { sheet 名: 行数组 },import 收同样的形状 —— 一份负载对应一个 xlsx
工作簿。默认仍是单张表(以 moduleKey 命名),模块重写 export/import 就能自定义
多 sheet(如商品/商店/销售规则一次搬完),不必再把多张表压扁成 __t/__data 两列
塞进一个 sheet。

import 取同名 sheet、没有就退回第一张:手工在 Excel 里建的表叫 Sheet1,老版本
前端发的是裸数组,两种都不该白导。
2026-08-21 20:05:37 +08:00
wc24 355f808294 docs: 字段类型表照实重列——删掉不存在的 json,补上 object/array;select 的属性名是 options;补只读模块怎么注册 2026-08-11 16:57:35 +08:00
7 changed files with 163 additions and 14 deletions
+64 -3
View File
@@ -112,7 +112,7 @@ shrimp 不是铁板一块的协议,它是**一组可选拼装件**。每个件
| 启用前提 | 它的契约 | | 启用前提 | 它的契约 |
|---|---| |---|---|
| **使用 `ShrimpTable`(前端表格组件)** | • list 响应必须是 `IPageResult` = `{ list, total, page, pageSize, totalPages }`<br>• 字段 `type` 必须落在内置枚举:`string` / `number` / `boolean` / `date` / `select` / `textarea` / `password` / `relation` / `json` / `tab` —— 或自行注册 `IFieldTypeHandler`<br>• populate 字段旁挂 `${key}_label`(数组关联挂数组) | | **使用 `ShrimpTable`(前端表格组件)** | • list 响应必须是 `IPageResult` = `{ list, total, page, pageSize, totalPages }`<br>• 字段 `type` 必须落在内置枚举(见下方 §字段类型)—— 或自行注册 `IFieldTypeHandler`<br>• populate 字段旁挂 `${key}_label`(数组关联挂数组) |
| **使用 `buildShrimpRouter` / `ShrimpServer`** | • HTTP 路由形状:`GET /config`、`POST /login`、`GET /me`、`POST /<modulePath>/<event>`<br>• JWT 携带:`Authorization: Bearer <token>`<br>• 后端需实现 `IUserAccessor`(getJwtPayload / isUserActive / getUserRoleIds / isRoleSuperAdmin / getRolePowers / getUserDisplayName) — 见 [src/forExpress/types.ts](src/forExpress/types.ts) | | **使用 `buildShrimpRouter` / `ShrimpServer`** | • HTTP 路由形状:`GET /config`、`POST /login`、`GET /me`、`POST /<modulePath>/<event>`<br>• JWT 携带:`Authorization: Bearer <token>`<br>• 后端需实现 `IUserAccessor`(getJwtPayload / isUserActive / getUserRoleIds / isRoleSuperAdmin / getRolePowers / getUserDisplayName) — 见 [src/forExpress/types.ts](src/forExpress/types.ts) |
| **使用 `MongoShrimp`** | • User/Role/OperationLog 的 mongoose Schema 形状<br>• `onDbConnected` 钩子时序:连接就绪后才能注册需要 DB 的模块 | | **使用 `MongoShrimp`** | • User/Role/OperationLog 的 mongoose Schema 形状<br>• `onDbConnected` 钩子时序:连接就绪后才能注册需要 DB 的模块 |
| **挂 `OperationLogModule`** | • CRUD 动作自动写日志的字段集(operator / module / action / target / time) | | **挂 `OperationLogModule`** | • CRUD 动作自动写日志的字段集(operator / module / action / target / time) |
@@ -248,8 +248,31 @@ export class MyAdmin extends ShrimpServer {
- `required: true` — 表单必填 - `required: true` — 表单必填
- `defaultValue: ...` — 新增时的默认值 - `defaultValue: ...` — 新增时的默认值
**字段 type 选这些:** ### 字段类型
`string` / `number` / `boolean` / `date` / `textarea` / `password` / `select` / `relation` / `json` / `tab`
内置就这 11 个,以 [src/IShrimpType.ts](src/IShrimpType.ts) 的 `ShrimpFieldTypes` 为准:
| type | 用途 |
|---|---|
| `string` | 单行文本 |
| `number` | 数字 |
| `boolean` | 开关 |
| `date` | 日期 |
| `textarea` | 多行文本 |
| `password` | 密码,列表不回显 |
| `select` | 枚举,配 `options: [{label, value}]`(属性名就叫 `options`) |
| `relation` | 关联别的模块,配 `relation: {moduleKey, labelKey}`,见 §3 |
| `tab` | 分组容器 |
| `object` | 嵌套对象,配 `fields: IFieldConfig[]` 描述内部字段 |
| `array` | 数组,配 `item: IFieldConfig` 描述元素 |
字符串数组用 `array` + `item`,不要用 `object`——`object` 要的是 `fields`(一组具名字段),装不下一个同构列表:
```ts
{ key: 'tags', label: '标签', type: 'array', item: { key: '', label: '标签', type: 'string' } }
```
**没有 `json` 这个类型。** 写了它不会报错:前端查不到处理器,静默回落成 `string` 渲染(0.8.2 起控制台留一条 warning)。需要别的形状就自行注册 `IFieldTypeHandler`,别借用不存在的名字。
--- ---
@@ -287,6 +310,15 @@ const orderFields: IFieldConfig[] = [
`initCrud()` 注册了 5 个标准事件,如果你需要更多,自己加。 `initCrud()` 注册了 5 个标准事件,如果你需要更多,自己加。
**要注册得更少(只读模块):不调 `initCrud()` 就行。** 模块访问权本身就涵盖 `list` / `get`,不需要也不应该手动 `addEvent('list')`——`initCrud()` 加的是 `add` / `edit` / `delete` 这几个写入口:
```ts
// 只能看,不能改。前端表格照常出,但没有新增/编辑/删除按钮
new ShrimpTableModule(this, 'item', new MongoShrimpCrud(itemModel), itemFields, '物品管理')
```
字段一律配 `editable: 'readonly'` 是另一件事——那管的是表单控件,不管有没有写入口。两个都要做。
```ts ```ts
class OrderTable extends ShrimpTableModule<IOrder> { class OrderTable extends ShrimpTableModule<IOrder> {
constructor(parent, dataSource) { constructor(parent, dataSource) {
@@ -330,6 +362,35 @@ class UserTable extends ShrimpTableModule<IUser> {
} }
``` ```
### 导入导出:多 sheet
`export`/`import` 的负载是 **`IShrimpSheets` = `{ sheet 名: 行数组 }`**,一份对应一个 xlsx 工作簿。
默认行为:导出一张以 `moduleKey` 命名的 sheet;导入取同名 sheet,没有就退回第一张(手工在 Excel 里建的表叫 `Sheet1`,也能导)。
要一个模块导出多张表(比如"商品 / 商店 / 销售规则"一次搬完),重写这两个方法就行,前端会按 key 自动建 sheet、按名字读回来:
```ts
class ShopTable extends ShrimpTableModule<IShop> {
async export(): Promise<IShrimpSheets> {
return {
goods: await GoodsDB.find().lean(),
shop: await ShopDB.find().lean(),
saleRule: await SaleRuleDB.find().lean(),
}
}
async import(data?: IShrimpSheets) {
for (const row of data?.goods ?? []) { /* 先建商品,记 oldId → newId */ }
for (const row of data?.shop ?? []) { /* 再建商店 */ }
for (const row of data?.saleRule ?? []) { /* 最后用映射还原引用 */ }
}
}
```
注意:
- sheet 名受 Excel 限制 —— 超 31 字符或含 `[]:*?/\` 会被前端替换/截断,别拿长 key 当 sheet 名。
- 单元格放不下对象/数组,前端导出时会把它们 `JSON.stringify`;导入时由字段类型的 `reqFilter`(如 `tab` 的 `parse`)还原。所以嵌套结构建议声明成有 handler 的类型,或自己在 `import` 里 parse。
- 老版本(≤ v0.8.x)的裸数组负载仍能导入,会被当成单张表。
### 字段级 reqFilter / validate ### 字段级 reqFilter / validate
通过 `registerTypeHandler` 注册自定义 type 的处理器: 通过 `registerTypeHandler` 注册自定义 type 的处理器:
+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "shrimp-server", "name": "shrimp-server",
"version": "0.7.12", "version": "0.8.1",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "shrimp-server", "name": "shrimp-server",
"version": "0.7.12", "version": "0.8.1",
"devDependencies": { "devDependencies": {
"@types/bcrypt": "^5.0.0", "@types/bcrypt": "^5.0.0",
"@types/express": "^5.0.0", "@types/express": "^5.0.0",
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "shrimp-server", "name": "shrimp-server",
"version": "0.8.0", "version": "0.9.0",
"description": "Shrimp 框架后端 — 声明式字段驱动的 Node.js 管理后台框架(Express + Mongoose + JWT)", "description": "Shrimp 框架后端 — 声明式字段驱动的 Node.js 管理后台框架(Express + Mongoose + JWT)",
"main": "dist/main/index.js", "main": "dist/main/index.js",
"types": "dist/main/index.d.ts", "types": "dist/main/index.d.ts",
+11 -2
View File
@@ -123,11 +123,20 @@ export interface ITableProto<T> {
delete(id: string): Promise<boolean> delete(id: string): Promise<boolean>
} }
/**
* 导入导出的负载形态:sheet 名 -> 行数组,对应 xlsx 的一个工作簿。
*
* 普通模块就是一个 sheet(默认以 moduleKey 命名);模块重写 export/import
* 就能自定义多 sheet(如「商品/商店/销售规则」各一张),前端按 key 建/读 sheet。
* 兼容:老版本的裸数组负载等价于「单 sheet」,两端都会归一。
*/
export type IShrimpSheets = Record<string, any[]>
/** 完整 Table 协议(后端可用,含管理操作) */ /** 完整 Table 协议(后端可用,含管理操作) */
export interface ITableCrudProto<T> extends ITableProto<T> { export interface ITableCrudProto<T> extends ITableProto<T> {
clear(query?: IPageQuery & any): Promise<boolean> clear(query?: IPageQuery & any): Promise<boolean>
export(query?: IPageQuery & any): Promise<T[]> export(query?: IPageQuery & any): Promise<IShrimpSheets>
import(data?: T[], ownerId?: string): Promise<void> import(data?: IShrimpSheets | T[], ownerId?: string): Promise<void>
} }
// ============== 预制数据模型 ============== // ============== 预制数据模型 ==============
+17 -6
View File
@@ -1,6 +1,6 @@
import { import {
IFieldConfig, IFieldTypeHandler, IShrimpQuery, IShrimpCondition, IShrimpPopulate, IFieldConfig, IFieldTypeHandler, IShrimpQuery, IShrimpCondition, IShrimpPopulate,
IPageQuery, IPageResult, ITableCrudProto, ILabel, ShrimpConfig, ShrimpError, ShrimpFieldTypes, IPageQuery, IPageResult, ITableCrudProto, IShrimpSheets, ILabel, ShrimpConfig, ShrimpError, ShrimpFieldTypes,
} from "../IShrimpType" } from "../IShrimpType"
import { Shrimp } from "./Shrimp" import { Shrimp } from "./Shrimp"
import { ShrimpModule, IShrimpModuleOptions } from "./ShrimpModule" import { ShrimpModule, IShrimpModuleOptions } from "./ShrimpModule"
@@ -457,7 +457,7 @@ export class ShrimpTableModule<T, P extends ITableCrudProto<T> = ITableCrudProto
} }
return await this.dataSource.clear() return await this.dataSource.clear()
} }
async export(query?: IPageQuery & any): Promise<T[]> { async export(query?: IPageQuery & any): Promise<IShrimpSheets> {
const shrimpQuery = this.buildQuery(query) const shrimpQuery = this.buildQuery(query)
delete shrimpQuery.offset delete shrimpQuery.offset
delete shrimpQuery.limit delete shrimpQuery.limit
@@ -465,11 +465,22 @@ export class ShrimpTableModule<T, P extends ITableCrudProto<T> = ITableCrudProto
result.list = await this.prepareResponseItems(result.list) result.list = await this.prepareResponseItems(result.list)
// export 只取全量原始数据,不做序列化;结构化字段(如 tab)的字符串化交前端(生成 xlsx 时)。 // export 只取全量原始数据,不做序列化;结构化字段(如 tab)的字符串化交前端(生成 xlsx 时)。
// import 端如传字符串,由各类型 reqFilter(如 tab 的 parse)还原。 // import 端如传字符串,由各类型 reqFilter(如 tab 的 parse)还原。
return result.list.map(item => this.filterHidden(item)) // 默认一张以 moduleKey 命名的 sheet;要多 sheet 就重写本方法返回多个 key。
return { [this.moduleKey]: result.list.map(item => this.filterHidden(item)) }
} }
async import(data?: T[], ownerId?: string): Promise<void> { /**
if (!data || data.length === 0) return * 从导入负载里取本模块这一张表的行。
for (const raw of data) { * 取 moduleKey 同名 sheet,没有就退回第一张 —— 手工在 Excel 里建的表叫 Sheet1,
* 老版本前端发的是裸数组,两种都不该白导。多 sheet 模块请重写 import 自己分派。
*/
protected pickSheet(data?: IShrimpSheets | T[]): any[] {
if (!data) return []
if (Array.isArray(data)) return data
return data[this.moduleKey] ?? Object.values(data)[0] ?? []
}
async import(data?: IShrimpSheets | T[], ownerId?: string): Promise<void> {
const rows = this.pickSheet(data)
for (const raw of rows) {
const item = { ...raw } as Record<string, any> const item = { ...raw } as Record<string, any>
if (ownerId && this.ownerKey) item[this.ownerKey] = ownerId if (ownerId && this.ownerKey) item[this.ownerKey] = ownerId
const id = item._id ? String(item._id) : undefined const id = item._id ? String(item._id) : undefined
+1
View File
@@ -40,6 +40,7 @@ export type {
IMenuItem, IMenuItem,
ITableProto, ITableProto,
ITableCrudProto, ITableCrudProto,
IShrimpSheets,
IUser, IUser,
IRole, IRole,
IOperationLog, IOperationLog,
+67
View File
@@ -0,0 +1,67 @@
import { describe, it, expect } from "vitest"
import { Shrimp, ShrimpTableModule, MemoryShrimpCrud, ShrimpFieldTypes } from "../src/main"
import type { IShrimpSheets } from "../src/main"
type Row = { _id: string; name: string }
function makeModule() {
const shrimp = new Shrimp()
const crud = new MemoryShrimpCrud<Row>()
const mod = new ShrimpTableModule<Row>(shrimp, "tag", crud, [
{ key: "name", label: "名称", type: ShrimpFieldTypes.String },
], "标签")
mod.initCrud()
return { crud, mod }
}
describe("导入导出的 sheet 契约", () => {
it("export 返回以 moduleKey 命名的单张 sheet", async () => {
const { crud, mod } = makeModule()
await crud.add({ name: "热门" } as any)
const sheets = await mod.export({})
expect(Object.keys(sheets)).toEqual(["tag"])
expect(sheets.tag.map(r => r.name)).toEqual(["热门"])
})
it("import 认同名 sheet", async () => {
const { crud, mod } = makeModule()
await mod.import({ other: [{ name: "别人的" }], tag: [{ name: "热门" }] })
const all = await crud.list({})
expect(all.list.map(r => r.name)).toEqual(["热门"])
})
it("没有同名 sheet 时退回第一张(手工 Excel 的 Sheet1)", async () => {
const { crud, mod } = makeModule()
await mod.import({ Sheet1: [{ name: "热门" }] })
expect((await crud.list({})).list.map(r => r.name)).toEqual(["热门"])
})
it("老版本前端发的裸数组仍然能导", async () => {
const { crud, mod } = makeModule()
await mod.import([{ name: "热门" }] as any)
expect((await crud.list({})).list.map(r => r.name)).toEqual(["热门"])
})
it("多 sheet 由模块重写 export/import 自行分派", async () => {
const shrimp = new Shrimp()
const goods = new MemoryShrimpCrud<Row>()
const shops = new MemoryShrimpCrud<Row>()
class ShopModule extends ShrimpTableModule<Row> {
async export(): Promise<IShrimpSheets> {
return { goods: (await goods.list({})).list, shop: (await shops.list({})).list }
}
async import(data?: IShrimpSheets): Promise<void> {
for (const row of data?.goods ?? []) await goods.add(row as any)
for (const row of data?.shop ?? []) await shops.add(row as any)
}
}
const mod = new ShopModule(shrimp, "shop", shops, [
{ key: "name", label: "名称", type: ShrimpFieldTypes.String },
], "商店")
await mod.import({ goods: [{ name: "木剑" }], shop: [{ name: "杂货铺" }] })
const sheets = await mod.export()
expect(sheets.goods.map(r => r.name)).toEqual(["木剑"])
expect(sheets.shop.map(r => r.name)).toEqual(["杂货铺"])
})
})