npm 包 @dhis2/app-runtime 使用教程

什么是 @dhis2/app-runtime

@dhis2/app-runtime 是一个用于创建基于 web 的应用程序的 JavaScript 库,旨在提供高度灵活和可扩展的一系列 API,以便开发人员可以轻松地编写和维护基于 DHIS 2 数据 API 和数据集的 web 应用程序。

通过使用 @dhis2/app-runtime,开发人员可以轻松地编写高度模块化的应用程序,而不必竭尽全力地构建模块化的应用程序,从而提高开发速度和代码可维护性。

安装

在使用 @dhis2/app-runtime 之前,需要先安装 Node.js。

使用 npm 安装 @dhis2/app-runtime:

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

安装完成后,可以在项目中使用:

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

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

使用 @dhis2/app-runtime

@dhis2/app-runtime 的 API 提供了一系列的模块,包括数据模块、元数据模块和应用程序模块等。

数据模块

@dhis2/app-runtime 提供了一个名为 data 的模块,它管理着与 DHIS2 数据 API 的交互。使用 data 模块可以轻松地查询、创建、更新和删除数据。

查询数据

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

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

保存数据

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

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

元数据模块

@dhis2/app-runtime 提供了一个名为 metadata 的模块,它管理着 DHIS 2 元数据资源,如数据集、组织单位和数据元素等。

查询元数据

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

应用程序模块

@dhis2/app-runtime 提供了一个名为 app 的模块,它管理着与 DHIS2 应用程序的交互。可以使用 app 模块来获取当前用户信息、设置应用程序标题等。

获取当前用户信息

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

设置应用程序标题

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

配置

@dhis2/app-runtime 需要初始化时提供一些配置参数,以便正确连接到 DHIS 2 实例。

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

总结

@dhis2/app-runtime 提供了一系列灵活和可扩展的 API,使得开发人员可以轻松地编写和维护基于 DHIS 2 数据 API 和数据集的 web 应用程序。希望本教程可以帮助读者快速上手使用 @dhis2/app-runtime。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedad08b5cbfe1ea0610bc0


