pyqt5快速开发与实战_用云开发快速制作客户业务需求收集小程序丨实战
导语
业务场景下,如何快速优化业务流程、及时落地创意idea?看云开发如何助力业务效率的快速提升!
▌一、导语
如何省去企业上门(现场)搜集客户需求的环节,节约企业人力和时间成本,将客户的业务定制需求直接上传至云数据库?云开发为我们提供了这个便利!▌二、需求背景作为一名XX公司IT萌萌新,这段时间对小程序开发一直有非常浓厚的兴趣,并且感慨于“云开发·不止于快”的境界。近期工作中,刚好碰见业务部门的一个需求,目的是节约上门跟客户收集业务定制资料的时间,以往是每变更一次,就需要上门一次,碰见地域较远的,费时费力,且往往要求几天内完成上线,时间非常紧迫。因此,结合一直以来对云开发的各种优势的了解,我说服公司领导通过小程序·云开发来实现。下面是其中一项业务定制界面的展示:(1)业务对业务流程有简单说明;(2)相关业务介绍;(3)不同客户输入个性化需求;(4)云存储后台实现需求表单的收集。
得力于云开发提供的API和WeUI库的便利,本项目在我在极短的时间内就实现了比较理想的效果 。接下来,我就从本项目入手,讲讲我是如何依靠小程序·云开发将想法快速实现的,其实我也是刚入门没多久,只是想分享一下自身在学习小程序开发项目中的一些知识点和体会,代码可能略为粗糙,逻辑也有待优化,欢迎大家在评论区多多交流。
▌三、开发过程
1、组件
主要使用了官方WeUI扩展能力的一些组件库来实现主要功能。
核心的WeUI库主要有 Msg、Picker、图片的Upload等(以快为目的,节省自己写CSS样式的时间,也方便0基础的同学上手,这里又体会到了小程序开发的便捷)。
2、实现代码
本次云开发包括云数据库、云存储两大功能:
(1)云数据库
云数据库的主要就是搜集客户提交上来的表单信息,包括客户的联系方式和选择的业务类型等,并存储在云数据库中,方便业务经理搜集需求。
我们来看简单的实现过程:首先是表单,用到了 form 表单组件以及它的 bindsubmit 方法,在 wxml 中放置 form 表单:
bindsubmit="formSubmit">
class="form">
class="section">
bindchange="bindPickerGsd" mode="selector" value="{{indexGsd}}" range="{{arrayGsd}}">
class="picker">归属县市
class="picker-content" >{{arrayGsd[indexGsd]?arrayGsd[indexGsd]:"(必填项) 请下拉选择归属地"}}
class="footer">
class="dz-btn" formType="submit" loading="{{formStatus.submitting}}" disabled="{{formStatus.submitting}}" bindtap="openSuccess">提交
表单中除了普通的文本输入,增加有下拉列表的实现(毕竟客户有时候是比较懒的)。来看一下具体代码:
bindPickerGsd: function (e) {
console.log('归属地已选择,携带值为', e.detail.value)
console.log('归属地选择:', this.data.arrayGsd[e.detail.value])
this.setData({
indexGsd: e.detail.value
})
this.data.formData.home_county = this.data.arrayGsd[e.detail.value]
},
最后表单上传到云数据库:
// 表单提交
formSubmit: function (e) {
var minlength = '';
var maxlength = '';
console.log("表单内容",e)
var that = this;
var formData = e.detail.value;
var result = this.wxValidate.formCheckAll(formData);
console.log("表单提交formData", formData);
console.log("表单提交result", result)
wx.showLoading({
title: '发布中...',
})
const db = wx.cloud.database()
db.collection('groupdata').add({
data: {
time: getApp().getNowFormatDate(),
home_county: this.data.formData.home_county,
group_name: formData.group_name,
contact_name: formData.contact_name,
msisdn: formData.msisdn,
product_name: this.data.formData.product_name,
word: formData.word,
},
success: res => {
wx.hideLoading()
console.log('发布成功', res)
},
fail: err => {
wx.hideLoading()
wx.showToast({
icon: 'none',
title: '网络不给力....'
})
console.error('发布失败', err)
}
})
},
(2)云存储
因为业务的定制需要填单客户所在单位的授权证明材料,因此需要提单人(使用人)上传证明文件,因此增加了使用云存储的功能。
核心代码:
promiseArr.push(new Promise((reslove,reject)=>{
wx.cloud.uploadFile({
cloudPath: "groupdata/" + group_name + "/" + app.getNowFormatDate() +suffix,
filePath:filePath
}).then(res=>{
console.log("授权文件上传成功")
})
reslove()
}).catch(err=>{
console.log("授权文件上传失败",err)
})
因为涉及到不同页面的数据传递,即将表单页面的group_name作为云存储的文件夹用于存储该客户在表单中上传的图片,因此还需要用到getCurrentPages()来进行页面间的数据传递
var pages = getCurrentPages();
var prePage = pages[pages.length - 2];//pages.length就是该集合长度 -2就是上一个活动的页面,也即是跳过来的页面
var group_name = prePage.data.formData.group_name.value//取上页data里的group_name数据用于标识授权文件所存储文件夹的名称
3、进一步优化
基于时间关系,本次版本仅对需求进行了简单实现,作为公司一个可靠的项目,还需要关注"客户隐私”、“数据安全”,以及更人性化的服务。比如:(1)提单人确认和认证过程可靠性:增加验证码验证(防止他人冒名登记),以及公司受理业务有个客户本人提交凭证。(2)订阅消息受理成功后,可以给客户进行处理结果的反馈,增强感知。(3)人工客服进行在线咨询等。
▌四、总结
在本次项目开发中,我深刻体会到了云开发的“快”,特别是云数据库的增删查改功能非常方便。云开发提供的种种便利,让我在有新创意的时候,可以迅速采用小程序云开发快速实现,省时省力,还能免费使用腾讯云服务器,推荐大家尝试!
▌五、获取源码
☁
更多精彩
点击下方图片即可阅读
云开发,不止于「快」
云开发
Tencent CloudBase
点击在看让更多人发现精彩
pyqt5快速开发与实战_用云开发快速制作客户业务需求收集小程序丨实战相关推荐
- 小程序云开发_借助小程序云开发制作校园导览小程序丨实战
导语 偌大校园,寻路犯难.没关系!本文教你借助云开发制作精美校园导览小程序,带你走遍校园的每个角落,发现不一样的风景. 背景 刚入学的新生要想不迷失在偌大的校园,除了依靠不怎么可靠的路边标识外,总会收 ...
- 用云开发制作教务助手小程序丨实战
▌项目背景 本项目由一人承担从后端到前端的构思以及开发,下面我就讲讲从教务助手小程序的构思到开发实现(基于云开发). 1.灵感来源 教务小程序的灵感来源:用完即走,查个成绩和课表,无需下载app或去翻 ...
- 用小程序·云开发打造运动圈小程序丨实战
乒乓圈小程序 和朋友合伙写了一个小程序,写了一个以共享乒乓信息和交流的平台---乒乓圈.我们使用了微信的云开发来完成数据和后台的作用.免去了租赁服务器. 我主要负责的是数据库的设计和云函数实现数据获取 ...
- 用小程序·云开发打造功能全面的博客小程序丨实战
用小程序·云开发将博客小程序常用功能"一网打尽" 本文介绍mini博客小程序的详情页的功能按钮如何实现,具体包括评论.点赞.收藏和海报功能,这里记录下整个实现过程和实际编码中的一些 ...
- 借助小程序·云开发制作校园导览小程序丨实战
背景 当你刚上大学的时候,要想不迷失校园,除了依靠不怎么可靠的路边标识外,总会收到那么一张卡通绘制的校园地图: 这种静态图片可以让我们快速地了解到所需的地理位置信息,但使用和思考过后,会发现以下问题: ...
- 基于小程序·云开发构建高考查分小程序丨实战
2019高考报名人数达到了 1031 万的新高,作为一名三年前参考高考的准程序猿,赶在高考前,加班加点从零开始做了一款高考查分小程序,算是一名老学长送给学弟学妹们的高考礼.上线仅 1 个月,用户数就突 ...
- 借助实时数据推送快速制作在线对战五子棋小游戏丨实战
1 项目概述 游戏开发,尤其是微信小游戏开发,是最近几年比较热门的话题. 本次「云开发」公开课,将通过实战「在线对战五子棋」,一步步带领大家,在不借助后端的情况下,利用「小程序 ✖ 云开发」,独立完成 ...
- 你的心事我全知晓——心情日记小程序丨实战
闲暇之余,听媳妇嘀咕说要给她做一个能表达她每日心情的小程序,只能她在上面发东西.既然媳妇发话了,就花点心思做一个吧,因为没有UI图,所有布局全靠自己瞎编,下面结合图片和代码跟大家讲解下实现过程,内容略 ...
- 免费制作微信小程序开发关于旅游_教大家怎么一步步免费自己做微信小程序
小程序很火,很好的流量入口,但是没有编程基础的很难写出小程序,找网络公司做又太贵,今天就教大家怎么自己去制作一个属于自己的小程序! 想制作小程序需要准备的清单如下: 1.微信公众平台(mp.weixi ...
最新文章
- C/C++ 中访问结构体成员的方法
- python学习手册中文版免费下载-Python学习手册
- 【数学建模】MATLAB应用实战系列(七十九)-因子分析法(附MATLAB 和Python代码实现)
- EOS大神,C++写的高发并行区块链
- php设计分布图,MySQL分表实现上百万上千万记录分布存储的批量查询设计模式[图]_MySQL...
- 开始 Scrum 3: Values of Scrum
- linux mysql 数据类型_MySQL的数据类型和建库策略(转)
- L1-040 最萌情侣身高差
- zuul网关_SpringCould之服务网关(zuul)介绍与配置
- 不做保姆式运维,从容接手新业务运维工作
- 2022五一杯数学建模
- 如何查看当前项目jdk版本:
- 【机器学习15】决策树模型详解
- 计算机听录测试,电脑自带可以录音但是QQ语音检测不行
- 使用Fiddler修改百度的Logo
- 杭州电子科技大学OJACM 2049题 (必AC及其易错点)
- 如何破解Win7的电脑登录密码?
- win8计算机睡眠无法唤醒,win8.1系统休眠后无法唤醒的解决方法
- 对于ios7扫描二维码功能的实现
- yarn WEB UI及reserved memory、spark WEB UI