返回

Sula中的面向对象配置——如何查询表格

前端

从 表格 的角度,我们看到前端和后端信息交互点其实主要有 增删改查 四个操作:

  1. 查询操作:基于配置,拼接成SQL语句,查出数据,展示数据。
  2. 增加操作:前端提交的数据,拼接成SQL语句,插入数据。
  3. 更新操作:前端提交的数据,拼接成SQL语句,更新数据。
  4. 删除操作:根据id,拼接成SQL语句,删除数据。

根据这种映射关系,我们前端其实就只需要将我们希望 做的事情 翻译成 这种SQL语言。

如果我们做到了这一步,其实就可以通过配置去屏蔽前端和后端操作的差异,从而达到减少双方开发沟通成本。当然,仅做到这一步是完全不够的,它只是最基础的一个前提条件,除此之外,还需要满足一个条件,即 后端开发同学采用 面向对象 的开发方式。

如果后端同学使用 面向对象 的开发方式,就会将数据和行为打包在一个对象中,这样一来,前后端在定义数据操作语言的时候就会基本一致。我们就可以利用这一点,在 面向对象 配置层面,直接给到一个通用接口,前端只需要按照这个接口传递参数就能调用后端的能力。

这样就相当于在前端中台产品层面,给出一个标准的业务开发规范,前端和后端都遵循这个规范,那它们之间的数据操作语言就会得到统一,沟通成本就会降低。当然,这个规范并不是空中楼阁,它是从实际业务场景中提炼出来的,并沉淀成一套规范。

Sula 中如何查询一个表格

使用 Sula 查询一个表格,大致分为以下步骤:

  1. 引入包 :在项目中引入 Sula 的包。
  2. 配置表格对象 :使用 Sula 的配置语法来配置表格对象,包括表格名、字段、主键等信息。
  3. 创建表格对象 :使用 Sula.createTable 函数创建表格对象。
  4. 查询数据 :使用表格对象的 select 方法查询数据,并返回一个 Promise 对象。
  5. 处理查询结果 :当 Promise 对象 resolved 后,就可以处理查询结果了。

下面是一个查询表格的例子:

import Sula from '@sula/core';

// 配置表格对象
const tableConfig = {
  name: 'user',
  fields: [
    { name: 'id', type: 'int', primaryKey: true },
    { name: 'name', type: 'string' },
    { name: 'age', type: 'int' },
  ],
};

// 创建表格对象
const table = Sula.createTable(tableConfig);

// 查询数据
table.select().then((result) => {
  // 处理查询结果
  console.log(result);
});

上述代码中,我们首先引入 Sula 的包,然后配置表格对象,包括表格名、字段、主键等信息。接下来,我们使用 Sula.createTable 函数创建表格对象。最后,我们使用表格对象的 select 方法查询数据,并返回一个 Promise 对象。当 Promise 对象 resolved 后,就可以处理查询结果了。

总结

Sula 是一个面向前端中台的产品级配置化框架,希望帮助非专业前端同学可以最小学习成本开发高质量、高体验的前端中台产品。Sula 的查询表格功能使用起来非常简单,只需几行代码即可完成查询操作。