salesforce_visualforce_developer_cheatsheet

### Salesforce Visualforce Developer Cheat Sheet详解 #### 概述 Visualforce是Force.com平台的一个基于组件的用户界面框架，它采用了模型-视图-控制器（MVC）设计模式，并且非常可扩展——允许开发者创建自己的自定义组件。Visualforce不仅支持标准的平台用户界面，还能实现完全定制化的外观和体验。 #### 入门指南 为了开始使用Visualforce进行开发，首先需要在Salesforce中启用开发者模式。具体步骤如下： 1. **启用开发者模式**：点击用户名 -> 设置 -> 我的个人信息 -> 个人信息 -> 编辑。选中“开发模式”复选框以启用内联Visualforce编辑器。 2. **创建页面**：导航到一个基于当前实例的URL，例如：`https://<instance>.salesforce.com/apex/helloWorld`。 所有Visualforce页面的标记都位于 `<apex:page>` 标签内部。下面是一个简单的示例页面： ```html <apex:page showHeader="false"> <h1>Hello World</h1> </apex:page> ``` 每个标签都有一个可选或必需的属性集，例如上面例子中的 `showHeader` 属性。可以使用内联编辑器的自动完成功能或者组件参考文档来确定组件的具体属性。 可以通过以下路径查看所有Visualforce页面和Apex类：用户名 | 设置 | 开发。 #### 示例 Visualforce支持自动生成的标准控制器以及扩展功能，以减少编码工作量。下面是一个使用自定义控制器的Visualforce页面示例： ```html <apex:page showHeader="false" controller="Hello"> <apex:form> <apex:inputText value="{!theText}"/> <apex:commandButton value="Go" action="{!action}" reRender="dynamic"/> </apex:form> <apex:outputPanel id="dynamic"> {!theText} </apex:outputPanel> </apex:page> ``` 此页面包含一个输入字段和一个名为“Go”的按钮。当按钮被点击时，它将字段的值发送给控制器，控制器对这个值执行操作（在这个例子中是复制输入）。页面使用AJAX更新来渲染结果。下面是对应的控制器代码： ```java public class Hello { public PageReference action() { theText = theText + theText; return null; } public String theText { get; set; } } ``` #### 核心标签 以下是构成一个典型Visualforce页面的核心标签： - `<apex:page>`：必需的外部标签。 - `<apex:includeScript>`：链接到JavaScript库，通常位于静态资源中。 - `<apex:stylesheet>`：链接到CSS样式表，通常位于静态资源中。 #### 模板系统 模板组件允许您创建Visualforce页面的模板部分，以便于重用和维护。这些模板可以包含静态文本、HTML元素、Apex代码等，使得开发者能够快速构建复杂的用户界面，同时保持代码的清晰性和可维护性。 ### 结论 通过以上介绍，我们可以看到Visualforce为Salesforce开发提供了强大的工具和丰富的功能，使得开发者能够轻松地构建既美观又实用的应用程序界面。无论是新手还是有经验的开发人员，掌握Visualforce的基本概念和技巧都是十分必要的。