江苏龙网

  1. 首页 > 人文 > >

放荡的人生|EAdmin - 开箱即用的后台UI框架

现在要写一个后台UI界面 ， 要学的东西越来越多了 。 各种新的前端框架 ， 让人应接不暇 ， 而一些已有的CSS框架 ， 需要额外写的组件逻辑又太多 。 有没有一个能够开箱即用 ， 通过配置化的方式 ， 就能实现美观的后台界面的UI框架呢？EAdmin ， 这个精心打磨的后台UI框架 ， 或许能为你的开发带来更多便利 。
放荡的人生|EAdmin - 开箱即用的后台UI框架EAdmin框架
简介EAdmin ， 是 suruibuas 在 github 上开源的后台UI框架 ， 项目位于， 并在码云上有镜像。 EAdmin 是一个开箱即用的后台UI框架 ， 无需学习前端框架 ， 无需打包环境 ， 一行代码即可开始使用 ， 文件使用异步加载 ， 加载高效快速 ， 且学习门槛低 ， 半小时即可上手 。
放荡的人生|EAdmin - 开箱即用的后台UI框架EAdmin文档
安装EAdmin 开箱即用 ， 无需安装 ， 在 HTML 文件中引用发布的 CSS 样式文件 ， 以及Javascript 文件即可 ， 然后进行框架配置后 ， 就可以使用对应的组件进行开发 。
本地开发也可以使用 gulp 进行运行：
git clone .gitnpm installgulp run
放荡的人生|EAdmin - 开箱即用的后台UI框架Github项目
示例EAdmin 使用配置化的方式 ， 在入口文件进行框架的配置 ， 方式可以参考项目中 dist/index.html ， 主配置包括：

  • conf：全局配置 ， 包括主页、弹窗默认高度、消息默认时长等参数
  • framework：加载的依赖库 ， 包括 jquery、axios 等 ， 可根据自身需求选择
  • data：全局数据 ， 可以在框架全局使用的数据
  • lib：加载的组件库 ， 包括 form、button、chart 等 ， 可以按需加载
EAdmin 的主色调以暗色为主 ， 同时前景色调较为鲜艳 ， 符合流行的大数据平台的配色需求：
放荡的人生|EAdmin - 开箱即用的后台UI框架EAdmin颜色
最基本的UI组件之一就是按钮 ， EAdmin提供了美观的按钮 ， 包括不同的尺寸、图标和状态等：
默认按钮中等按钮高亮按钮禁用按钮配置上报数据
放荡的人生|EAdmin - 开箱即用的后台UI框架EAdmin按钮
可以很方便地配置回调函数：
EAdmin 也提供了丰富的表单组件 ， 包括文本框、文本域、单选框、文件上传、穿梭框、评分等 。 以文本框为例 ， 包括了状态、图标、数字、前后缀等：


推荐阅读


上一篇：陆小曼|吊打 Tomcat，Undertow 性能很炸

下一篇：给力小青年|金立 M30 发布，10000mAh 电池加持，重回商务手机市场