Salesforce Lightning开发学习(一)Hello World开发实践

一:什么是Lightning Component framework

Lightning Component framework 简称Lightning,是Salesforce封装的一个前端框架,开发lightning Component能同时兼容Salesforce网页端与手机端的显示。lightning针对classic来说,界面更加优雅,用户体验也更加友好。

二:Lightning开发前的准备工作

  1. 注册开发org
  2. 设置自己的自定义域名

    如果你已经拥有了自己开发的ORG可以跳过这一步。打开  https://developer.salesforce.com/signup?d=70130000000td6N 链接,用邮箱注册成功后,使用https://login.salesforce.com进行登陆,即可进入Salesforce的classic界面;

    点击:设置→域管理→My Domain

   Salesforce Lightning开发学习(一)Hello World开发实践

如果不设置自定义域名,在后面编写代码时会遇到这样的错误提示:

Lightning components require My Domain. Please contact your system administrator for more information.

如果在设置了自定义域名后还能遇到这个错误提示,原因可能是Sales force在当前浏览器还没有“切换”出来,所以可以如下设置

Salesforce Lightning开发学习(一)Hello World开发实践

强制使用新的域名登陆系统,后面操作就正常了,然后再把强制禁用从https://login.salesforce.com登陆的选择去掉。

三:Hello World

  做好了Lightning开发的准备工作,接下来完成lightning的组件的Hello World开发

  Salesforce Lightning开发学习(一)Hello World开发实践

  切换为Lightning Experence,可以看到Lightning的操作界面,相对classic的页面要漂亮优雅很多。然后选择打开Developer Consoles,这是Salesforce官方提供的可以开发的一个环境,云平台,无需安装任何插件即可编辑代码,虽然可以使用Eclipse,Sublime之类的开发工具,不过以控制台开发可以保证大家的环境是一致的。

  Salesforce Lightning开发学习(一)Hello World开发实践

  File→New→Lightning Component

  Salesforce Lightning开发学习(一)Hello World开发实践

 <aura:component >
<p>Hello Lightning!</p>
</aura:component>

Lightning开发的每一个元素组成就是一个Component(组件),就像俄罗斯方块一样通过不同的组件拼接成一个满足要求的页面效果。其设计思想如下图

Salesforce Lightning开发学习(一)Hello World开发实践

component开发完成后,我们要预览组件效果,但是Lightning是不支持直接预览组件的,所以,我们要创建一个application(应用程序)将helloWorld组件装起来

Salesforce Lightning开发学习(一)Hello World开发实践

File→New→Lightning Application,输入 MyTest_App

 <aura:application >
<c:helloWorld/>
</aura:application>

保存后,点击左侧的预览按钮

Salesforce Lightning开发学习(一)Hello World开发实践

浏览器会打开一个页面,显示“Hello World”信息

Salesforce Lightning开发学习(一)Hello World开发实践

总结:本篇主要介绍了lightning开发的准备工作以及完成了一个Hello World的小demo,有错误的地方欢迎指出,有疑问的欢迎在评论区留言。

上一篇:D3js-堆栈图


下一篇:学习android学习必备的java基础知识--四大内部类