Skip to content

Commit 250b56d

Browse files
imououimouou
committed
1.7.0
新增完整应用示例教程
1 parent dd016c5 commit 250b56d

File tree

124 files changed

+12337
-134
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

124 files changed

+12337
-134
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,4 @@
11

22
.DS_Store
3+
node_modules/
4+
dist/

‎docs/README.md

Lines changed: 61 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,107 @@
11

2+
# BUI 官方文档 1.7.x
23

3-
# BUI 文档 1.6.x
4+
<p>
5+
<a href="https://github.com/imouou/BUI-Guide/releases"><img src="https://img.shields.io/github/tag/imouou/BUI-Guide.svg"></a>
6+
<a href="https://github.com/imouou/BUI-Guide"><img src="https://img.shields.io/github/stars/imouou/BUI-Guide.svg?style=social&label=Star"></a>
7+
</p>
48

5-
## 订阅号
9+
## 简介
610

7-
<img src="http://www.easybui.com/guide/static/images/buishensu.png" width="400">
11+
?> BUI 是一个快速构建界面交互的UI组件框架，集动态组件、静态组件，模块化，单页路由于一身，专注webapp开发，完美嵌入各个平台 ( 微信公众号，微信小程序webview，聆客，钉钉，淘宝，支付宝等 )，亦可以跟其它第三方平台打包成独立应用( Bingotouch ，Cordova ，Dcloud ，APICloud ，Appcan 等)。
812

9-
?> 我们的订阅号, 专注BUI App移动开发, 正在连载中, 会陆续整理一些相关的文章跟案例, 您也可以给我们留言.
1013

11-
| **描述** | **修订日期** |
12-
|:--------------------|---------------:|
13-
| BUI 入门到进阶知识梳理 |2018-05-18 |
14-
| BUI 1.5.x 文档更新 |2018-11-06 |
15-
| BUI 1.5.1 文档更新 |2019-1-14 |
16-
| BUI 1.5.2 文档更新 |2019-3-19 |
17-
| 更新数据驱动章节 |2019-4-01 |
18-
| 更新模块生命周期章节 |2019-5-29 |
19-
| 更新部分章节 |2019-12-05 |
20-
| 1.6.0 |2020-3-31 |
21-
| 更新混入,组件化,权限,发布订阅等章节 |2020-4-20 |
14+
### 特点优势
2215

23-
!> 注意: `1.6.x`,`1.5.x` 的切图规范为 `750px` 设计稿, `1.4.x` 旧版切图规范为 `540px` 设计稿, `1.4.x`不能直接替换更新, 请先确保你的文档跟你当前开发的bui版本一致. `bui.version`可以查看版本, `bui.currentPlatform`可以查看当前`bui.js` 属于哪个平台.
16+
- 开箱即用
17+
- 零配置路由
18+
- 完美还原界面
19+
- 跨平台适配
20+
- 按需加载
21+
- 一次性加载
22+
- 单页开发（SPA）媲美原生的交互效果
23+
- 多页开发（MPA）
24+
- 模块化开发
25+
- 组件化开发
26+
- 数据驱动开发
27+
- DOM开发
28+
- jQuery开发
29+
- ES6开发
30+
- NPM模块
31+
- less or sass
32+
- ...
2433

2534

26-
## 简介
35+
> BUI还提供[编辑器插件 BUI-Fast](https://github.com/imouou/BUI-Fast-Snippets/)，[buijs-cli工程构建工具](chapter1/installation)，开发速度嗖嗖嗖。
2736
28-
?> BUI 是用来快速构建界面交互的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信公众号, 微信小程序webview, 聆客, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan 等), 最终可以全跨平台展示 (包括Ipad).
2937

30-
## 案例效果
38+
### 适用场景 <!-- {docsify-ignore} -->
39+
40+
* 中小型应用webapp开发;
41+
* 微信公众号开发;
42+
* 微信小程序内嵌webview开发;
43+
* 支付宝，钉钉，淘宝内嵌webview开发;
44+
* demo交互原型投标;
45+
46+
47+
### 第三方打包独立应用 <!-- {docsify-ignore} -->
48+
- Cordova
49+
- DCloud
50+
- APICloud
51+
- AppCan
52+
- ...
53+
54+
?> 可以下载BUI安卓体验包，用不同平台打包以后的效果. <a href="http://www.easybui.com/downloads/" target="_target">进入下载中心</a>
55+
56+
### 谁在使用 <!-- {docsify-ignore} -->
57+
58+
移动、电信、地铁、政府、银行等行业。
59+
60+
61+
## 案例效果
3162
?> 基于BUI制作的`高保真还原`App交互效果
3263

