小程序开发
今天要介绍的是「小布包」小程序,传送文件是现在公司都会有的一个需求,通过文档协作,可以高效率提升团队方案商讨、协作写稿和定稿等工作的效率。小布包小程序就是这样一个提供团队协作的小工具;能基于云端文件集合来自由地组织联系人/群,并轻松管理和有权限地分享文件。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/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、登录