用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

绿色小苹果的入门教程:从0开始创建

天下雪 2016-10-26 15:54

一:创建第一个小程序1、创建或导入目前只有200个内测名额, 所以选择无AppID(注:此AppID非公众号或服务号appid)2、填写完成quik start 选择此选择会默认创建一个demo, 点击【添加项目】会创建默认的小程序。 到 ...

一:创建第一个小程序

1、创建或导入

目前只有200个内测名额, 所以选择无AppID(注:此AppID非公众号或服务号appid)

2、填写完成

quik start 选择此选择会默认创建一个demo, 点击【添加项目】会创建默认的小程序。 到此, 小程序的创建完成, 灰常简单。

3)、quick生成的小程序


二:每个文件的含义

了解一门新的语言一定要了解它的文件, 比如 .java是java文件 .txt是文本文件 .html是网页文件 .jpg是图片文件。 那么小程序中都有哪些文件呢。

以quick start程序为例, 其他程序同理

 

每个小程序都包括这四种文件
.wxml: 是网页文件(同 .html, MVC中的V)
.js:是脚本文件 (可以理解成java中的.java文件, MVC中的C)
.json:是配置文件(类似 .xml或者 .pom)
.wxss:是样式表文件 (同 .css文件)

其中, 每个页面必须包含 .js和 .wxml文件


三:app.js文件

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。

点击查看详细

四:app.json文件

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释(#### 不知道在搞什么, 竟然不能添加注释)

点击查看详细

五:app.wxss文件

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。如果页面有自己的样式表, 则会覆盖公共样式表

用法跟标准css文件无异, 支持 .class #id。

点击查看详细

六:.wxml  

页面结构文件, 用来显示页面。 但结构不是标准html的结构, 如

<html>
  <head>
      <title>title</title>
  </head>
  <body>
      this is a wxapp
  </body>
</html>

这样的标签都是错误的, 小程序不支持。 微信有自己的一套组件

详见小程序组件

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 绿色小苹果 来自: 授权地址

相关阅读