暑期实训 轻骑兵开发平台 前端控件介绍

前端控件介绍

1. Layui

平台使用 Layui 作为主要的前端框架，它的特点是简单、高效、模块化，相 比于其他方案，Layui 的特殊之处也在于它的模块化。在 js 代码中，用到哪个模 块就引入哪个模块，并将所有的 js 代码包在其中。除了 Layui 自带的几个常用模 块 element、form、laydate、layer、table、upload 之外，我们还扩展了 Hussar、 HussarAjax 模块。Layui 自带模块使用如果遇到问题，可以查阅 Layui 官方文档 （Layui 官方地址：https://www.layui.com/），当然也可以联系研发中心平台部， 我们将提供持续的技术支持。

 2. Hussar

Hussar 是我们封装的一个“提示信息”模块，是基于 layer 封装的。包括操 作成功、操作失败、警告提示，还有确认提示。使用时要先引入该模块，并定义 好变量，具体效果如下：

3. HussarAjax

 由于原生的 Ajax 参数较多，写法复杂，因此我们封装了一个 ajax 方法，使 开发者能够轻松使用 ajax 请求，并且使用封装好的 HussarAjax，我们还对一些 异常做了统一处理。使用时要先引入该模块，并定义好变量。当然，开发人员依 然可以使用原生 ajax 的写法。

以这段代码为例，可以看到，封装好的 HussarAjax 有 3 个参数，第一个是 请求的 url，第二个是请求成功返回后台信息的回调方法，第三是发生异常的回 调方法。向后台传递的参数可以是一个大的变量，里面定义好多个参数，也可以 是单个参数，ajax.set("name", param);

4. cascadeSelect

cascadeSelect 是我们封装的一个“级联下拉框”模块，使用时需要加载 layui 的"form"模块以及"cascadeSelect"模块，并将容器放在 form 表单中。

以这段代码为例，可以看到，封装好的 cascadeSelect 有 4 个属性，container 用于指定容器；id 是第一级开始的父级主键，不指定 id 则从最大类开始；下拉 框的 name 属性在参数 selectName 中指定，以","隔开；cascadeCount 用于指定最 多可联动的下拉框数量。