乐趣区

一张脑图看懂BUI-Webapp移动快速开发框架上框架与工具资源

jiezi

前言

之前写过一篇 2018 开发最快的 Webapp 框架 –BUI 交互框架，如果你还没看过，可以简单看一下，主要介绍了 BUI 的基本功能，有多少控件，以及实现的思路，BUI 1.5 版本以后变化很大，统一新的风格，新的规范 750，新增基于 Dom 的数据驱动，完善了页面的生命周期等等，当你真正理解了 BUI 的模块，路由，数据驱动，工具之间的关系，没有什么需求是你实现不了的。后续我们还会增加一些实战类的移动开发案例，欢迎关注BUI Webapp 专栏。

BUI 新版预览

在线预览

大纲

大纲在线预览

1. 框架设计

框架介绍

简介

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

用途
  1. 快速开发 webapp 应用
  2. 结合原生平台打包独立安装应用
  3. 快速开发微信公众号的应用
  4. 推广类的制作

……

特点
  1. UI 设计稿还原定制能力，移动端适配机制, 跟原生 DPI 缩放保持一致;
  2. 快速上手，学习几乎零成本;
  3. 快速融入各种平台，保持原平台的交互操作;
  4. 简单的路由，丰富的切换效果;
  5. 模块化开发，多人协作，按需加载;
  6. 开发一次，安卓 IOS 适用;
  7. 兼容 requirejs，seajs 模块;
  8. 可以结合数据驱动

  9. 支持不同平台打包

    Cordova
DCloud
APICloud
AppCan
前海圆舟
  10. 开发运行效率快

……

适合

前端开发者
后端开发者
安卓开发者
IOS 开发者

bui.js 脚本库

  • 全局属性
  • 核心
  • 控件
  • 方法

bui.css 样式库

  • 全局样式
  • 排版样式
  • 布局样式
  • 定位样式
  • 常见样式

2. 框架演示

  • 控件演示
  • 常用 UI 演示

3. 提高效率工具

  • BUIFast 编辑器插件
  • buijs cli 工程构建工具
  • Demo 源码查看器

4. 免费模板案例资源

  • 免费案例
  • 免费模板
  • 免费插件
  • 下载中心

5. 文档

  • API 文档查阅
    每个控件只保留了最基本的用法书写，更多需求需要查看对应的参数
  • 入门文档
    从环境搭建开始一步步学习，入门很简单
  • 组件文档
    每个控件的示例源码及说明
  • BUI 专栏
    项目案例经验与技巧类的文章，欢迎投稿

6. 入门视频

基于较早期的版本录制的视频，控件的用法，布局等，适用于多页开发

7. 帮助中心

  1. 搜索问题关键字，在官方文档有常见问题的处理
  2. 搜索已解决的问题有没有一样的
  3. 整理自己的问题结合代码配图反馈
  4. 加入 Q 群与开发者一起交流，只能加 1 个
    1 群：691560280【满】
    2 群：4170980

在线脑图查看

图片无法看完，请 在线查看脑图

退出移动版