npm 包 ng-on-rest-core 使用教程

阅读时长 5 分钟读完

什么是 ng-on-rest-core

ng-on-rest-core 是一个 AngularJS 应用程序的 RESTful 接口生成器。它能够根据对象模型生成 CRUD 操作的 RESTful 接口,使得开发者能够更快速地搭建 Web 应用程序。ng-on-rest-core 并不依赖于特定的后端框架,它只需要后端服务能够支持 RESTful 协议就可以使用。

安装 ng-on-rest-core

可以通过 npm 安装 ng-on-rest-core:

生成 ng-on-rest-core 接口

首先需要定义一个对象模型,代码如下:

定义好对象模型后,我们就可以使用 ng-on-rest-core 生成相应的 RESTful 接口。需要定义以下几个部分:

数据服务

数据服务定义接口,继承于 onRestService 并实现其中的 getEndpoint 方法。代码如下:

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

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

视图控制器

视图控制器定义 AngularJS 控制器,并注入相应的数据服务,使得控制器能够操作数据服务。代码如下:

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

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

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

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

应用程序入口

在应用程序入口处注册相应的路由和视图控制器即可。代码如下:

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

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

使用 ng-on-rest-core

有了以上三个部分,我们就可以使用 ng-on-rest-core 生成的 RESTful 接口了。需要注意的是,在 AngularJS 的服务中使用 ng-on-rest-core 生成的 HTTP 方法前需要加上 $ 符号。例如:

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

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

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

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

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

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

以上就是使用 ng-on-rest-core 的全部步骤,非常简单易懂。

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

纠错
反馈