专业 靠谱 的软件研发伙伴

您的位置:首页 > 新闻动态 > 小程序制作案例

发布日期:2020-07-24

小程序制作案例


小程序制作案例


1.选择模板.

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


小程序开发

小程序开发


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

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


小程序开发

小程序开发


3 . 初步编辑小程序

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


小程序开发

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

小程序开发


小程序开发

添加完图片点击保存

小程序开发

导航栏组件

小程序开发

标题栏组件

小程序开发

设置双图组件

小程序开发

标题栏组件

小程序开发

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

小程序开发

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

小程序开发


4.设置商品类别

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

小程序开发

小程序开发

给商品设计二级分类

小程序开发

小程序开发

小程序开发


5. 添加商品规格

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


小程序开发


小程序开发

小程序开发


6 添加商品以及商品详情

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


小程序开发


小程序开发


小程序开发

小程序开发


小程序开发

添加商品详情

小程序开发


小程序开发


小程序开发

小程序开发


7.修改小程序模板

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

小程序开发

修改模板名字

小程序开发

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

小程序开发


小程序开发

底部导航栏添加链接

小程序开发


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

小程序开发

小程序开发

8.下载小程序

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

小程序开发


推荐阅读: