1.7.0

新增完整应用示例教程
imouou · Dec 29, 2021 · 250b56d · 250b56d
1 parent dd016c5
commit 250b56d
Show file tree

Hide file tree

Showing 124 changed files with 12,337 additions and 134 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 
 .DS_Store
+node_modules/
+dist/
diff --git a/docs/README.md b/docs/README.md
@@ -1,74 +1,107 @@
 
+# BUI 官方文档 1.7.x
 
-# BUI 文档 1.6.x
+<p>
+<a href="https://github.com/imouou/BUI-Guide/releases"><img src="https://img.shields.io/github/tag/imouou/BUI-Guide.svg"></a>
+<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>
+</p>
 
-## 订阅号
+## 简介 
 
-<img src="http://www.easybui.com/guide/static/images/buishensu.png" width="400">
+?> BUI 是一个快速构建界面交互的UI组件框架，集动态组件、静态组件，模块化，单页路由于一身，专注webapp开发，完美嵌入各个平台 ( 微信公众号，微信小程序webview，聆客，钉钉，淘宝，支付宝等 )，亦可以跟其它第三方平台打包成独立应用( Bingotouch ，Cordova ，Dcloud ，APICloud ，Appcan 等)。
 
-?> 我们的订阅号, 专注BUI App移动开发, 正在连载中, 会陆续整理一些相关的文章跟案例, 您也可以给我们留言.
 
-| **描述**             | **修订日期**    |
-|:--------------------|---------------:|
-| BUI 入门到进阶知识梳理  |2018-05-18      |
-| BUI 1.5.x 文档更新  |2018-11-06      |
-| BUI 1.5.1 文档更新  |2019-1-14      |
-| BUI 1.5.2 文档更新  |2019-3-19      |
-| 更新数据驱动章节  |2019-4-01      |
-| 更新模块生命周期章节  |2019-5-29      |
-| 更新部分章节  |2019-12-05      |
-| 1.6.0  |2020-3-31      |
-| 更新混入,组件化,权限,发布订阅等章节  |2020-4-20      |
+### 特点优势 
 
-!> 注意: `1.6.x`,`1.5.x` 的切图规范为 `750px` 设计稿, `1.4.x` 旧版切图规范为 `540px` 设计稿, `1.4.x`不能直接替换更新, 请先确保你的文档跟你当前开发的bui版本一致. `bui.version`可以查看版本, `bui.currentPlatform`可以查看当前`bui.js` 属于哪个平台.
+- 开箱即用
+- 零配置路由
+- 完美还原界面
+- 跨平台适配
+- 按需加载
+- 一次性加载
+- 单页开发（SPA）媲美原生的交互效果
+- 多页开发（MPA）
+- 模块化开发
+- 组件化开发
+- 数据驱动开发
+- DOM开发
+- jQuery开发
+- ES6开发
+- NPM模块
+- less or sass
+- ...
 
 
-## 简介
+> BUI还提供[编辑器插件 BUI-Fast](https://github.com/imouou/BUI-Fast-Snippets/)，[buijs-cli工程构建工具](chapter1/installation)，开发速度嗖嗖嗖。
 
-?> BUI 是用来快速构建界面交互的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信公众号, 微信小程序webview, 聆客, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan 等), 最终可以全跨平台展示 (包括Ipad).
 
-## 案例效果
+### 适用场景 <!-- {docsify-ignore} -->
+
+* 中小型应用webapp开发;
+* 微信公众号开发;
+* 微信小程序内嵌webview开发;
+* 支付宝，钉钉，淘宝内嵌webview开发;
+* demo交互原型投标;
+
+
+### 第三方打包独立应用 <!-- {docsify-ignore} -->
+- Cordova
+- DCloud
+- APICloud
+- AppCan
+- ...
+
+?> 可以下载BUI安卓体验包，用不同平台打包以后的效果. <a href="http://www.easybui.com/downloads/" target="_target">进入下载中心</a>
+
+### 谁在使用 <!-- {docsify-ignore} -->
+
+移动、电信、地铁、政府、银行等行业。
+
+
+## 案例效果 
 ?> 基于BUI制作的`高保真还原`App交互效果
 
