很快微信开发者平台

 找回密码
 注册
查看: 11263|回复: 170

[Demo源码] 校园二手交易微信小程序 二手交易平台,校园二手书

[复制链接]

5

主题

5

帖子

120

积分

新人求带

积分
120
 楼主| 发表于 2018-9-29 14:31:39 | 显示全部楼层 |阅读模式
校园二手交易微信小程序实现的功能:定位大学,当地天气,轮播图,推荐列表,购物车,发布功能,订单,身份验证等。 以下对每一项进行了简单的阐述,“详情”则是对每一项内容具体的描述。

首页

首页实现了一些简单的功能,而且界面的设计也不是美观,设计的比较粗糙,后续会完善的功能是:用户下滑加载更多的内容,内容也会更加丰富。

homePage.jpg

定位

定位功能调用的是百度的接口,本来是想腾讯地图的,但是自己在使用的过程中,出现了一些错误(后续会完善腾讯地图的使用),导致调用接口失败了,然后才用的百度地图web端的api,而且官方给了代码实例,我们稍作修改即可使用。 定位详情 定位

location.jpg

天气

天气功能调用的是百度的接口,在百度地图官网给的代码实例里面除了位置功能,还有当地天气的数据,可以直接拿来使用。天气详情

weather.jpg

轮播图

轮播图直接用微信小程序的组件,<swiper>设置轮播图属性——> <block>循环遍历每一项——> <swiper-item>轮播每一项——> <image>每一项的图片。详情

swiper.jpg

下面是代码截图:
swiper1.jpg
swiper2.jpg

搜索框

首页的所搜框用的是一张图片,当然这样的搜索框,微信小程序是有组件的, 微信小程序的icon组件 搜索框图片
search-book.jpg

滚动条

我采用引入模板的方式,将这个功能写好后,引入到首页,同样用的<swiper>标签。详情

swiper-y.jpg

下面是代码截图:
33333.jpg

四个分类功能

分类功能实现的也比较简单,没有什么技术性的东西,或许wxss样式对你有所帮助。

classify.jpg

今日推荐

今日推荐功能使用了微信小程序的scroll-view,要注意的是,推荐好书和推荐好物在同一个页面,那么当点击“更多”的时候,要跳转到相应内容上。

recommend.jpg

购物车

购物车的实现也较为简单,将用户id和商品id传给后端,后端才能把对应的数据给前端。详情

shoppingCart.jpg

发布

发布功能,注意一点,必填的内容都填了“发布”按钮才可以点击

release.jpg

订单

订单功能,请求数据,展示数据,没什么难度

order.jpg

我的

样式,每一项后面有的" > "是如何实现的呢? 通过伪元素,transform: matrix()实现>的效果。

1.png
4444.jpg
my.jpg

身份验证

因为需要学校的学生身份才可以使用小程序的功能,这里给出一个测试的账号和密码

账号:20151621029 密码:666666
identityVerify.jpg

Secondhand-goods-on-campus-master.zip (1.2 MB, 下载次数: 566)
回复

使用道具 举报

0

主题

53

帖子

704

积分

略知一二

积分
704
发表于 2018-9-29 16:00:50 | 显示全部楼层
谢谢分享 不错
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-29 19:21:49 | 显示全部楼层
谢谢楼主分享
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-29 19:35:59 | 显示全部楼层
谢谢楼主分享
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 12:52:44 | 显示全部楼层
#在这里快速回复#666666666666666666666
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 12:55:59 | 显示全部楼层
666666666666666666666
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 12:57:19 | 显示全部楼层
666666666666666666666
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 12:58:21 | 显示全部楼层
666666666666666666666
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 18:37:54 | 显示全部楼层
66666666666666666666666666666666666666666
回复

使用道具 举报

0

主题

282

帖子

880

积分

略知一二

积分
880
发表于 2018-9-30 18:38:09 | 显示全部楼层
66666666666666666666666666666666666666666
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|很快微信开发者平台 ( 津ICP备16002644号-1 )

GMT+8, 2021-12-7 14:17 , Processed in 0.034318 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表