npm 包 emu-orm 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

什么是 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


猜你喜欢

  • npm 包 goatee-rules.js 使用教程

    1. 什么是 goatee-rules.js goatee-rules.js 是一个基于规则的 JavaScript 库,可用于实现前端表单验证或其他规则检测等功能。

    4 年前
  • npm 包 goatsay 使用教程

    前言 在前端开发中,我们经常需要在控制台输出一些提示信息和调试信息。而自定义输出一些有趣的文案也可以增加代码的趣味性和可玩性。在这里,我们介绍一款 npm 包 goatsay,它能够在控制台输出山羊说...

    4 年前
  • npm 包 goatee-script 使用教程

    什么是 goatee-script goatee-script 是一个轻量、简单、易用的 JavaScript 模板引擎。它可以轻松地帮助你将 JSON 数据转换为 HTML 文本,同时还可以在 HT...

    4 年前
  • npm 包 glslCanvas 使用教程

    前言 glslCanvas 是一个基于 WebGL 的 npm 包,可以用于在网页上展示实时的 GLSL 片段着色器。它提供了一系列的 API,可以用于修改着色器的 uniforms,并能够与 Jav...

    4 年前
  • npm 包 glsl.io-client 使用教程

    glsl.io-client 是一个解析和管理 WebGL 着色器的 JavaScript 包。在前端开发中,WebGL 着色器是不可避免的一部分,但对于许多开发者来说,这是一个颇有挑战性的部分。

    4 年前
  • npm 包 glsl-zoom 使用教程

    glsl-zoom 是一款在 webgl 中进行缩放的工具库,它提供了基于 GLSL 的 shader 帮助实现缩放的功能。在前端开发中,如果需要使用缩放功能,可以很方便地使用 glsl-zoom 包...

    4 年前
  • npm 包 glslGallery 使用教程

    简介 glslGallery 是一个 npm 包,它可以帮助前端开发者轻松地创建和分享 WebGL 片段着色器。它提供了一个基本的 UI,让用户可以添加新的着色器,编辑现有的着色器,以及预览和分享它们...

    4 年前
  • npm 包 glob-lr 使用教程

    在前端开发中,我们经常需要处理文件操作。而针对文件查找操作,npm 包 glob-lr 是非常有用的工具。使用该工具可以快速地扫描文件,通过匹配给定的模式,找到所有符合条件的文件。

    4 年前
  • npm 包 glob-ln 使用教程

    前言 在前端开发过程中,我们经常需要对文件进行处理,比如查找某个目录下的所有指定类型的文件或者在某个目录下新建一个文件夹等等。如何高效地完成这些操作呢?这时候一个非常好用的 npm 包——glob-l...

    4 年前
  • npm 包 glob-manipulate 使用教程

    简介 glob-manipulate 是一个基于 glob 模块的 npm 包,可以对文件路径进行匹配及处理操作。使用它可以快速有效地对符合规则的文件进行处理。 安装 在终端或命令行界面中输入以下命...

    4 年前
  • npm 包 glslify-api 使用教程

    glslify-api 是一个通用的模块化 WebGL 着色器转换器,相比直接使用 WebGL,使用着色器对象来处理图形渲染处理可以带来更好的性能和更好的灵活性。使用 glslify-api,可以更容...

    4 年前
  • npm包glslify-detective使用教程

    在前端开发过程中,我们可能需要使用glsl(OpenGL着色语言)来编写shader程序,但是glsl中包含多个文件和依赖关系,管理和打包成为一个整体非常不便。此时我们可以使用一个npm包——glsl...

    4 年前
  • npm 包 glslify-babel 使用教程

    在前端开发中,WebGL 是一个非常强大的工具,它能够实现复杂的 3D 渲染和特效。而 GLSL 是这个过程中最重要的一部分,它是一个用于编写 OpenGL Shading Language 的语言。

    4 年前
  • npm 包 glslify-import-loader 使用教程

    在前端开发中,我们经常需要使用 GLSL (OpenGL Shading Language)进行 WebGL 编程。GLSL 可以很好地实现对图形图像的渲染,但是在实际开发中需要频繁地编写重复代码,这...

    4 年前
  • npm 包 gol-functional 使用教程

    在前端开发中,我们常常需要对数据进行处理,例如筛选、聚合、转换等等。为了实现这些操作,我们需要使用函数式编程的思想和工具,而 gol-functional 就是其中的一种便捷工具。

    4 年前
  • npm 包 golang-server-reload 使用教程

    简介 golang-server-reload 是一种快速重载 Golang 服务器的 NPM 包。它可以监视任意 Golang 服务器的代码更改,并实时重新加载。

    4 年前
  • npm包gob使用教程

    什么是npm包? npm(Node Package Manager)是Node.js的包管理器,可以帮助开发者安装、更新、卸载和管理Node.js包,以及JavaScript在浏览器中运行时需要的依赖...

    4 年前
  • npm 包 gobang 使用教程

    简介 gobang 是一款基于 Node.js 和原生 HTML/CSS/JS 的五子棋游戏,可以在终端和浏览器中运行。它在游戏性、可配置性和可扩展性方面都具有非常高的灵活性。

    4 年前
  • npm 包 gold 使用教程

    对于前端开发者而言,npm 已成为不可或缺的工具之一。npm 是一个 node.js 的包管理器,用于帮助开发者管理和共享 JavaScript 模块。其中,Gold 是一个非常好用的 npm 包,本...

    4 年前
  • npm 包 goauth 使用教程

    简介 在前端开发中,获取第三方平台权限是很常见的需求,比如使用微信登录、获取用户信息等。goauth 是一个 node.js 模块,提供了一个简单的方法来在 node.js 和浏览器中进行 OAuth...

    4 年前

相关推荐

    暂无文章