小程序确实方便,在移动端方便小个体宣传,不需要服务器和域名,还有客服功能。按朋友的意思,做了一次调整,分成了首页、预约和我的三个页面。

下面说下遇到的几个问题。

01.客服功能

不得不说这个一条龙服务的功能挺好的,帮住小店主开辟了一个客源路径,节省了开发的成本。只需要在页面里,放置一个contact-button就可以

   <contact-button   type="default-light"  size="20"  session-from="weapp" >客服 </contact-button> 

只是这个button的样式不好修饰,还自带图标。不喜。就可以换成button。

 <button class="cs_button"   open-type="contact"
session-from="weapp">客服</button >

设置类型为contact就好。这样用户点击就能进入客服会话页面,

在用户的微信聊天记录中会出现新的一栏:小程序客服消息

然后在小程序后台设置客服人员,在指定的pc页面上扫码登录就能接入会话了。 客服地址:https://mpkf.weixin.qq.com/cgi-bin/kfindex

可惜这个地址不能在手机上用,如果可以集成到客服人员的用户里面最好了。在pc的网页上是比较麻烦的,因为小店主自己也不会一直在那登录,如果手机上收到消息能提示最好了,不然就很鸡肋。另外客服需要先在小程序后台绑定客服人员,注意如果微信设置了不能搜索,到这个地方也是搜不到的。

02.获取用户登录信息

这个功能一开始是好的,过了几天不知道怎么就获取不到用户信息了。然后按照文档意思,需要让用户再次点击button授权才可以。

<view wx:if="{{isAuth}}" class="container short">
<view class='avatar-box'>
<image class="user-avatar" src="{{ userInfo.avatarUrl }}" />
</view>
<text class="title">{{ userInfo.nickName }}</text>
</view>
<button wx:if="{{!isAuth}}" open-type="getUserInfo">授权登录</button>

isAuth是加载的时候判断有没有 res.authSetting['scope.userInfo'] 这个权限,没有就为false。这样才能再次获取用户信息。

03.图片自适应

一开始在页面怎么调整css,图片的宽高比都失真,无奈之余去看了才晓得,这个居然也有暗门。

<image class="img" bindtap="previewImage" src="data:images/actv.jpg" mode="widthFix">

需要加上mode才能自适应。这真是伤悲,为啥不是默认配置。

04.拨打电话

  call:function(){
wx.makePhoneCall({
phoneNumber: phone
})
},

这个功能实用,直接跳转到用户手机拨打电话的界面。

05.页面后退的问题

在页面导航的时候,非tarbar页面我们希望能够有个回退键,其实这是默认的。用navigator标签就好。

<navigator  url="/pages/location/location"  >
<image class='icon s' src='../../images/w1.png'></image>
门店位置</navigator>

但我一开始拿来代码的时候傻逼了,navigator(相当于是a标签) 加了一个redirect的。结果就是又去无回...

小结:开发这种纯展示的不需要域名和服务器,这是快哉。另外就是阿里的这个图标用的很爽。

github地址:https://github.com/stoneniqiu/weapp-demo

