用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

记一次小程序开发poc【附代码】,客服咨询类,使用socket

天下雪 2017-2-6 10:33

公司举办了一个小程序的编程大赛,再加上我一直在研究这个,就试着做了一个小程序poc,因为时间比较紧迫,所以很多东西做的不是太全面。 主题就是一个客服咨询类的,主要使用的技术就是socket,效果如下图PS:前台后 ...

公司举办了一个小程序的编程大赛,再加上我一直在研究这个,就试着做了一个小程序poc,因为时间比较紧迫,所以很多东西做的不是太全面。 
主题就是一个客服咨询类的,主要使用的技术就是socket,效果如下图PS:前台后台UI都是我自己弄得,而且时间比较紧,所以不要吐槽UI。。。。 
咨询列表 
新建咨询 
咨询详情 
咨询评价

总结一下几个这次遇到的问题:

PS:因为手头只有小米4,所以所有问题都在小米4坏境下 
1.因为我的后台用的是Hreoku,被封了,所以不得不使用本地预览,在真机调试模式可以使用本地192.168.0.1之类的预览

2.textare bug,关于textare的bug还真不少 
1)首先是父元素hidden,但是textare隐藏但是val不隐藏,解决办法是在textare上添加同样的hidden条件 
2)我想添加个自动高度,使用了官方的autoheight属性与style自定义并且绑定bindlinechange然后用data算,结果都不理想,autoheight属性在真机上会出现吞字现象,第二个方法会出现变动高度后字体不显示bug。。。 
PS:最后通过官方文档发现textare组件是手机原生组件,所以很多设置和其他组件不同,所以,童鞋们请慎用。。。。

3.表单提交重置问题,通过本论坛一个帖子找到答案,附上代码

  1. <form>
  2. <button formType="reset"></button>
  3. </form>
  1. --components
  2. --libraries
  3. --pages
  4. --app.js
  5. --app.json
  6. --app.wxss
  7. --config.js

项目下载: 
20170120(微信小程序客服咨询后台).rar 
20170120(微信小程序客服咨询前台).rar

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: MephistoSun
  • MephistoSun 2017-2-6 09:20
    有其他问题可以留言交流,这次后台写的比较仓促,另外请童鞋们不要往我的数据库里写大量的数据。。。。我申请的是免费的mongdb
  • 天下雪 2017-2-6 10:11
    我想咨询一下楼主,编程大赛是如何搞的,不机密的话,能不能分享一下赛程和奖励之类的

    pS;我看到了自定义的toast
  • MephistoSun 2017-2-6 10:35
    天下雪 发表于 2017-2-6 10:11
    我想咨询一下楼主,编程大赛是如何搞的,不机密的话,能不能分享一下赛程和奖励之类的

    pS;我看 ...

    我们赛程是1.27报名(个人或团体)2.8提交作品之后召开演示评审会。
    得分主要考虑三个因素:业务价值,技术实现和现场讲演
    收益是移动硬盘。。。。好像还挺实用的
    PS:我换头像啦
  • 天下雪 2017-2-6 10:55
    MephistoSun 发表于 2017-2-6 10:35
    我们赛程是1.27报名(个人或团体)2.8提交作品之后召开演示评审会。
    得分主要考虑三个因素:业务价值,技 ...

    我也想搞一个编程大赛,在公司内部也好,在网站也可以;不知道你们的评委是什么人选
  • MephistoSun 2017-2-6 10:57
    天下雪 发表于 2017-2-6 10:55
    我也想搞一个编程大赛,在公司内部也好,在网站也可以;不知道你们的评委是什么人选 ...

    其实我也不知道。。。。不过我估计应该是领导吧,其实主要应该还是从业务价值来看,
    不过我还是要吐槽下,最好还是领导找一些有业务价值的东西,我们来做。。。。
  • kejianlsj 2017-2-7 12:02
    谢谢

查看全部评论>>