-| <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">    |
+| <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">    |
 |:--------------------:|:---------------:|:---------------:|
 | 网易新闻: 耗时`半天`  |QQ: 耗时`1天`      | 微信: 耗时`2小时`      |
 
-!> 默认的案例及模板都是单页开发, 对于理解模块有一定的帮助. 以上案例都可以在[官网的资源](http://www.easybui.com/resource/)找到
+!> 默认的案例及模板都是单页开发，对于理解模块有一定的帮助. 以上案例都可以在[官网的资源](http://www.easybui.com/resource/)找到
 
+**扫码体验Demo**
 
-## 扫码体验Demo
 ![BUI Demo](http://www.easybui.com/static/images/qrcode.png)
 
+**下载安卓体验版**
 
-## 下载安卓体验版
 ![BUI Demo](http://www.easybui.com/static/images/qrcode/bui_dcloud_qrcode.png) 
 
 基于Dcloud打包
 
 
+
+
 ## 开发者约定
 
 ### 1. 问题反馈
-请先在文档搜索, 如果没有找到结果, 请使用[issue反馈](https://github.com/imouou/BUI-Guide/issues),有空就会回复. 如果觉得是控件的BUG, 请先以官网的相关[控件例子](http://www.easybui.com/demo/)作为参照样例测试. 问题反馈尽量配合截图或者使用场景说明, 便于理解.
+遇到问题，请先在文档中搜索，如果没有找到结果，请使用[issue反馈](https://github.com/imouou/BUI-Guide/issues)，问题反馈尽量配合截图或者使用场景说明，百分百回（拒绝Q群及QQ私聊等渠道的信息）。
 
 ### 2. 版本更新
-> cdn beta版地址: 用于修复问题后快速发布,可以下载使用, 不建议直接引入地址用于生产环境.
+> cdn beta版地址: 用于修复问题后快速发布,可以下载使用，不建议直接引入地址用于生产环境.
 
 - https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.css
 - https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.js
 
 > 如果要指定版本 https://cdn.jsdelivr.net/npm/[email protected]/lib/latest/bui.js
 
 
-## 文档下载
+## 文档下载 <!-- {docsify-ignore} -->
 
 [BUI文档](https://github.com/imouou/BUI-Guide/)
 
-## 在线阅读
+## 在线阅读 <!-- {docsify-ignore} -->
 
 [BUI在线阅读](https://imouou.github.io/BUI-Guide/)
 
-## 链接
+## 链接 <!-- {docsify-ignore} -->
 
 [BUI官网](http://www.easybui.com)
diff --git a/docs/_navbar.md b/docs/_navbar.md
@@ -1,13 +1,21 @@
-- [文档](/)
+- [入门](/)
+- [高级](chapter2/)
 - [组件](controls/)
 - [Demo](http://www.easybui.com/demo/)
-- [文章](article.md)
-  - [BUI 专栏](article.md)
-  - [Link 专栏](linkapi.md)
-- API
-  - [BUI API](api/index.html ':ignore')
+- API文档
+  - [BUI 控件API](api/index.html ':ignore')
   - [Link 原生API](http://docs.bingocloud.cn/btapi/)
-- 链接
-  - [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
-  - [1.5.x 旧版教程入口](http://www.easybui.com/guide-1.5.x/)
+- 专栏
+  - [Link 专栏](linkapi.md)
+  - [BUI 专栏](article.md)
+
+- 帮助
+  - [我要提问](https://github.com/imouou/BUI-Guide/issues)
+  - [查看留言](https://github.com/imouou/BUI-Guide/issues?q=is:issue+is:closed)
+  - [常见问题](help.md)
 
+- 链接 
+  - [1.4.x 文档](http://www.easybui.com/guide-1.4.x/)
+  - [1.5.x 文档](http://www.easybui.com/guide-1.5.x/)
+  - [1.6.x 文档](http://www.easybui.com/guide-1.6.x/)
+  - [更新日志](changelog.md)
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
@@ -1,60 +1,24 @@
-* 入门
-  * [介绍](chapter1/about.md)
-  * [安装](chapter1/installation.md)
-  * [快速开始](chapter1/quickstart.md)
-  * [多页路由](chapter1/multipage.md)
-  * [数据交互](chapter1/request.md)
-  * [布局](chapter1/layout.md)
-  * [调试](chapter1/debug.md)
-
-
+* [概述](/)
+* [快速入门](chapter0/quickstart.md)
+* [开发规范](chapter0/standard.md)
+* 一、创建一个应用
+* 开始
+  * [1. 创建工程](chapter0/create.md)
+  * [2. 创建新页面](chapter0/createpage.md)
+  * [3. 跳转与传参](chapter0/router.md)
+  * [4. 数据请求](chapter0/ajax.md)
+  * [5. 公共方法与配置](chapter0/global.md)
+  * [6. 布局](chapter0/layout.md)
+  * [7. 跨域调试](chapter0/debug.md)
 * 进阶
-  * [模板](chapter2/template.md)
-  * [模块](chapter2/loader.md)
-  * [组件化](chapter2/component.md)
-  * [组件通讯](chapter2/link.md)
-  * [单页路由](chapter2/router.md)
-  * [弹窗加载组件](chapter2/page.md)
-  * [历史记录](chapter2/history.md)
-  * [权限处理](chapter2/auth.md)
-  * [控件用法](chapter2/controls.md)
-  * [动画交互](chapter2/animate.md)
-  * [常用方法](chapter2/method.md)
-  * [插件扩展](chapter2/extend.md)
-  * [发布订阅](chapter2/emitter.md)
-
-* 数据驱动
-  * [介绍](store/about.md)
-  * [store 实例](store/distance.md)
-  * [计算属性与侦听器](store/computed.md)
-  * [模板语法](store/template-synatax.md)
-  * [属性与值绑定](store/attribute.md)
-  * [class与style绑定](store/class.md)
-  * [模板渲染](store/template.md)
-  * [表单绑定](store/form.md)
-  * [事件处理](store/event.md)
-  * [混入](store/mixins.md)
-  * [数据调试](store/debug.md)
-  * [综合案例](store/case.md)
-
-* 提高效率
-  * [BUI-Fast 编辑器插件](https://github.com/imouou/BUI-Fast-Snippets/)
-  * [buijs cli工具](https://github.com/imouou/buijs-cli)
-  * [模板库](https://github.com/imouou/BUI-Template)
-
-* 规范
-  * [切图规范](ui/cutimage.md)
-  * [开发规范](ui/standard.md)
-  * [样式规范](ui/style.md)
-
-* 帮助
-  * [我要提问](https://github.com/imouou/BUI-Guide/issues)
-  * [查看留言](https://github.com/imouou/BUI-Guide/issues?q=is:issue+is:closed)
-  * [常见问题](help.md)
-  * [更新日志](changelog.md)
+  * [8. 提高效率](chapter0/buifast.md)
+  * [9. 控件](chapter0/control.md)
+  * [10. 组件](chapter0/component.md)
+  * [11. 模块](chapter0/module.md)
+  * [12. 表单与校验](chapter0/form.md)
+  * [13. 数据存储](chapter0/storage.md)
+  * [14. 登录权限](chapter0/login.md)
+  * [15. 第三方插件](chapter0/import.md)
+  * [16. 打包部署](chapter0/package.md)
+  * [17. 版本升级](chapter0/update.md)
 
-* 链接 
-  * [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
-  * [1.5.x 旧版教程入口](http://www.easybui.com/guide-1.5.x/)
-  * [Link 专栏](linkapi.md)
-  * [BUI 专栏](article.md)