DotNetNuke独立项目模块开发资源引用路径设置

 

图片按钮链接模式：

<asp:ImageButton ID="btnLogin" runat="server" ImageUrl="~/DesktopModules/RecruitmentSystem/Company/style/image/companylogin/personalloginanniu.jpg" />

”~”来指代DNN的网站根目录，这样对于任何资源，我们只要使用”~”来开头，从根目录开始制定，就都可以引用到。

 

图片资源引用链接模式：

<img alt="我的简历" src="<%=ModulePath%>style/image/companylogin/jianli.gif" />

 

CSS链接模式

在PortalModuleBase基类里，有一个ModulePath属性，使用这个属性就可以动态生成资源对应的路径了。

最后的代码如下：

<link href="<%=ModulePath%>style/Company_Login.css" rel="stylesheet" type="text/css" />s

就可以了。 在这里ModulePath 的值为 "/DotNetNuke/DesktopModules/ MyModuleName /"

 CSS中引用图片资源的链接模式为：

.gelogin .mid .l .title
{
 height: 34px;
 width: 238px;
 background-image: url(image/companylogin/title1.gif);
 background-repeat: no-repeat;
 background-position: left;
}

 

注意url(image/companylogin/title1.gif);
设置以CSS平级的文件路径为起点最佳，下图为部分项目结构图

其中Company_Login.css与image文件夹同级，所以url中就以image为路径的起点，便能顺利引用到图片文件