如何用uni-app做一个领优惠券H5、小程序商城(一)

5,851 阅读2分钟

一、为什么要选择uni-app

多端泛滥、精力有限,是很多前端开发者每日的梦魇。 uni-app遵循Vue.js语法规范,一套代码,多端发行,切实解决了众多开发者的痛点。 如果对uni-app不熟悉的,可以了解一下曾老师的文章: uni-app小程序手把手项目实战

不废话,先看看小程序的效果

小程序的效果

1. 扫描二维码体验小程序

2. 小程序界面截图

首页

搜索页

分类导航

明细页面

H5页面的效果

1. 扫描公众号二维码体验H5效果

2. H5界面截图

首页

搜索页

分类导航

商品明细页面

结论

用uni-app开发的小程序与H5页面的效果一致,体验良好,还原度非常高, 最重要的,我只写了一遍代码

二、如何开发这样的商城

看了上面的效果,是不是觉得挺不错的。

我猜,现在的你,脑海里一定有许多疑问吧?

我整理了一些可能会问到的问题:

序号 问题 解决办法
1 如何找到这么好看的界面?有没有什么前端资源? DCloud插件市场下载界面
2 后端数据怎么获得?哪里能找到这么多的商品信息? 从淘宝联盟获得接口
3 H5页面如何与公众号绑定?是选订阅号还是服务号? 建议先注册订阅号

前端资源

好看的前端资源

三、关于源码

uni-app 发券儿妹 源码下载

组织联系方式

四、关于作者

劝退架构师,喜欢做最不擅长的前端

个人公众号(jun的部落格),每天分享技术干货