1.微信开发者工具要用手机,微信扫码登录,如图:

小程序应用 简单的 代码结构 介绍

 

2.我们可以创建两种项目:微信小程序的项目、公众号网页项目。

3.我们选择“小程序项目”,有项目目录、AppID、项目名称,(如果项目目录,填的是一个空目录,他会出现快速启动模板)

 通过这个选项我们可以快速建立一个微信小程序,如图:

小程序应用 简单的 代码结构 介绍

 

4.进入到了微信开发者功能界面主要分为四个模块,上面有:工具栏、下面有:模拟器、代码编辑器、调试器。如图:

小程序应用 简单的 代码结构 介绍

 

5.微信小程序的目录结构和代码结构:在pages文件夹下 logs文件夹里面的logs.wxml文件下             有:"app.js"、"app.ison"、"app.wxss"、"project.config.json"4个文件。

小程序应用 简单的 代码结构 介绍

 

这4个文件的作用就是“注册”“配置”微信小程序全局的配置信息,以及微信小程序全局的样式。

 "project.config.json"保存微信开发者配置信息,当我们重新安装工具或者换电脑时候,我们只需要把这个项目的代码导入就去

 开发者工具就可以了帮我们去恢复这个项目的个性化设置。

"app.js"帮我们的微信小程序去注册一个微信小程序应用。

 "app.ison"帮我们的微信小程序一个全局配置,包括一些网络请求的超时时间,还有一些窗口的表现,各个页面的注册路径。 

 "app.wxss"帮我们去设置微信小程序全局的样式。

 "pages"里面存放的是我们微信小程序所有的小程序页面,每个小程序页面最多由四个文件组成分别是:

  "js文件"、"json文件"、"wxml文件"和"wxss文件"。
     
  "js文件"帮我们去处理微信小程序页面的,逻辑和页面数据交互。
    
  "json文件"帮我们去配置微信小程序页面的,一个配置信息。

  "wxml文件"帮我们去展示小程序页面的,一些元素和内容。

  "wxss文件"帮我们去设置小程序页面,元素的样式。

  "util.is文件"我们会存放一些工具的函数,可以达到代码复用的一个目的。

相关文章:

  • 2022-01-08
  • 2022-02-10
  • 2021-05-22
  • 2021-06-29
  • 2021-10-06
  • 2021-09-19
  • 2022-12-23
猜你喜欢
  • 2021-08-07
  • 2021-12-14
  • 2021-10-21
  • 2021-12-15
  • 2022-12-23
  • 2021-06-30
  • 2022-02-10
相关资源
相似解决方案