小程序制作案例

小程序制作案例



1.选择模板.

选择小程序制作下的模板市场,选择合适的模板点击使用模板。




2 . 初步认识模板界面的结构

进入小程序模板界面左边为制作小程序组件,中间为显示部分,右边为组建的设置。(将你想要使用组件拖拽到手机显示屏中然后在右边进行设计,不需要的组件点击组件的右上角组件进行删除)




3 . 初步编辑小程序

编辑幻灯片更换幻灯片图片(选择你喜欢的轮播图样式)   


选择本地连接中单击浏览找到你事先准备好的图片点击确定


添加完图片点击保存

导航栏组件

标题栏组件

设置双图组件

标题栏组件

制作商品组件(因为没有添加商品所以商品组件显示是空白的)

这时你需要点击保存 单机返回按钮进行添加商品的类别、规格、商品信息。



4.设置商品类别

选择商品系统下的商品类别点击添加分类。

给商品设计二级分类



5. 添加商品规格

选择商城系统下的商品规格进行添加商品规格





6 添加商品以及商品详情

选择商城系统下的商城列表进行添加商品





添加商品详情





7.修改小程序模板

通过小程序的修改完善商品组件      (  把做好的模板设置成首页  )

修改模板名字

点击小程序修改完善首页商品信息


底部导航栏添加链接


跟根据链接样式进行链接如首页链接到首页,分类链接到分类页。

8.下载小程序

小程序制作导航下的小程序下载,下载你所制作的模板

你可能感兴趣的:(小程序制作案例)