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

暑期实训 轻骑兵开发平台 前端控件介绍前端控件介绍 1 Layui 平台使用 Layui 作为主要的前端框架 它的特点是简单 高效 模块化 相 比于其他方案 Layui 的特殊之处也在于它的模块化 在 js 代码中 用到哪个模 块就引入哪个模块 并将所有的 js 代码包在其中 除了 Layui 自带的几个常用模 块 element form

大家好,我是讯享网,很高兴认识大家。

前端控件介绍

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 用于指定最 多可联动的下拉框数量。 

小讯
上一篇 2025-01-10 11:27
下一篇 2025-01-14 19:34

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/47444.html