8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示

小程序首页幻灯片显示

本教程均在第一节中项目启动下操作

  • 小程序首页幻灯片显示
  • 前言
  • 一、添加组件: 图片轮播+公告+图文菜单
  • 二. 绑定幻灯片数据接口
  • 三:首页绑定接口数据:
    • 1.绑定字段
  • 四.导出源码,解压后,导入hbulider,运行查看效果
    • 1.导出源码:
    • 2.解压,导入hbuilder
  • 五.运行查看效果
    • 对应数据库数据:
  • 本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

前言

    话不多说,直接实操。

一、添加组件: 图片轮播+公告+图文菜单

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第1张图片

二. 绑定幻灯片数据接口

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第2张图片
8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第3张图片

三:首页绑定接口数据:

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第4张图片

1.绑定字段

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第5张图片

四.导出源码,解压后,导入hbulider,运行查看效果

1.导出源码:

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第6张图片

2.解压,导入hbuilder

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第7张图片

五.运行查看效果

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第8张图片

对应数据库数据:

8.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页幻灯片显示_第9张图片

本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

你可能感兴趣的:(uniapp可视化,小程序)