Elements of a Visualforce Page: Visualforce Markup

DEX450 - Introductions and Overview

📄 第 393 页 🎬 视频课程

课程章节介绍

让我们来聊聊Visualforce页面的元素和一些关键点。首先,Visualforce是Salesforce提供的一种标记语言,它允许你创建自定义的用户界面。你可以把它想象成一种速记方式,Salesforce会把这些标记转换成HTML页面,这样用户就能在浏览器中看到和使用这些页面了。 ### 1. ,对控制器的引用, 在Visualforce页面中,控制器就像是页面的“大脑”。它决定了页面的行为和数据的处理方式。你可以通过``标签的`controller`属性来引用一个控制器。比如: ```html ``` 这里的`MyCustomController`就是你自定义的Apex类,它负责处理页面的逻辑。 ### 2. ,静态资源的使用, 静态资源可以是图片、CSS文件、JavaScript文件等。你可以通过``或``标签来引用这些资源。比如: ```html ``` 这样,你就可以在页面中使用这些资源来美化页面或添加交互功能。 ### 3. ,包括Java脚本, JavaScript可以用来增强页面的交互性。你可以直接在Visualforce页面中嵌入JavaScript代码,或者通过外部文件引入。比如: ```html ``` 或者通过``标签引入外部的JavaScript文件。 ### 4. ,用于显示的标记, Visualforce提供了很多标签来帮助你显示数据。比如``、``等。这些标签可以帮助你快速构建复杂的UI。比如: ```html ``` 这段代码会生成一个表格,显示Opportunity的名称和金额。 ### 5. ,扩展类, 有时候,标准的控制器可能无法满足你的需求,这时你可以通过扩展类来增强控制器的功能。比如: ```apex public class OppExtension { public Case thisCase { get; set; } public List opps { get; set; } public OppExtension(ApexPages.StandardController controller) { thisCase = [SELECT AccountId FROM Case WHERE Id = :controller.getRecord().Id]; Account acc = [SELECT Name, (SELECT Name, Amount FROM Opportunities) FROM Account WHERE Id = :thisCase.AccountId]; opps = acc.Opportunities; } } ``` 在这个例子中,`OppExtension`类扩展了标准控制器的功能,允许你在页面中显示与某个Case相关的Opportunity数据。 ### 总结 编写Visualforce页面就像是用速记编写HTML一样,Salesforce会帮你把复杂的标记转换成用户友好的界面。通过引用控制器、使用静态资源、嵌入JavaScript以及使用各种显示标记,你可以快速构建出功能强大的自定义页面。 希望这些内容对你有帮助!如果有任何问题,随时问我哦!