33-
| <img src="http://www.easybui.com/guide/static/images/case/163_low.gif" alt="" width="240px"> | <img src="http://www.easybui.com/guide/static/images/case/qq_low.gif" alt="" width="240px"> | <img src="http://www.easybui.com/guide/static/images/case/weixin_low.gif" alt="" width="240px"> |
64+
| <img src="static/images/case/163_low.gif" alt="" width="240px"> | <img src="static/images/case/qq_low.gif" alt="" width="240px"> | <img src="static/images/case/weixin_low.gif" alt="" width="240px"> |
3465
|:--------------------:|:---------------:|:---------------:|
3566
| 网易新闻: 耗时`半天` |QQ: 耗时`1天` | 微信: 耗时`2小时` |
3667

37-
!> 默认的案例及模板都是单页开发, 对于理解模块有一定的帮助. 以上案例都可以在[官网的资源](http://www.easybui.com/resource/)找到
68+
!> 默认的案例及模板都是单页开发，对于理解模块有一定的帮助. 以上案例都可以在[官网的资源](http://www.easybui.com/resource/)找到
3869

70+
**扫码体验Demo**
3971

40-
## 扫码体验Demo
4172
![BUI Demo](http://www.easybui.com/static/images/qrcode.png)
4273

74+
**下载安卓体验版**
4375

44-
## 下载安卓体验版
4576
![BUI Demo](http://www.easybui.com/static/images/qrcode/bui_dcloud_qrcode.png)
4677

4778
基于Dcloud打包
4879

4980

81+
82+
5083
## 开发者约定
5184

5285
### 1. 问题反馈
53-
请先在文档搜索, 如果没有找到结果, 请使用[issue反馈](https://github.com/imouou/BUI-Guide/issues),有空就会回复. 如果觉得是控件的BUG, 请先以官网的相关[控件例子](http://www.easybui.com/demo/)作为参照样例测试. 问题反馈尽量配合截图或者使用场景说明, 便于理解.
86+
遇到问题，请先在文档中搜索，如果没有找到结果，请使用[issue反馈](https://github.com/imouou/BUI-Guide/issues)，问题反馈尽量配合截图或者使用场景说明，百分百回（拒绝Q群及QQ私聊等渠道的信息）。
5487

5588
### 2. 版本更新
56-
> cdn beta版地址: 用于修复问题后快速发布,可以下载使用, 不建议直接引入地址用于生产环境.
89+
> cdn beta版地址: 用于修复问题后快速发布,可以下载使用，不建议直接引入地址用于生产环境.
5790
5891
- https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.css
5992
- https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.js
6093

6194
> 如果要指定版本 https://cdn.jsdelivr.net/npm/buijs@1.5.40/lib/latest/bui.js
6295
6396

64-
## 文档下载
97+
## 文档下载 <!-- {docsify-ignore} -->
6598

6699
[BUI文档](https://github.com/imouou/BUI-Guide/)
67100

68-
## 在线阅读
101+
## 在线阅读 <!-- {docsify-ignore} -->
69102

70103
[BUI在线阅读](https://imouou.github.io/BUI-Guide/)
71104

72-
## 链接
105+
## 链接 <!-- {docsify-ignore} -->
73106

74107
[BUI官网](http://www.easybui.com)

‎docs/_navbar.md

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,21 @@
1-
- [文档](/)
1+
- [入门](/)
2+
- [高级](chapter2/)
23
- [组件](controls/)
34
- [Demo](http://www.easybui.com/demo/)
4-
- [文章](article.md)
5-
- [BUI 专栏](article.md)
6-
- [Link 专栏](linkapi.md)
7-
- API
8-
- [BUI API](api/index.html ':ignore')
5+
- API文档
6+
- [BUI 控件API](api/index.html ':ignore')
97
- [Link 原生API](http://docs.bingocloud.cn/btapi/)
10-
- 链接
11-
- [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
12-
- [1.5.x 旧版教程入口](http://www.easybui.com/guide-1.5.x/)
8+
- 专栏
9+
- [Link 专栏](linkapi.md)
10+
- [BUI 专栏](article.md)
11+
12+
- 帮助
13+
- [我要提问](https://github.com/imouou/BUI-Guide/issues)
14+
- [查看留言](https://github.com/imouou/BUI-Guide/issues?q=is:issue+is:closed)
15+
- [常见问题](help.md)
1316

17+
- 链接
18+
- [1.4.x 文档](http://www.easybui.com/guide-1.4.x/)
19+
- [1.5.x 文档](http://www.easybui.com/guide-1.5.x/)
20+
- [1.6.x 文档](http://www.easybui.com/guide-1.6.x/)
21+
- [更新日志](changelog.md)

‎docs/_sidebar.md

Lines changed: 22 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,24 @@
1-
* 入门
2-
* [介绍](chapter1/about.md)
3-
* [安装](chapter1/installation.md)
4-
* [快速开始](chapter1/quickstart.md)
5-
* [多页路由](chapter1/multipage.md)
6-
* [数据交互](chapter1/request.md)
7-
* [布局](chapter1/layout.md)
8-
* [调试](chapter1/debug.md)
9-
10-
1+
* [概述](/)
2+
* [快速入门](chapter0/quickstart.md)
3+
* [开发规范](chapter0/standard.md)
4+
* 一、创建一个应用
5+
* 开始
6+
* [1. 创建工程](chapter0/create.md)
7+
* [2. 创建新页面](chapter0/createpage.md)
8+
* [3. 跳转与传参](chapter0/router.md)
9+
* [4. 数据请求](chapter0/ajax.md)
10+
* [5. 公共方法与配置](chapter0/global.md)
11+
* [6. 布局](chapter0/layout.md)
12+
* [7. 跨域调试](chapter0/debug.md)
1113
* 进阶
12-
* [模板](chapter2/template.md)
13-
* [模块](chapter2/loader.md)
14-
* [组件化](chapter2/component.md)
15-
* [组件通讯](chapter2/link.md)
16-
* [单页路由](chapter2/router.md)
17-
* [弹窗加载组件](chapter2/page.md)
18-
* [历史记录](chapter2/history.md)
19-
* [权限处理](chapter2/auth.md)
20-
* [控件用法](chapter2/controls.md)
21-
* [动画交互](chapter2/animate.md)
22-
* [常用方法](chapter2/method.md)
23-
* [插件扩展](chapter2/extend.md)
24-
* [发布订阅](chapter2/emitter.md)
25-
26-
* 数据驱动
27-
* [介绍](store/about.md)
28-
* [store 实例](store/distance.md)
29-
* [计算属性与侦听器](store/computed.md)
30-
* [模板语法](store/template-synatax.md)
31-
* [属性与值绑定](store/attribute.md)
32-
* [class与style绑定](store/class.md)
33-
* [模板渲染](store/template.md)
34-
* [表单绑定](store/form.md)
35-
* [事件处理](store/event.md)
36-
* [混入](store/mixins.md)
37-
* [数据调试](store/debug.md)
38-
* [综合案例](store/case.md)
39-
40-
* 提高效率
41-
* [BUI-Fast 编辑器插件](https://github.com/imouou/BUI-Fast-Snippets/)
42-
* [buijs cli工具](https://github.com/imouou/buijs-cli)
43-
* [模板库](https://github.com/imouou/BUI-Template)
44-
45-
* 规范
46-
* [切图规范](ui/cutimage.md)
47-
* [开发规范](ui/standard.md)
48-
* [样式规范](ui/style.md)
49-
50-
* 帮助
51-
* [我要提问](https://github.com/imouou/BUI-Guide/issues)
52-
* [查看留言](https://github.com/imouou/BUI-Guide/issues?q=is:issue+is:closed)
53-
* [常见问题](help.md)
54-
* [更新日志](changelog.md)
14+
* [8. 提高效率](chapter0/buifast.md)
15+
* [9. 控件](chapter0/control.md)
16+
* [10. 组件](chapter0/component.md)
17+
* [11. 模块](chapter0/module.md)
18+
* [12. 表单与校验](chapter0/form.md)
19+
* [13. 数据存储](chapter0/storage.md)
20+
* [14. 登录权限](chapter0/login.md)
21+
* [15. 第三方插件](chapter0/import.md)
22+
* [16. 打包部署](chapter0/package.md)
23+
* [17. 版本升级](chapter0/update.md)
5524

56-
* 链接
57-
* [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
58-
* [1.5.x 旧版教程入口](http://www.easybui.com/guide-1.5.x/)
59-
* [Link 专栏](linkapi.md)
60-
* [BUI 专栏](article.md)

0 commit comments

Comments
 (0)