Lightning入门

注册：https://developer.salesforce.com/signup?d=70130000000td6N

1.注册lightning账号后登录，点击设置按钮出现如图内容，点击Developer Consoles就会出现lightning编译器

                                                

2.首先点击File，New一个文件Lightning Application，用来做组件的壳，将组件引入其中进行展示。

                            

3.进入Lightning Application文件后，你会发现右边出现了Preview（这个是视图，当你写了内容后点击他会打开新的页面进行展示），我们先来写一个Hello Lighting！尝试一下吧。

4.不过我们不建议在Lightning Application中直接进行开发，它主要目的是组件的存放和展示。

5.那么我们先创建一个组件，引入到Lightning Application中。首先打开File，New一个Lightning Component文件,可以在组件中写html元素进行开发。如下：

在demo.app中引入你写的组件的名字，如下操作：

点击Preview展示如下图：

6.只有干巴巴的字体太难看了，我们给他点样式让他漂亮起来！点击右方框里的STYLE，会出现STYLE文件（相当于Css文件）。

我们先写如下内容吧，给元素起一个class名字。

其中样式中书写需要注意的是必须带有.THIS，相当于特指本组件里面的元素样式。还有需要注意的一点是最外层元素和.THIS是挨着的，而包含元素需要和.THIS有一个空格距离。如下：

好了我们保存一下，打开Aura页面，刷新一下，如图：

7.那么如何在lightning中写js代码呢？这就需要我们点击右边的CONTROLLER了，打开如下内容：

我们先创建一个button按钮，如下：

在firstcmpController文件中写，如下代码：

保存后刷新Aura页面，点击button按钮就出现了弹框：

本期介绍完毕，下期介绍对<aura:attribute>的操作。