15-2: Display Data in a Visualforce Page

DEX450 - Module 15: Creating Visualforce Pages

📄 第 402 页 🎬 视频课程

课程章节介绍

让我们一步一步来完成这个任务。首先,我们需要在Visualforce页面中显示数据,并且使用一个预先存在的图像文件作为证书的横幅。这个任务听起来有点复杂,但别担心,我会带你一步步完成。 ### 第一步:上传预先存在的图像文件 1. 打开Salesforce,进入“设置”。 2. 在左侧的搜索栏中输入“文档”,然后点击“文档”。 3. 点击“新建文件夹”来创建一个新的文件夹,命名为“证书横幅”。 4. 点击“上传文件”,选择你预先准备好的图像文件,然后上传到这个文件夹中。 ### 第二步:使用开发人员控制台创建新的Visualforce页面 1. 打开开发人员控制台。你可以通过点击右上角的齿轮图标,然后选择“开发者控制台”来打开它。 2. 在开发者控制台中,点击“文件”菜单,选择“新建”,然后选择“Visualforce页面”。 3. 给页面命名,比如“CourseCompletionCertificate”。 4. 在编辑器中,编写Visualforce代码来显示证书内容。你可以使用以下代码作为起点: ```html

课程完成证书

恭喜 {!Course__c.Student_Name__c} 完成了 {!Course__c.Course_Name__c} 课程。

``` ### 第三步:创建自定义按钮以启动新的Visualforce页面 1. 回到Salesforce的设置页面,搜索“对象管理器”。 2. 找到并点击“课程”对象(假设你有一个自定义对象叫做“课程”)。 3. 在左侧菜单中选择“按钮、链接和操作”。 4. 点击“新建按钮或链接”。 5. 选择“Visualforce页面”作为内容源,然后选择你刚刚创建的“CourseCompletionCertificate”页面。 6. 设置按钮的标签和名称,比如“打印证书”。 7. 保存按钮,并将其添加到页面布局中。 ### 第四步:测试新页面 1. 回到Salesforce的主界面,找到一条课程记录。 2. 点击你刚刚添加的“打印证书”按钮。 3. 你应该能看到一个新的页面弹出,显示课程完成证书,并且使用了你上传的图像作为横幅。 这样,你就完成了在Visualforce页面中显示数据,并使用图像作为证书横幅的任务。希望这个过程对你来说既简单又有趣!如果有任何问题,随时问我。