小白的小程序开发之路
小程序开发
浏览:482 次

本文主要是记录一个卷心菜小程序开发的参考https://www.jianshu.com/p/aaef5ceb3936
1.小程序代码的基本结构
首先,我们在腾讯的微信开发者工具中创建了一个新的小程序项目,我们可以看到如下所示的资源管理器界面。
资源管理器界面
根据文件后缀,有四种类型的文件。
.js JavaScript文件
.json数据交换格式文件,与项目静态配置相关
这个wxml wxml(WeiXin Markup Language)是由该框架设计的一组标记语言。结合基本组件和事件系统,可以构建页面结构。类似于html。它主要包括小程序中的内容。
.wxss类似于css。它可以理解为格式文件,即小程序的格式描述。WXSS用于确定如何显示WXML组件。

app.json
小程序的全局配置文件,包括背景字体的颜色、小程序顶部显示的名称等,负责管理整个程序的生命周期。
app.js小程序的入口文件,用于创建app对象。
最重要的一个是App()函数,详细信息请参见。
app,js
2.你好,世界!创建app对象
修改的app.js
正如前面在美化界面时提到的,wxml和wxss文件用于表示小程序中显示的内容和表单,因此我们需要在这里配置这两个界面。
pages文件夹中的index.wxml修改文件中的代码,如下图所示

索引.wxml
Index.wxss修改文件中的代码,如下图所示
索引.wxss
当前显示效果
app.json文件修改navigaionBar的相关属性并配置页面路径。
这里有一个提醒。如果你在app的大括号中写评论。json,你会得到一个错误!
app.json
现在结果是这样的
第一个Hello World小程序