微信小程序入门（第一天）

最新推荐文章于 2022-04-13 13:20:08 发布

tominto333

最新推荐文章于 2022-04-13 13:20:08 发布

阅读量403

点赞数

分类专栏：随笔文章标签：小程序 java 微信

本文链接：https://blog.youkuaiyun.com/link123link/article/details/103048272

版权

本文是微信小程序入门的第一天教程，介绍了小程序的基本文件结构，包括app.wxss、app.js、app.json等，并涉及pages目录下各页面的组件和样式文件。内容涵盖业务逻辑、程序主体和页面代码的解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先体验一下

微信小程序第一个HELLO WORD程序

1，文件分布结构：

│ app.wxss
│ app.js
│ app.json
│
├─pages
│ ├─index
│ │ index.js
│ │ index.wxml
│ │ input.wxml
│ │ index.wxss
│ │
│ ├─main
│ │ main.wxss
│ │ main.js
│ │ main.wxml
│ │
│ └─logs
│ logs.js
│ logs.json
│ logs.wxss
│ logs.wxml
│
└─utils
util.js

2，业务逻辑部分

对于不同的项目，根据其具体的业务逻辑表现，文件有不同的组织方式，但基本元素(页面Page)的结构不变。
在helloworld项目中，如上图绿色所示为：pages/utils。
pages：该文件夹下存放不同的业务逻辑页面，在这里为index文件夹(主页面)，logs文件夹(log页面)。
utils：该文件夹下存放工具类函数，并通过module.exports导出formatTime来供其他文件调用。

3,程序主体部分

由三个文件组成，必须放在项目

最低0.47元/天解锁文章