BUI 教程

教程说明:

认识BUI:

BUI是基于jQuery,兼容KISSY的UI类库,专致于解决后台系统的框架方案,BUI提供了丰富的DPL含有强大的控件库对业务做了精细的分析展现了优质的源代码。


BUI 是用来快速构建界面交互的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信公众号, 微信小程序webview, 聆客, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan 等), 最终可以全跨平台展示 (包括Ipad).


BUI教程结构概述:

本教程共由7个章节构成,详细讲述了BUI的基础使用方法并附带了大量的实例辅助您的学习,让您轻松掌握BUI。

本教程包含:

1、BUI基础知识

2、BUI进阶编程

3、BUI数据驱动

4、BUI提高效率

5、BUI规范

6、BUI帮助

7、BUI链接


BUI学习前的准备:

在您开始学习本教程之前需要掌握一点前端基础知识: 

《HTML 教程》

《CSS 教程》 

《JavaScript 教程》《jQuery教程》


BUI特点:

  • 独创的设计稿移动端适配机制,跟原生DPI缩放保持一致;
  • 快速上手,学习几乎零成本;
  • 快速融入各种平台,保持原平台的交互操作;
  • 简单的路由,丰富的切换效果;
  • 模块化,组件化开发,按需加载;
  • 开发一次,多平台适用;
  • 轻松定制UI;
  • 兼容requirejs,seajs模块;
  • 类似于vuejs的状态管理;


相关网址:

BUI 官网:http://www.easybui.com/

BUI 在线教程:https://www.w3cschool.cn/learnbui/

BUI 下载地址:http://www.easybui.com/downloads/


除了本教程,您还可以在w3cschool上学习:

《HTML 教程》

《CSS 教程》

《HTML 5 教程》

《JavaScript 教程》

《jQuery教程》

《微信小程序开发文档》


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

BUI 链接

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }