2018年刚刚进入第二个工作周，经历了小程序入口的增加，最近相关团队研发了一款新的小程序，主要用于传图传文件，通过文档协作，可以高效率提升团队方案商讨、协作写稿和定稿等工作的效率。

这个小程序名字叫做小布包。

小布包小程序就是这样一个提供团队协作的小工具;能基于云端文件集合来自由地组织联系人/群，并轻松管理和有权限地分享文件。

本文重点分析这款小布包微信小程序的主要功能，以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点，传递知识，分享收获。我们从以下几个方面来体验一下：

功能1：显示首页

数据接口：进入首页，显示我分享和他人分享的小布包

用到的小程序组件：view,text,image,tab

用到的小程序API: wx.request

功能2：新增企业名片

数据接口：输入企业名片信息，创建企业名片

用到的小程序组件：view,text,textarea,form,image

用到的小程序API： wx.request,wx.chooseImage,wx.chooseVideo

功能3：新增布包信息

数据接口：输入布包信息，创建小布包

用到的小程序组件：text,view,image,switch

用到的小程序API：wx.request,wx.chooseImage,wx.chooseVideo

功能4：名片/布包详情

数据接口：点击布包或企业名片，进行查看详细信息，并且可以分享

用到的小程序组件：text,view,image

用到的小程序API： wx.request

功能5：云文件

数据接口：

①显示：“点击”文件，进入云端文件，点击不同分类，打开不同云端文件

②上传文件：点击“+”，可以上传图片、视频或文件

用到的小程序组件：text,view,image

用到的小程序API： wx.request ,wx.chooseImage,wx.chooseVideo,wx.uploadFile

功能6：登录

总结：「小布包」小程序有8个页面，用到的小程序组件有7个，用的小程序API有5个，分别如下：

前端页面个数：8

分别为：

1.首页：pages/index/index

2.文件：pages/file/file

3.更多：pages/more/more

4.详情：pages/details/details

5.名片：pages/card/card

6.创建小布包：pages/release/release

7.选择文件：pages/sel-file/sel-file

8.更多信息详情: pages/more-info/more-info

用到的小程序组件:

view,text,tab, image, ,switch ,textarea,form

用到的小程序API:

wx.request, wx.login, wx.getUserInfo, wx.chooseImage,wx.chooseVideo

数据接口API个数：7

数据接口API：

1、显示首页

2、新增企业名片

3、新增布包信息

4、名片/布包详情

5、云文件

6、上传文件

7、登录