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

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

浏览量:2778 时间: 来源:iheyu

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文件"我们会存放一些工具的函数,可以达到代码复用的一个目的。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