今年暑假的时候就想搞搞小程序,一直没来得及学,大概前一个月刚放假没多久开始从B站上找课程学习小程序的知识,看的是黑马的一套课程,前半部分讲小程序涉及到的相关知识,后半部分讲了一个电商项目,很细致,推荐一波~
B站电商小程序
2021年1月,刚进入这个月的时候,一直是假期娱乐状态,看了几部电影,“肖申克的救赎”、“心灵捕手”、“看不见的客人”、“如果声音不记得”,有几部挺有感触的。大概9号左右,开始学习小程序,上面提到的视频看了大概有不到十天时间,但是这个电商项目有一大部分代码没有自己手敲,只是过了一遍小程序的理论知识和实现流程,有评论说和vue很相似,就寻思着学一下vue入门,再回来敲一遍这个可能效果会好点,就找了黑马的一个vue入门教程,视频不长,除了理论之外,有三个小的应用——小黑记事本、天知道、悦听播放器,实现过程中感觉前端页面老是达不到想要的效果,又去尚硅谷看了一位老师的前端课程,主要是css部分,终于,这三个小应用算是完成了。前一周不久,开始一点一点敲黑马的电商小程序,主要涉及到的知识有:小程序的目录结构、配置文件、数据绑定、列表渲染、条件渲染、常用组件、自定义组件的父子组件之间的数据传递、生命周期(这部分没仔细看),现在来介绍一下这个电商项目。
一、文件结构
二、页面效果
1.首页:
2.搜索页面:
3.分类页面:
4.商品列表:
5.商品详情:
6.购物车:
7.支付页面:
8.个人中心:
三、代码链接
电商小程序
也可以从gitee克隆哦:电商小程序
附:视频教程中提到的支付功能以及订单查询,因为只有个人的AppId无法实现,还有商品商品列表中加载下一页数据和下拉刷新功能、详情页面的渲染优化、展示收藏的商品功能、没有实现外,其他都实现了,如有完善,后续更新。
感谢2021年第一个月,未来还要继续加油!
转载:https://blog.csdn.net/wcy8733996wcy/article/details/113620058