前言
ontimize-web-ngx-library-tools 是一个针对Ontimize Web应用程序中使用的Angular 9+和RxJS 6的npm包。 它为Ontimize Web的前端开发人员提供了大量的工具和服务来简化应用程序的编写。
本篇文章将为您详细介绍如何使用ontimize-web-ngx-library-tools来创建一个基本的Ontimize Web应用程序。
安装
您可以使用npm安装ontimize-web-ngx-library-tools包。
npm install ontimize-web-ngx-library-tools --save
配置
在您的应用程序中导入ontimize-web-ngx-library-tools的模块：
-- -------------------- ---- ------- ------ - ----------------------------- - ---- --------------------------------- ----------- ------------- - ------------ -- -------- - ----------------------------- -- ---------- --- ---------- -------------- -- ------ ----- --------- - -展开代码
服务
Ontimize Web提供了一些服务和工具来提供和操作应用程序中的数据和状态。
OntimizeService
OntimizeService 是一个用于对Ontimize API进行HTTP调用的服务。 在您的组件中使用它，您需要在构造函数中注入该服务。
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- --------------------------------- ------------ --------- ----------- --------- - ------- ----------------------- ------------- - -- ------ ----- ------------ - ------------------- ---------------- ---------------- -- ---------- ---- - ----- ------------------ - - -------- ------------- ------- ------------ -------- ------------- -- --------------------------------------------------------- ---------- -- ---------------------- ------- -- ------------------ -- - -展开代码
在这个示例中，我们在OntimizeService中使用了查询配置来请求数据。通过Http请求获得的数据是一个响应对象（Observables）。
SecurityService
SecurityService 是用于安全和身份验证的服务。 在您的组件中使用它，您需要在构造函数中注入该服务。
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- --------------------------------- ------------ --------- ----------- --------- - ------- -------------------------------- - -- ------ ----- ------------ - ------------------- ---------------- ---------------- -- -------- ---- - ----- ---- - ---------- ----- -------- - -------------- -------------------------------- -------------------- ---------- -- ---------------------- ------- -- ------------------ -- - -展开代码
在这个例子中，我们使用了SecurityService来进行用户账户的登陆，然后通过Http请求获得响应。类似OntimizeService，SecurityService对象也会被当作响应对象（Observables）返回。
组件
Ontimize Web提供了一些Angular组件来简化个人和企业应用程序的开发。
OntimizeGrid
OntimizeGrid是基于Angular和Ontimize API的数据表组件。 OntimizeWeb开发团队已为OntimiezGrid创建了大多数与表数据操作相关的功能。 最重要的是，我们可以使用它来对表数据进行“增加”，“修改”和“删除”的操作。
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- --------------------------------- ------------ --------- ----------- --------- - ------------------ ----------------------------------- ------------------ ---------------------------------- -------------------- - -- ------ ----- ------------ - ------ ---------------- --- - - -------- ------------- ------- ------------ -------- ------------- -- ------ --------------- -------- - -------------- -展开代码
在这个示例中，我们将OntimizeGrid组件添加到我们的HTML模板中。 我们配置了查询定义和可见列。 一个更复杂的栗子可以是：
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------ - --------------- - ---- --------------------------------- ------------ --------- ----------- --------- - ------------------ ----------------------------------- ------------------ --------------------------------- --------------------------------------------- -------------------- - -- ------ ----- ------------ - ------ ---------------- --- - - -------- ------------- ------- ------------ -------- ------------- -- ------ --------------- -------- - -------------- ---------------------------------- ------- ---- - -------------------------- - -展开代码
在这个栗子中，我们将添加更多的功能来处理选定的行。
结论
这篇文章介绍了如何配置和使用Ontimize Web的npm包ontimize-web-ngx-library-tools ，并实现基本功能的一些实例。 我们希望这个npm包将对您的企业应用程序和个人项目的开发有所帮助。 如果您使用ontimize-web-ngx-library-tools来开发应用程序的经验， 欢迎留下您的评论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61232
