轻栈学堂
快速上手品牌电商独立运营

小程序代码的构成
专栏:轻栈insarea微头条
发布日期:2023-06-30
阅读量:278
作者:轻栈insarea
收藏:
既然决定要自己写代码开发小程序,就要从最基本的开始了解。json文件(当前页面的配置文件,配置窗口的外观、表现等)-- .wxml 文件 (页面的模板结构文件)-- .

既然决定要自己写代码开发小程序,就要从最基本的开始了解。

假如你已经跟着前几篇图文,注册了小程序账号,下载了开发者工具,并进行了基本设置,还新建了一个项目,了解了主界面,就继续吧,今天还不是写代码的时候,一起来了解项目结构。

1.看一下资源管理器部分,是项目的基本组成结构
-- page 用来存放所有小程序的页面
-- app.js  小程序项目的入口文件
-- app.json  小程序项目的全局配置文件
-- app.wxss  小程序项目的全局样式文件
-- project.config.json  项目的配置文件
-- sitemap.json 用来配置小程序及其页面是否允许被微信索引。

page打开之后,是一个个的页面,以单独的文件夹存在,默认首页是index文件夹,新增文件夹即可新增页面。

1688117116637083155.jpg




2.其中,每个页面由4个基本文件组成,它们分别是:
-- .js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
-- .json文件(当前页面的配置文件,配置窗口的外观、表现等)
-- .wxml 文件 (页面的模板结构文件)
-- .wxss 文件(当前页面的样式表文件)

有点套娃的感觉,大家先熟悉一下,我们下一篇开始写代码。

1688117114740078472.jpg



用第三方平台(比如轻栈)制作小程序,以上这些都不需要明白一点,只要进入【Design Lab】编辑器,什么全局设置,什么新增页面,什么设置样式,都是点点鼠标的事情。

1688117115191078169.jpg



上一页:公众号关联小程序
下一页:小程序开发者工具-新建项目
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用