微信小程序小结02-- 完整的demo的更多相关文章

  1. 微信小程序开发 -- 02

    微信小程序开发 --02 微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样. 首先,在微信小程序开发中,代码 ...

  2. 微信小程序之最简单的Demo设计使用

    这个小Demo,代码量不多:导航样式.View.Text.点击.JS交互的使用,主要是理解每个后缀文件的功能,然后才能更好的使用开发.......(下面代码和源代码没差别,实在想要的请留言,谢谢... ...

  3. 微信小程序小结(5) -- 常用语法

    在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面). Page生命周期 属性 类型 描述 onLoad Function 生命周期函数--监听页面加载.一个页面只会调用 ...

  4. 微信小程序小结(1) ------ 前后端交互及wx.request的简易封装

    微信小程序的应用目前越来越多,不管喜欢与否我们都应该了解一些.废话不多,直接干货. 做项目自然避免不了前后端的交互,小程序在调试过程中需要在先在:小程序公众平台--设置--开发设置中,将要从后台请求的 ...

  5. SpringBoot实现微信小程序登录的完整例子

    目录 一.登录流程 二.后端实现 1.SpringBoot项目结构树 2.实现auth.code2Session 接口的封装 3.建立用户信息表及用户增删改查的管理 4.实现登录认证及令牌生成 三.前 ...

  6. 行星万象表白墙微信小程序、社交微信小程序,后台完整,支持多区域运营,扫码体验。

    简介 中国目前大概有5000个表白墙,累计用户近3000万,是一个庞大的群体,但现在大都以微信朋友圈为基础进行信息中转,但是这种模式经营者和用户都不友好,尤其是经营者无法变现,用户无法公开评论,这些种 ...

  7. 微信小程序小结

    前几日抽空看了下小程序,发现挺好玩的,mvvm的结构,语法比vue要简单,内置了一系列的组件,很方便.然后开发者工具直接上传代码,提交审核,然后发布,感觉挺好.虽然不打算做个工具类的,但是做个介绍类小 ...

  8. 微信小程序开发 [02] 页面注册和基本组件

    1.页面注册 既然我们希望跳转到新的页面,那自然要新建页面相关的文件才行.在开篇已经讲过,一个小程序页面由四个文件组成,假如我们的页面名为welcome,那么这四个文件则是: welcome.js w ...

  9. 微信小程序新建项目完整流程

    最近刚好也在做新的小程序项目,所以有机会给大家整理一个完整的开发流程! 上一篇介绍是如何获得appid,那么接下来就是怎么新建一个全新的小程序项目了 首先:下载最新版的微信开发者工具,支持网页版微信开 ...

随机推荐

  1. SSM-Spring-03:Spring中AOP的初窥和入门小案例

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- AOP:面向切面编程 AOP的主要作用:是为了程序员更好的关注"业务",专心"做 ...

  2. python 模块与包

    一.模块 1.1 什么是模块 # 什么是模块 # 一组功能的集合,就是模块,在python中一个py文件就一个模块 1.2 为什么要使用模块 # 1.可使代码的结构功能分区更清晰 # 2.可重复使用模 ...

  3. C#温故而知新系列 -- 闭包

    闭包的由来 要说闭包的由来就不得不先说下函数式编程了.近几年函数式编程也是比较火热,我们先来看看函数式编程的一些基本的特性这个有助于我们理解闭包的由来. 函数式编程 函数式编程是一种编程模型,他将计算 ...

  4. 写给小前端er的nodejs,mongodb后端小攻略~ (windows系统~)

    一.写在前面 迫于学校的压力,研二上准备回学校做实验发论文了,感觉真的没意思,这几天学着搞搞后端,踩了很多坑,整理一下这几天的坑以免以后再犯! 二.本文主要内容(由于是面向前端同学的,所以前端的内容就 ...

  5. 试试看读一下Zepto源码

    在浏览器上(Safari.Chrome和Firefox)上开发页面应用或者构建基于html的web-view本地应用,你如PhoneGap,使用Zepto是一个不错的选择. Jquery和Zepto的 ...

  6. centos环境的python、scrapy部署

    1 操作系统 Centos 6.5 64bit 或以上版本 2 软件环境 提示:(1)用什么软件:(2)运行环境(3)开发包. Python:Python-2.7.6.tgz Scrapy:Scrap ...

  7. java中&和&& | 和||的区别

    我想很多人在学习java的时候,或者其他语言(如:C#,.Net等)都会遇到 &和&& 然而,如果你没有真正的理解他们的意思,这会给你思路上面带来很大的麻烦 在这篇blog中, ...

  8. 【组合数学】Bzoj2916 [Poi1997]Monochromatic Triangles

    Description 空间中有n个点,任意3个点不共线.每两个点用红线或者蓝线连接,如果一个三角形的三边颜色相同,那么称为同色三角形.给你一组数据,告诉你哪些点间有一条红线,计算同色三角形的总数. ...

  9. LVS+keepalived负载均衡

    背景:         随着你的网站业务量的增长你网站的服务器压力越来越大?需要负载均衡方案!商业的硬件如F5又太贵,你们又是创业型互联公司如何有效节约成本,节省不必要的浪费?同时实现商业硬件一样的高 ...

  10. Spring py登陆模块(包含 记录登陆时间,记录ip,增加积分)

    嘛基于最近的复习准备写个关于spring登陆模块的小程序 虽然小但是五脏俱全呐 话不多说让我来介绍一下今天的登陆程序. 这些是 基于Spring JDBC 的持久层实现 基于Spring 声明事物的业 ...