我们可以通过 Tushan 预设好的库快速实现 Laf 数据库的后台管理页面，仅需要简单配置一下字段列表即可快速实现后台管理系统
如何使用
从函数市场开始
你可以从 laf 的函数市场快速开始，点击使用模板以后则可以快速加入到你的应用
为了你的数据库安全，请填入随机性比较大的密码与秘钥防止破解。
手动添加
在你的laf应用中创建一个拦截器(命名为: __interceptor__)
安装依赖tushan-laf-json-server, 版本取最新版即可
填入从以下内容开始:
import { createTushanJsonServerInterceptor } from 'tushan-laf-json-server'
export default async function (ctx: FunctionContext) {
try {
return await createTushanJsonServerInterceptor(ctx as any, {
auth: {
/**
* 请修改以下三个字段，分别是后台的用户名，密码，和秘钥签名字段
*/
username: 'tushan',
password: "tushan",
secret: "tushan-secret"
},
config: {
/**
* 以下是数据库模型以及模型对应字段的名称和类型
* 类型有: text,number,avatar,json,boolean,datetime,password,select,reference,textarea,email,image,url
*
* action表示是否开启相应的功能，默认只有列表页面
*/
resources: [
{
name: "test",
fields: [
{
name: "id",
type: "text"
},
{
name: "content",
type: "textarea",
}
],
action: {
create: true,
detail: true,
edit: true,
delete: true
}
}
]
}
});
} catch (err) {
console.error(err)
} finally {
return true;
}
}
配置解释
在 createTushanJsonServerInterceptor 中需要两个参数, 分别是http请求的上下文 ctx, 和 tushan 所需要的配置选项.
我们主要说一下配置:
header: 标题footer: 页脚auth: 鉴权相关
username: 后台用户名password: 后台密码secret: 用于签发token的秘钥，随机字符串即可
resources: 一个数组，用于描述配置资源
name: 模型名，与laf的数据集名字对应fields: 模型字段, 是一个数字
name: 字段名type: 字段类型, 内置支持 text,number,avatar,json,boolean,datetime,password,select,reference,textarea,email,image,urloptions: 字段配置, 可选, 参考tushan的字段配置使用
action: 启用的功能
create: 创建detail: 详情edit: 编辑delete: 删除
authProvider：可选，如果想实现自己的登录鉴权逻辑可以复写dataProvider：可选，如果想实现自己的资源获取逻辑可以复写
访问后台
部署完毕后访问 https://tushan-lite.msgbyte.com/?config=https://<appid>.laf.dev/tushan 即可打开, <appid> 需要换成你自己的laf应用的appid
原文链接: [https://tushan.msgbyte.com/lite/laf](https:tushan.msgbyte.com/lite/laf)