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