猜你喜欢

  • NPM 包 Snapshot-Assertion 使用教程

    在前端开发中,测试是非常重要的一环。而测试中的快照测试,能够轻松地检查代码是否符合预期,从而提高测试的覆盖范围和准确性,也可以避免某些未知的 bug。 在这篇文章中,我们将会介绍一个相对比较新的 NP...

    4 年前
  • npm 包 node-map-directory 使用教程

    在前端开发中,我们经常需要对多个目录进行遍历和操作,例如将所有 .js 文件合并成一个文件,或是将所有 .scss 文件编译成 .css 文件等等。手动遍历目录并进行操作非常繁琐,这时候就需要使用一些...

    4 年前
  • npm 包 ngc-webpack 使用教程

    前言 在进行 Angular 2+ 开发时,我们常常需要通过 Ahead-Of-Time (AOT) 编译来优化应用的性能。基于 AOT 编译的应用,在服务端渲染和移动端性能较弱的场景下都有很好的表现...

    4 年前
  • npm包:typedoc-markdown-theme 使用教程

    简介 typedoc-markdown-theme 是一个将 TypeScript 代码文档转换成 Markdown 格式的工具。该工具允许使用 Markdown 样式将 TypeScript 代码文...

    4 年前
  • npm 包 @patternplate/babel-preset 使用教程

    在前端开发过程中,我们随时需要使用各种不同的文件格式和工具,而其中一个最常用的就是 babel 转译工具。在 babel 中,通过使用 preset 来定义转译规则,而 @patternplate/b...

    4 年前
  • NPM包@patternplate/websocket-client使用教程

    在前端开发中,使用 WebSocket 实现实时数据传输是非常常见的需求。@patternplate/websocket-client 是一款开源的前端 NPM 包,可以通过该包在前端应用中使用 We...

    4 年前
  • npm包@marionebl/typescript-json-schema的使用教程

    在前端开发中,经常需要定义JSON Schema的类型,以便在代码中进行验证和类型推导,而@marionebl/typescript-json-schema就是一款优秀的npm包,可以帮助我们方便地生...

    4 年前
  • npm 包 @types/path-exists 使用教程

    在前端开发中,经常需要访问文件系统。在 Node.js 应用中,我们可以使用 Node.js 内置模块 fs 来访问本地文件系统。而在前端开发中,这个功能并不存在,因为浏览器无法直接访问本地文件系统。

    4 年前
  • npm 包 @patternplate/load-doc 使用教程

    引言 @patternplate/load-doc 是一个 npm 包,它是在 patternplate 工具中用来加载文档的模块。如果你正在从事前端开发,那么 @patternplate/load-...

    4 年前
  • npm 包 @patternplate/validate-manifest 使用教程

    在前端开发中,我们通常会使用各种第三方依赖包来帮助我们完成工作。而 npm 是 Node.js 的包管理器,也是我们经常使用的工具之一。在 npm 中,有一款叫做 @patternplate/vali...

    4 年前
  • npm 包 @patternplate/load-manifest 使用教程

    在前端开发中,我们使用各种工具来协助我们进行开发。在这些工具中,npm 包是不可或缺的。而 @patternplate/load-manifest 是一个非常有用的 npm 包,它可以帮助我们加载 w...

    4 年前
  • npm 包 @patternplate/render-default 使用教程

    前言 在前端开发中,我们常常需要使用通过 npm 安装的第三方包来辅助我们完成工作。npm 是一个非常强大的包管理工具,我们可以通过它方便地安装各种第三方包。 @patternplate/render...

    4 年前
  • npm 包 load-source-map 使用教程

    如果你是一个前端开发者,那么你一定知道在调试 JavaScript 代码时 source map 非常有用。而 npm 包 load-source-map 则提供了一种方便读取 source map ...

    4 年前
  • npm 包 json-schema-filter 使用教程

    前言 随着前端技术的发展,前端应用也变得越来越复杂。在前端应用中,对于数据的校验和过滤是一项非常重要的工作。本文将介绍一款 npm 包 json-schema-filter 的使用教程,帮助前端开发者...

    4 年前
  • npm 包 @types/json-parse-better-errors 使用教程

    简介 @types/json-parse-better-errors 是一个 npm 包,提供了 TypeScript 的类型定义文件,用于支持第三方库 json-parse-better-error...

    4 年前
  • npm包vdf-extra使用教程

    在前端开发中,我们常常需要操作INI文件或者VDF文件,然而JavaScript本身并没有提供相应的方法。因此,vdf-extra是基于JavaScript的一个npm包,它能用于处理INI或者VDF...

    4 年前
  • npm包 babel-plugin-transform-runtime-file-extensions 使用教程

    在前端开发中,使用ES6语法已经成为了一种通用且标准的方式,但是它仍然有一些缺点,例如无法静态分析等问题。babel 是一个解决这些问题的工具,它可以将 ES6 代码转化为浏览器可识别的 JavaSc...

    4 年前
  • npm 包 fetch-blob 使用教程

    在前端开发中,经常需要在浏览器中发送请求获取数据,但是浏览器原生的 Fetch API 不支持直接在浏览器中处理二进制数据。于是就有了一些第三方的工具,比如 fetch-blob,可以使得在浏览器中发...

    4 年前
  • npm 包 @ts-morph/bootstrap 使用教程

    前端开发人员常常会用到 TypeScript,而在 TypeScript 中进行代码生成和编辑时,则少不了使用 TypeScript AST(abstract syntax tree)及其相关工具。

    4 年前
  • npm 包 object-deep-from-entries 使用教程

    在前端开发的过程中,我们常常需要对对象进行处理。一个常见的需求就是将键值对数组转换成嵌套的对象。这个过程比较繁琐,需要使用多种方法来实现。而 object-deep-from-entries 就是一个...

    4 年前

相关推荐

    暂无文章