一:什么是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

   

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

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

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

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

三:Hello World

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

  

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

  

  File→New→Lightning Component

  

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

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

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

File→New→Lightning Application,输入 MyTest_App

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

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

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

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

Salesforce Lightning开发学习(一)Hello World开发实践的更多相关文章

  1. [嵌入式学习资料]ARM开发学习详解iTOP-4412开发板使用手册

    拿到的最新4412开发板学习使用手册,完全免费,分享一下 下载地址:http://pan.baidu.com/s/1ntrJA8h

  2. Java开发学习(十三)----基于注解开发定义第三方bean及注解开发总结

    在前面的博客中定义bean的时候都是在自己开发的类上面写个注解就完成了,但如果是第三方的类,这些类都是在jar包中,我们没有办法在类上面添加注解,这个时候该怎么办? 遇到上述问题,我们就需要有一种更加 ...

  3. 吴裕雄--天生自然Android开发学习:1.2 开发环境搭建

    现在主流的Android开发环境有: ①Eclipse + ADT + SDK ②Android Studio + SDK ③IntelliJ IDEA + SDK 现在国内大部分开发人员还是使用的E ...

  4. Java开发学习(十)----基于注解开发定义bean 已完成

    一.环境准备 先来准备下环境: 创建一个Maven项目 pom.xml添加Spring的依赖 <dependencies>    <dependency>        < ...

  5. Java开发学习(十一)----基于注解开发bean作用范围与生命周期管理

    一.注解开发bean作用范围与生命周期管理 前面使用注解已经完成了bean的管理,接下来将通过配置实现的内容都换成对应的注解实现,包含两部分内容:bean作用范围和bean生命周期. 1.1 环境准备 ...

  6. 熬夜肝了一份 C++/Linux 开发学习路线

    大家好,我是帅地. 之前写过几篇学习路线的文章 前端开发学习路线 Java 后端开发学习路线 一般开发岗主流的就是 Java 后台开发,前端开发以及 C++ 后台开发,现在 Go 开发也是越来越多了, ...

  7. Android开发学习之路-RecyclerView滑动删除和拖动排序

    Android开发学习之路-RecyclerView使用初探 Android开发学习之路-RecyclerView的Item自定义动画及DefaultItemAnimator源码分析 Android开 ...

  8. web前端开发学习内容

    应该 具备的 知识技能 :懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准                       代码能 兼容主流浏览器.ie6.7.8.9 ff 等.    ...

  9. Android开发学习路线图

    Android开发学习方法: Android是一个比较庞大的体系,从底层的Linux内核到上层的应用层,各部分的内容跨度也比较大.因此,一个好的学习方法对我们学习Android开发很重要. 在此建议, ...

随机推荐

  1. Linux内存映射--mmap函数

    Linux提供了内存映射函数mmap, 它把文件内容映射到一段内存上(准确说是虚拟内存上), 通过对这段内存的读取和修改, 实现对文件的读取和修改, 先来看一下mmap的函数声明: 头文件: < ...

  2. Android开发小问题集

    由于安卓系统比较复杂,开发中会发中会碰见各种小问题,在此做一些记录,只要觉得有必要就会添加进来. 1.触屏鼠标模式和触屏模式 开发android4.3高通400平台时,用atmel_max 640T作 ...

  3. UNIX网络编程——客户/服务器程序设计示范(三)

    TCP预先派生子进程服务器程序,accept无上锁保护 我们的第一个"增强"型服务器程序使用称为预先派生子进程的技术.使用该技术的服务器不像传统意义的并发服务器那样为每个客户现场派 ...

  4. 使用JavaScript在Canvas上画出一片星空

    随着Html5的迅猛发展,画布也变得越来越重要.下面我就写一个关于在canvas上画出一片星空的简单的代码的示例. 理论基础 初始化一个canvas,获得一个用于绘制图形的上下文环境context.并 ...

  5. MyBatis主键生成器Jdbc3KeyGenerator(二)

    上一篇博客MyBatis主键生成器KeyGenerator(一)中我们大体介绍了主键生成器的接口及配置等,接下来我们介绍一下KeyGenerator的实现类Jdbc3KeyGenerator Jdbc ...

  6. iOS中 加强日志输出 开发技术总结

    对于那些做后端开发的工程师来说,看LOG解Bug应该是理所当然的事,但我接触到的移动应用开发的工程师里面,很多人并没有这个意识,查Bug时总是一遍一遍的试图重现,试图调试,特别是对一些不太容易重现的B ...

  7. 网站开发进阶(三十六)String.getBytes()方法中的中文编码问题

    String.getBytes()方法中的中文编码问题 String的getBytes()方法是得到一个系统默认的编码格式的字节数组. getBytes("utf-8")得到一个U ...

  8. HTML5 预加载

    原文地址: HTML5 Link Prefetching 原文日期: 2010年07月07日 翻译日期: 2013年08月13日 浏览器厂商和开发者之间共同努力的一个方向就是让网站更快.现在已有很多广 ...

  9. cocos2d-x初探

    今天把cocos2d-x下载下来装了准备试试. 就不用windows本了,主要想做iOS游戏,所以这里用mac. 先在http://cocos2d-x.org/download下载右边的cocos,然 ...

  10. Android开机键失灵启动手机的解决办法

    问题描述 Android手机的关机键损坏,无法开机. 解决方法 将手机通过USB线链接电脑,进入命令行,找到adb命令所在目录,运行如下命令: adb reboot 注意:用这种方法的前提是,如果你当 ...