跳到主要内容

在 Laf 中使用

Laf 是一个集函数、数据库、存储为一体的云开发平台

我们可以通过 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的数据集名字对应
    • label: 显示名称，可选
    • fields: 模型字段, 是一个数字
      • name: 字段名
      • type: 字段类型, 内置支持 text,number,avatar,json,boolean,datetime,password,select,reference,textarea,email,image,url
      • options: 字段配置, 可选, 参考tushan的字段配置使用
    • filter: 筛选项，配置同fields
    • action: 启用的功能
      • create: 创建
      • detail: 详情
      • edit: 编辑
      • delete: 删除
  • authProvider：可选，如果想实现自己的登录鉴权逻辑可以复写
  • dataProvider：可选，如果想实现自己的资源获取逻辑可以复写

访问后台​

部署完毕后访问 https://tushan-lite.msgbyte.com/?config=https://<appid>.laf.dev/tushan 即可打开, <appid> 需要换成你自己的laf应用的appid