号称不用写JS代码的前端框架,你愿意尝试吗

261 阅读3分钟

  大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!

  众所周知,jQuery EasyUI是比较流行的前端框架,适用于企业信息系统或网站后台管理,随着IE所占市场份额越来越小,EasyUI的兼容性也越来越强,但在开发过程中,对于EasyUI稍微复杂的组件功能,大多需要通过手写JS代码实现,因此增加了开发难度,降低了开发效率。

  今天小编推荐一款前端框架,是基于新版jQuery EasyUI构建,该框架纯HTML调用功能组件,不用写JS代码,可以专注你的后端业务开发!

开源协议

  使用 Apache-2.0 开源许可协议

链接地址

  公众号【Github导航站】回复关键词【jui】获取git地址

特性

  • 纯HTML调用组件:通过对EasyUI功能组件的深度封装及扩展开发,可以使用纯HTML调用功能组件,致力于打造不用写JS代码的EasyUI,既有EasyUI的强大功能,又有定制的美观界面。
  • 扩展常用的组件:整合功能强大的第三方常用组件,如富文本编辑器ueditor、图表组件echarts、上传组件webuploader,还有自主研发的自动完成、数据过滤、组合查询、数据导入、导出等。
  • 完美兼容第三方UI:采用iframe布局,可以完美兼容第三方UI框架,如bootstrap、layui等,不会出现因样式冲突而导致页面元素错位等问题。同时引入了Font Awesome字体图标替换EasyUI的原生图标。
  • 标准Json接口数据:所有数据均采用标准的json数据,通过API的方式调用数据,一套后台,可同时满足前端调用,移动端APP数据调用及第三方系统调用,真正实现一源多端的数据提供模式。

技术选型

整合组件

  • EasyUI v1.8.6
  • jQuery v1.12.4
  • Bootstrap v3.3.5
  • Font Awesome 4.7.0
  • Echarts v3.5.3
  • Ueditor v1.4.3.3
  • WebUploader v0.1.5

拓展组件

  • 图形报表
  • 富文本编辑器
  • 附件上传
  • 主子表关联
  • 提交表格数据
  • 可编辑表格
  • 查找带回
  • 自动完成
  • 多级联动
  • 动态联动
  • 多项选择
  • 按钮启动弹窗
  • 内页打开Tab页
  • 通用过滤及查询
  • 通用导入导出
  • 其它组件功能

截图演示

基础表单

图形报表

Tree组件

开关按钮

按钮

分割按钮

image-20210403012244342

分页

进度条

树形下拉框

标签框

选项卡

结尾

  本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流,欢迎关注我的公众号**【Github导航站】**。