收到xx平台的合同确认的短信后,下午把手上的事情理完后。开始了一个新的开发的生涯
之前和微信相关的单都是转出去给人家做,许久没有打代码了,前端的技术也忘的差不多了。还好现在项目选型的时候,通过讨论最终明确下来,采用时下流行的框架。
如Vue,Angural,后端采用了go语言
一直认为微信就是js调用接口的玩意,使用微信封装好的公共方法来快速开发微信网站及小程序。看官们不要相信我的片面之词
还是从先从微信官方指引入手,第一感觉内容很简洁,配上了图,理解起来就更方便了。
今天我主要回顾一下,为了快速消化这个单。大家也可以在小程序里面搜索 房产评估,招商银行的。这次的小项目就是仿他做一个,主题颜色为绿色
需求也是比较简单,两个页面,房屋信息提交页面包括(广告图切换,联动省市地区,详细地址,面积,楼层),客户信息提交页面包括(姓名,手机号码,验证码)这个页面主要是为了防止客户乱搞,特意加了手机号码验证
附带一个web网站可以查看客户提交的资料,这块是有现成的php网站
开发时间当时定了一个星期
项目背景我就不描述了。
开发工具这里就免了,不过这个开发工具,需要微信扫码才能创建我的第一个项目。
已经把小程序API扫一遍,第一步主要是想把图片轮换搞定,当时看完小程序API没有一点实现的思路。
微信小程序也火了一阵子,想着网上应该也有一些案例或者简单的Demo,API里面的也有Demo不过都是静态网站。还是去网上看看,Down了一批
不过多数是微信Demo改出来的,小伤心。。。。
之前和微信相关的单都是转出去给人家做,许久没有打代码了,前端的技术也忘的差不多了。还好现在项目选型的时候,通过讨论最终明确下来,采用时下流行的框架。
如Vue,Angural,后端采用了go语言
一直认为微信就是js调用接口的玩意,使用微信封装好的公共方法来快速开发微信网站及小程序。看官们不要相信我的片面之词
还是从先从微信官方指引入手,第一感觉内容很简洁,配上了图,理解起来就更方便了。
今天我主要回顾一下,为了快速消化这个单。大家也可以在小程序里面搜索 房产评估,招商银行的。这次的小项目就是仿他做一个,主题颜色为绿色
需求也是比较简单,两个页面,房屋信息提交页面包括(广告图切换,联动省市地区,详细地址,面积,楼层),客户信息提交页面包括(姓名,手机号码,验证码)这个页面主要是为了防止客户乱搞,特意加了手机号码验证
附带一个web网站可以查看客户提交的资料,这块是有现成的php网站
开发时间当时定了一个星期
项目背景我就不描述了。
开发工具这里就免了,不过这个开发工具,需要微信扫码才能创建我的第一个项目。
已经把小程序API扫一遍,第一步主要是想把图片轮换搞定,当时看完小程序API没有一点实现的思路。
微信小程序也火了一阵子,想着网上应该也有一些案例或者简单的Demo,API里面的也有Demo不过都是静态网站。还是去网上看看,Down了一批
不过多数是微信Demo改出来的,小伤心。。。。
在这批里面,找到了一个外卖平台的Demo,刚好有图片轮换,这下我开心了。看了看代码,原来就是几个属性的设置就解决了。图片可以保存到本地,也可以使用网络图片
附上部分代码
<view class="container flex-wrap flex-direction-col">
<view class="my-swiper">
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src="{{item}}" class="slide-image" height="150"/>
</swiper-item>
</block>
</swiper>
</view>
</view>
Page({
data: {
imgUrls:[{"图片地址"}],
indicatorDots: true,
autoplay: true,
interval: 3000,
duration: 1000
}
})