微信小程序开发基本结构及页面展示

 时间:2026-04-29 22:19:04

1、进入小程序后,会看到基本的展示界面和目录结构,有一个整体的开发了解。

微信小程序开发基本结构及页面展示

2、模拟器对应手机显示的界面,可以调出与隐藏。

编辑器则是显示的代码文件框架与对应的编码。

调试器则类似与网页,进行调式与debug时使用。

微信小程序开发基本结构及页面展示

3、list显示对应的页面,每个文件对应一个页面效果,可以设置调式需要显示的界面。

编辑是运行的作用,点击编辑就可以执行代码,点击功能观察效果。

真机调试点击后,会出现二维码,使用手机扫码,可以在手机上直接运行。

下图对应目录的结构

微信小程序开发基本结构及页面展示

4、当点击加入后,会定位到加入界面,具体的显示代码如下。

微信小程序开发基本结构及页面展示

5、当点击首页时,会定位的首页的显示界面

微信小程序开发基本结构及页面展示

  • 如何用Axure制作动态倒计时
  • Ae中如何添加粒子运动场并调整参数
  • PS中如何帮人物画眉
  • 摹客iDoc Adobe XD插件使用技巧
  • maya制作室内顶灯
  • 热门搜索
    菊花的功效与作用 物理八年级上册知识点 汽车什么时候买最便宜 知识拼音 玻尿酸有什么作用 夏天煲什么汤好 制何首乌的功效与作用 益生菌的作用与功效 盐酸西替利嗪片的功效与作用 庆余年第二季什么时候播出