基于 layui 的纯前端框架 cy-ui

悠悠 2022-05-17 01:59 238阅读 0赞

cy-ui 详细介绍

## cy-ui ##

基于layui的纯前端框架

**框架说明**

1.基于原生layui源码,替换layui文件即可完成升级！

2.前端声明式组件封装、附带文档编写 ctrl+c ctrl+v 即可使用。封装数据源，可通过url、枚举、字典直接渲染组件。代码量极少且易维护。

3.引入vue组件,组件库更全面！

4.常用js方法、layui代码封装,省略layui部分繁琐的代码！

部分截图

![首页][05184602_NzVj.png]

![组件试用说明][05184602_khEv.png]

![vue组件][vue]

**如何使用组件**

1.以复选框为例，引入 checkboxTool.js

2.编写组件声明div

![输入图片说明][05184602_MKQv.png]

3.通过url、枚举、字典返回的数据自动完成渲染，效果如下

![输入图片说明][05184602_sD9M.png]

**其他开源项目**

在线聊天,二维社区 [cy-im][]

ssm开发框架 [cy-security][]

springboot开发框架 [cy-fast][]

**如何交流、反馈、参与贡献？**

官网首页 [http://www.cymall.xin][http_www.cymall.xin]

项目主页 [http://ui.cymall.xin][http_ui.cymall.xin]

码云地址 [https://gitee.com/leiyuxi/cy-ui][https_gitee.com_leiyuxi_cy-ui]

[05184602_NzVj.png]: https://static.oschina.net/uploads/img/201806/05184602_NzVj.png
[05184602_khEv.png]: https://static.oschina.net/uploads/img/201806/05184602_khEv.png
[vue]: https://static.oschina.net/uploads/img/201806/05184602_y31S.png
[05184602_MKQv.png]: https://static.oschina.net/uploads/img/201806/05184602_MKQv.png
[05184602_sD9M.png]: https://static.oschina.net/uploads/img/201806/05184602_sD9M.png
[cy-im]: http://im.cymall.xin/
[cy-security]: https://gitee.com/leiyuxi/cy-security
[cy-fast]: https://gitee.com/leiyuxi/cy-fast
[http_www.cymall.xin]: http://www.cymall.xin/
[http_ui.cymall.xin]: http://ui.cymall.xin/
[https_gitee.com_leiyuxi_cy-ui]: https://gitee.com/leiyuxi/cy-ui

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关 Layui模块化前端框架开箱使用

网：[经典模块化前端框架][Link 1] 一、快速上手 **1. 下载layui后引入两个文件到项目目录** ./layui/css/layui.cs...

浅浅的花香味﹌/ 2024年04月18日 08:04/ 0 赞/ 64 阅读

相关 Layui框架

文章目录第一章：概述 1.下载 2. 使用方法(准备工作) 第二章：页面元素

矫情吗；*/ 2023年02月11日 04:59/ 0 赞/ 421 阅读

相关 SSM框架引用前端框架Layui及引用失败分析

Layui 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式。对于搞后端的，是一大利器。 Layui官网：[http

╰+攻爆jí腚メ/ 2022年11月21日 11:42/ 0 赞/ 205 阅读

相关 SSM框架+layui前端框架整合

在上篇博文中，博主使用bootstrap+SSM实现了商品列表展示效果，从页面上看，其虽然可以加入分页等功能，但不太方便，博主的分页使用的是mybatis的分页插件，今天，博主

比眉伴天荒/ 2022年10月10日 12:46/ 0 赞/ 278 阅读

相关基于前端layui框架使用心得

layui框架是一款快速创建后台管理系统的框架，最大的好处就是便利快捷引入项目中下载：点击http://www.layui.com/官网下载最新的安装包如何引入：下载好

超、凢脫俗/ 2022年05月26日 00:56/ 0 赞/ 314 阅读

相关 LayUi前端框架

首先声明一下这是我第一次使用前端框架完成后台的配合工作，这在我工作中也是第一次遇见，因为公司有自己的前端开发工程师，不必要我们自己去实现前端的效果，虽然前端的东西并不是很难，但

我不是女神ヾ/ 2022年05月20日 04:28/ 0 赞/ 335 阅读

相关基于 layui 的纯前端框架 cy-ui

cy-ui 详细介绍 cy-ui 基于layui的纯前端框架框架说明 1.基于原生layui源码,替换layui文件即可完成升级！ 2.前端声明式组件封装、附带

悠悠/ 2022年05月17日 01:59/ 0 赞/ 239 阅读

相关推荐一个前端框架layui

官网：[https://www.layui.com/][https_www.layui.com] 经典模块化前端框架由职业前端倾情打造，面向所有层次的前后端开

不念不忘少年蓝@/ 2022年04月02日 08:54/ 0 赞/ 313 阅读

相关 layui框架

取标签中的属性值 1.自定义属性 $(this).attr(“属性”); 将图片的URL存入key属性中 <div class="layui-form

た入场券/ 2022年02月14日 03:22/ 0 赞/ 613 阅读

相关 LayUI前端框架开发视频讲解

![600.png][] <table> <tbody> <tr> <th style="text-align:left;font-weight:400;v

短命女/ 2022年01月11日 09:35/ 0 赞/ 342 阅读