注:前3章是对小程序最基础的认识和内容讲解,大佬请绕行。可能一些略了解的小程序的人认为是废话。但我认为我需要分享的内容有很多是小小白需要的,所以一定要从头讲起。
今天将带大家从以下两大方面进行,
一是小程序基础;
二是带领大家手把手搭建一个小程序项目。
在实战中学习理论知识,实现学完就能上手!
(最快一星期可以实现自己搭建、开发)
(一) 小程序的背景
(二)小程序开发者工具
(三)小程序原生框架
(四)小程序模板语法
(五)小程序内置组件
(六)小程序生命周期
(七)小程序自定义组件
(一)商品首页
(二)商品分类
(三)商品列表
(四)商品详情
(五)购物车
(六)结算页面
(七)授权页面
(八)订单列表
(九)商品搜索
(十)个人中心
(十一)商品收藏
(十二)意见反馈
熟悉小程序的基础设置之后,
我们就可以使用他们做一个实战项目——**电商项目
项目一共分为以下12大模块。
(这一章主要是对小程序可实现的功能模块进行展示)
(一)商品首页
图1
图1即为商品首页模块。
这个模块从上往下看,有搜索框、轮播图、图片若干,
点击“分类”按钮,可以跳转至第2个模块——分类模块。
(二)商品分类
图2 商品分类模块
图2中,左面和右面的菜单栏均可以上下拖动,
随机点击一个商品,
进入图3 商品列表页面中。
(三)商品列表
图3
图3界面中,可以实现上拉加载功能,
帮助用户实现商品不满意,可继续加载其他产品的需求,
随即点击一个商品,进入图4的商品详情界面。
(四)商品详情
图4 商品详情模块
页面上方是轮播图,右侧有收藏按钮,
图4最下方是工具栏 ,点击“加入购物车”,进入图5 购物车界面。
(五)购物车
图5 商品购物车模块
图5界面中的有单选、全选、数量、结算等按钮,
点击“结算”,进入图6 结算页面。
(六)结算页面
图6 商品结算模块
在结算界面中,点击“支付”,就能调取微信小程序中的支付功能。
(七)授权页面
图7 授权模块
因为小程序中的某些信息是属于隐私,
想要获取用户信息的话,就需要用户的授权。
(八)订单列表
图8 订单列表模块
成功支付后,就能在图8中看到订单信息。
(九)商品搜索
图9 商品搜索模块
(十)个人中心
图10 个人中心模块
(十一)商品收藏
图11 商品收藏模块
(十二)意见反馈
图12 意见反馈模块
这12个模块均为接下来实战项目中需要一一实现的,尽情期待吧~~
【注:这个项目相对来讲是常见的电商项目,需要了解更多就关注作者,后续会持续更新哒】
发表评论