npm 包 emu-orm 使用教程

阅读时长 6 分钟读完

什么是 emu-orm

emu-orm 是一款基于 ReactRedux 的前端 ORM 框架,用于简化数据管理的复杂性并提高开发效率。它智能地处理与后端 API 的通信和迭代。它支持多种数据源,包括 RESTful APIGraphQL API 以及其他数据源。

它的主要功能包括:

  • 数据源的简单配置和自动处理
  • 数据的读写操作(包括原子性操作)
  • 数据订阅的管理和自动处理

安装 emu-orm

emu-orm 可以通过 npm 安装。

快速开始

1. 引入 emu-orm

在你的 index.js 文件中,使用以下代码引入 emu-orm

-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ - -------- - ---- --------------
------ - -------------- ---------- - ---- ----------
------ --- ---- --------

----- ----------- - -----------------
  -- ------- -------
  ---- -----------
---

----- ----- - ------------
  ------------
  -------------------------------
--

-------
  --------- --------------
    ---- --
  ------------
  -------------------------------
--

2. 配置数据源

使用 configure 函数配置你的数据源,并在应用中使用 DataProvider 组件。

-- -------------------- ---- -------
------ ----- ---- --------
------ - --------- - ---- ----------

----- - --------- ------------ - - -----------
  -------- --------------------
---

-------- ----- -
  ------ -
    --------------
      -- --------
    ---------------
  --
-

------ ------- ----

3. 定义模型

使用 Modelattr 定义你的数据模型。在模型中定义的属性会映射到你的数据库表字段。

-- -------------------- ---- -------
------ - ------ ---- - ---- ----------

----- ---- ------- ----- -
  ------ ------------ - --------
  
  ------- ----------
  ------- ---------
  ------- ------
  ------- ----
-

------ ------- -----

4. 使用模型

在你的应用中,你可以使用标准的 CRUD 操作(增删改查)来使用模型。

-- -------------------- ---- -------
------ ----- ---- --------
------ - -------- - ---- ----------
------ ---- ---- ----------------

-------- ------- -
  ----- - ----- ------- ------- ------- ---------- - - ---------------

  ------ -
    -----
      -------------- -- -
        ---- --------------
          ---------------- --------------- ------------
          ------- ----------- -- --------------- - ---- -------- - - ------- -------------
          ------- ----------- -- ------------------------------------
        ------
      ---
      ----- ------------- -- -
        -------------------
        -------- ---------- ------------------------- --------- ------------------------ ---- ------------------- ------ -------------------- ---
        -----------------
      ---
        -----
          ------------ ----- -------------- ----------- ---------------- -------- --
        ------
        -----
          ----------- ----- -------------- ----------- --------------- -------- --
        ------
        -----
          ------------- -------------- ------------ ------------ -------- --
        ------
        -----
          ----------- -------------- ------------- ---------- -------- --
        ------
        ------- -------------------- -------------
      -------
    ------
  --
-

------ ------- ------

5. 订阅数据

在应用中使用 useSubscription 钩子函数订阅数据。useSubscription 接收一个 builder 函数,该函数返回一个 query 对象,用于选择要订阅的数据。

-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------------- -------- - ---- ----------
------ ---- ---- ----------------

-------- ------------- -
  ----- - ---- - - ---------------
  ----- - --------- - - ------------------- -- -
    ------ ---------------- ---- - ---- -- - ---
  ---

  ------ -
    -----
      ------ ------ ----------------- -- -------- - -----------
    ------
  --
-

------ ------- ------------

总结

emu-orm 是一款强大的前端 ORM 框架,它可以使你的数据管理工作更加高效和简单。通过本文的介绍,你可以快速了解 emu-orm 的基本操作和用法。希望这篇文章能够帮助你进行更加高效的前端开发工作。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e20a563576b7b1ece06

纠错
反馈