如何将HTML5网页转化为Visualforce pages
首先要介绍“静态资源”这个概念,所在目录为:Build->Develop->Lightning Components->Static Resources
我们原来在HTML中引用的一些图片,css和js等文件都要重新压缩,上传保存为静态资源,以备Visualforce pages 引用。
值得注意的是压缩原网页文件时,要将其全选之后发送到压缩文件,不可将其直接拖拽至压缩文件,亲测无效
引用图片
假设上传至Salesforce的静态资源名为test(静态资源名与压缩文件名可不同)
Visualforce Pages 上引用该图片的方式为:
<img src="{!URLFOR($Resource.home_lib,'img/pagetop_arrow.gif')}" />
原来html上引用该图片的方式为:
<img src="img/pagetop_arrow.gif" />
引用式样
Visualforce Pages 上引用式样的方式为:
<link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.home_lib,'css/sub.css')}" />
引用js
Visualforce Pages 上引用js的方式为:
<script type="text/Javascript" src="{!URLFOR($Resource.home_lib,'js/mini.js')}"></script>