介绍

BUI 是什么?

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

结合BUI提供的BUI-Fast编辑插件, NPM工具, BUI更是一个移动快速开发的解决方案. 可以解决以下常见问题.

  • 移动端的适配兼容问题
  • 交互体验不统一问题
  • 复杂交互的控件冲突问题
  • 跨平台
  • 组件化
  • 多人协作问题
  • 微信开发的缓存问题
  • 远程加载组件
  • 后退刷新问题
  • 后退多层问题
  • 调试数据跨域问题
  • 本地服务器架设问题
  • 脚本编译问题
  • 打包安全问题
  • 同步刷新问题
  • 开发效率问题
  • 使用规范问题

案例效果

基于BUI制作的高保真还原App交互效果

介绍 - 图1介绍 - 图2介绍 - 图3
网易新闻: 耗时半天QQ: 耗时1天微信: 耗时2小时

默认的案例及模板都是单页开发, 对于理解模块有一定的帮助. 以上案例都可以在官网的资源找到

扫码体验Demo

BUI Demo

下载安卓体验版

BUI Demo

基于Dcloud打包

起步

BUI 支持两种开发方式, 多页开发跟单页开发基本保持一致.

  • 多页指传统的web开发,类似a标签跳转,可以跟后台语言结合;

  • 单页开发不受平台限制,保持一致交互体验.

  • 多页开发 简单 性能好

  • 单页开发 推荐 体验佳 非必须

特色和优势

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

适用场景

  • 适合中小型应用开发;
  • 适合Link,微信,QQ,淘宝,支付宝等平台的webapp开发;
  • 适合基于Bingotouch,Cordova,Dcloud,APICloud,APPCan等的混合型应用;
  • 适合不同风格高定制需求;
  • 适合原生开发以后移植微信等其它平台;
  • 适合快速开发demo原型投标;

支持第三方打包

  • Cordova
  • DCloud
  • APICloud
  • AppCan
  • 前海圆舟

浏览器支持

  • 系统自带webkit浏览器
  • 魅族浏览器
  • 微信
  • QQ
  • 淘宝
  • 支付宝
  • 钉钉
  • UC浏览器

部分浏览器如果默认开启了手势,会影响操作体验.

系统要求

  • iOS
  • Android 4.3+

谁在使用

几百个移动终端项目,客户有移动,电信,地铁,政府等行业.

可以下载BUI安卓体验包, 用不同平台打包以后的效果. 进入下载中心

面向的开发者

需要掌握一点前端基础知识, html,css,javascript或jQuery

  • 后端开发者
  • 美工
  • 前端开发者
    • Javascript 开发者
    • jQuery 开发者
    • Vuejs 开发者