介绍
holition-cms-util 是一款专为 Holition CMS 开发的 npm 包，实现了页面渲染、数据请求、富文本展示等功能，可以帮助前端开发者快速开发 Holition CMS 的应用。
安装
在你的项目中使用 npm 或 yarn 进行安装：
npm install holition-cms-util --save
使用
页面渲染
使用 holition-cms-util 可以方便地将 CMS 中的页面渲染到页面中。首先需要引入该包：
import holitionCmsUtil from 'holition-cms-util';
然后通过 holitionCmsUtil.getPageData() 方法获取 CMS 中的页面数据，最后以自定义的方式进行渲染即可。
// 获得数据
const data = await holitionCmsUtil.getPageData('/homepage');
// 渲染页面
const app = new Vue({
el: '#app',
render: (h) => h(HomePage, { props: { data } }),
});数据请求
除了页面渲染，holition-cms-util 还提供了数据请求的方法。使用方法如下：
import holitionCmsUtil from 'holition-cms-util';
// 获取指定路径的数据
const pageData = await holitionCmsUtil.getData('/homepage');
const categoryData = await holitionCmsUtil.getData('/category');
// 发送 post 请求
const postData = await holitionCmsUtil.postData('/login', { username: 'xxx', password: 'xxx' });富文本展示
在需要展示富文本的地方，我们可以使用 holition-cms-util 提供的 renderHtml() 方法将 HTML 字符串转化为展示的富文本，使用方法如下：
-- -------------------- ---- ------- ------ --------------- ---- -------------------- -- - ---- --------- ----- ---- - ------------------- ----- -------- - --------------------------------- -- ---------- ----- --- - --- ----- --- ------- ------- --- -- -------- - --------- - ---------- -------- - --- ---
示例代码
下面是一个完整的示例代码，展示如何使用 holition-cms-util 渲染页面、请求数据、展示富文本。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- --- ---- ----------
------- --------------------------------------------------------
------- ---------------------------------------------------
-------
------
---- ---------------
--------
----- -------- - -
------ ---------
--------- -
-----
------ ---------- -------
---- ----------------------------
------
--
--
----- -------- ------ -
----- --------------- - -----------------------
-- ----
----- ---- - ----- -----------------------------------------
-- ----
----- --- - --- -----
--- -------
------- --- -- ----------- - ------ - ---- - ---
---
-
-------
---------
-------
-------总结
使用 holition-cms-util 可以让开发者更便捷地开发 Holition CMS 的应用，同时该包也可以作为其它 CMS 应用的辅助工具。该包实现了页面渲染、数据请求、富文本展示等功能，并提供了简单易用的 API，开发者可以快速地上手并使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005662d81e8991b448e20a3