小白的小程序开发之路

小程序开发


浏览: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小程序