#微信小程序项目开发——和茶网
##作者:杜少
##更多资料详情请咨询本人[博客](http://www.takozhang.cn)
小程序发布之后,网上对微信小程序的讨论也异常火爆,从发布到现在微信小程序一直占领着各种技术论坛的头条,当然各种平台也对微信小程序有新闻报道,毕竟腾讯在国内影响力还是很大的。
因为自己对小程序也是很有兴趣的,感觉是很有意思的一个东西,所以立马做了一个项目,水平有限,所以做的过程也就是一个学习的过程,一个提高的过程。
###下面的gif图是我项目的演示,代码需要在该文件夹根目录起服务,端口号为81
![](https://github.com/dushao103500/WeChat-hecha-project/tree/master/images/wechat-hecha-project.gif)
**图片若不能显示,请狠狠戳[这里](https://github.com/dushao103500/WeChat-hecha-project/blob/master/images/wechat-hecha-project.gif)**
###项目主要构建
**项目主要是通过微信小程序官方文档的知识支持,还有以下博客论坛的技术支持,由本人独立开发完成。项目主要有主页面,个人信息页面,分类页面,列表页面,详情页面,购物车页面,以及一些其他的子页面。**
#### 1、主页面
**主页面主要包含轮播图,商品信息图,还有一些同步请求加载的数据。**
![](http://oe51jhwvd.bkt.clouddn.com/wechat-index.jpg)
####2、个人信息页面
**个人信息页面主要包含了注册登录,modal模块的隐藏与显示,以及stroage的存储**
![](http://oe51jhwvd.bkt.clouddn.com/hecha-info.jpg)
![](http://oe51jhwvd.bkt.clouddn.com/hecha-login.jpg)
####3、分类页面
**分类页面主要是展示商品的分类,如图所示,一共分为9个分类,每个分类里面又有小分类,都可以通过同步请求资源来实现。分页页面只请求一次数据,可以实现小分类的筛选,数据按销量和价格的排序。**
![](http://oe51jhwvd.bkt.clouddn.com/wechat-sortMenu.jpg)
![](http://oe51jhwvd.bkt.clouddn.com/wechat-sort.jpg)
####4、详情页面
**详情页面的数据主要靠列表页通过navigator传ID值来公国发送请求获得。**
![](http://oe51jhwvd.bkt.clouddn.com/wechatdetail.jpg)
####5、购物车页面
**购物车页面的数据由详情页加入购物车之后,将商品数据存储在stroage中,在购物车页面取出,同时也可以在购物车页面进行增删改查操作。**
![](http://oe51jhwvd.bkt.clouddn.com/hecha-shoppingCar.jpg)
####6、相关子页面
**如活动页面,茶饮机页面等等**
![](http://oe51jhwvd.bkt.clouddn.com/wechatmachine.jpg)
没有合适的资源?快使用搜索试试~ 我知道了~
和茶网微信小程序截图+源代码.zip
共237个文件
jpg:58个
png:54个
json:40个
需积分: 0 1 下载量 15 浏览量
2023-03-23
09:59:57
上传
评论
收藏 10.56MB ZIP 举报
温馨提示
和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip 和茶网微信小程序截图+源代码.zip
资源推荐
资源详情
资源评论
收起资源包目录
和茶网微信小程序截图+源代码.zip (237个子文件)
._baseImages 212B
._detail 212B
._detailImages 212B
._images 212B
._index 212B
._indexImages 212B
._machine 212B
._machineImages 212B
._mock 212B
._my 212B
._myImages 212B
._pages 212B
._shoppingCart 212B
._sort 212B
._sortMenu 212B
._sortMenuImages 212B
._tpls 212B
._utils 212B
._和茶网 212B
wechat-hecha-project.gif 6.83MB
._wechat-hecha-project.gif 212B
._.gitignore 212B
.gitignore 15B
14.jpg 354KB
9.jpg 292KB
1.jpg 286KB
4.jpg 246KB
5.jpg 233KB
15.jpg 232KB
8.jpg 225KB
6.jpg 208KB
index2.jpg 197KB
7.jpg 186KB
10.jpg 132KB
sortMenu4.jpg 125KB
sortMenu8.jpg 120KB
sortMenu3.jpg 108KB
sortMenu9.jpg 100KB
sortMenu2.jpg 95KB
sortMenu6.jpg 89KB
sortMenu5.jpg 85KB
sortMenu7.jpg 84KB
sortMenu1.jpg 83KB
13.jpg 47KB
12.jpg 43KB
index4.jpg 30KB
index3.jpg 29KB
11.jpg 28KB
hptouxiang.jpg 18KB
index1.jpg 12KB
lookMore.jpg 10KB
index5.jpg 4KB
._index3.jpg 212B
._index4.jpg 212B
._index1.jpg 212B
._hptouxiang.jpg 212B
._index2.jpg 212B
._lookMore.jpg 212B
._index5.jpg 212B
._12.jpg 212B
._10.jpg 212B
._4.jpg 212B
._5.jpg 212B
._9.jpg 212B
._14.jpg 212B
._1.jpg 212B
._sortMenu5.jpg 212B
._8.jpg 212B
._7.jpg 212B
._13.jpg 212B
._15.jpg 212B
._6.jpg 212B
._sortMenu3.jpg 212B
._11.jpg 212B
._sortMenu1.jpg 212B
._sortMenu6.jpg 212B
._sortMenu2.jpg 212B
._sortMenu7.jpg 212B
._sortMenu8.jpg 212B
._sortMenu4.jpg 212B
._sortMenu9.jpg 212B
sort.js 3KB
detail.js 3KB
my.js 2KB
shoppingCart.js 2KB
index.js 960B
sortMenu.js 927B
app.js 711B
gulpfile.js 498B
util.js 460B
._sort.js 212B
._detail.js 212B
._index.js 212B
._machine.js 212B
._sortMenu.js 212B
._my.js 212B
._shoppingCart.js 212B
._app.js 212B
._gulpfile.js 212B
._util.js 212B
共 237 条
- 1
- 2
- 3
资源评论
阿星先森
- 粉丝: 203
- 资源: 1451
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 电线线路残旧残坏检测22-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- 基于抽象链条推理的大型语言模型高效工具使用方法研究
- Discord Clone 使用 React、ReactQuery、Tailwindcss、Redux、Socket IO、NodeJS、Express、MongoDB 和 Redis .zip
- 任务向量与算术操作:一种高效模型编辑方法
- 基于亚控KingFusion平台的燃气云平台应用
- decrypt-redis-2.8 源代码注释.zip
- 4511895645616541
- 基于工业数据库的油气田生产数据采集与管理应用
- CVE-2014-4210+Redis 未授权访问.zip
- 01111111111
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功