新途官网欢迎你访问长沙北大青鸟新途校区,支持你成为一个受人尊重的专业人才!
当前位置: 首页 > 青鸟知识 > net

Asp.net技巧:Asp.net母版的路径问题

来源:长沙it培训|发布时间:2017-05-10|浏览量:

学IT,好工作

就读北大青鸟长沙新途

20万年薪,等的就是你

求学热线: 0731-8309 3002

  母版页即为您的网站的其他页面提供模版。母版页允许您为您的web 应用程序中的所有页面(或页面组)创建一致的外观和行为。

  在使用母板或控件时很多人会遇到一个同样的问题,这些被多个不同目录下的页面引用的公共区里,涉及到的相对路径问题。

  Default.master母板在根目录:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Default.master.cs" Inherits="MyWebservice.Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        alert("jQuery.")
    });
    </script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

  和母板同一目录的页面index.aspx:

<%@ Page Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="MyWebservice.index" Title="首页" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

  index.aspx页面可以找到js/jquery.js文件。

  但是下面的OA目录下的oa.aspx:

<%@ Page Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true" CodeBehind="oa.aspx.cs" Inherits="MyWebservice.oa.oa" Title="在线办公" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

  因为它在OA/下,所以需要../js/jquery.js但是怎么能兼顾这2种情况呢,实际中兴许嵌套级别更多。

  当然了,可能会考虑使用绝对url即用/js/jquery.js,但这个方法的问题就是“虚拟目录”的问题,团队开发如果各自的虚拟目录不一样,相互间总不能每次修改吧,不太灵活。

  所以灵活一点就是动态的方式,如下:
<script type="text/javascript" src=\'#\'" /jquery.js") %>"></script>
查看生成的代码都是绝对url方式:
<script type="text/javascript" src="/pathtest/js/jquery.js">
我这里虚拟目录是pathtest.
也可以
<script type="text/javascript" src=\'#\'" /js/jquery.js")
%>"></script>

  下面做个实验,我们把母板移动下,放到masterpage/文件夹里,看看什么情况,这时候需要主要2点,第一是

  页面引master母板需要改:

  原来

  <%@ Page Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="MyWebservice.index" Title="首页" %>

  表示项目根目录下,现在改成:

  <%@ Page Language="C#" MasterPageFile="masterpage/Default.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="MyWebservice.index" Title="首页" %>

  或者绝对(注意是项目绝对位置哦)

  <%@ Page Language="C#" MasterPageFile="~/masterpage/Default.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="MyWebservice.index" Title="首页" %>

  这是index.aspx的。

  第二点需要改的是jquery.js的路径,

  如下

  <script type="text/javascript" src=\'#\'" ><%=ResolveUrl("../js/jquery.js") %>"></script>
或绝对的
<script type="text/javascript" src=\'#\'" ><%=ResolveUrl("~/js/jquery.js") %>"></script>

  你会发现<% %>里的一般是项目路径(绝对带~)。

  另外OA/oa.aspx与index.aspx不同的就是引入母板的地方:

  <%@ Page Language="C#" MasterPageFile="~/masterpage/Default.Master" AutoEventWireup="true" CodeBehind="oa.aspx.cs" Inherits="MyWebservice.oa.oa" Title="在线办公" %>

  或者相对(这个注意与index.aspx的区别哦)

  <%@ Page Language="C#" MasterPageFile="../masterpage/Default.Master" AutoEventWireup="true" CodeBehind="oa.aspx.cs" Inherits="MyWebservice.oa.oa" Title="在线办公" %>

  2.好了上面的页面生成时是绝对URL,<script type="text/javascript" src="/pathtest/js/jquery.js"></script>

  那么相对URL呢?使用Page.ResolveClientUrl()方法咯,

  注意OA/oa.aspx的:
<script type="text/javascript" src="../js/jquery.js"></script>

  与index.aspx的区别:
<script type="text/javascript" src="js/jquery.js"></script>

上一篇:.NET web开发:web应用开发的3大要素

下一篇:返回列表

扫码关注微信公众号了解更多详情

跟技术大咖,专业导师一起交流学习

姓名
电话
Q Q

在线留言

请您把问题留下,我们为您提供专业化的解答!

QQ咨询
  1. 招生问答
  2. 热门点击
  3. 最新更新
  4. 推荐文章

关于我们

学校成就

就业保障

联系方式

联系电话:0731-8309 3002

在线报名

预约报名

备案号:湘ICP备16017604号-1
地址:长沙高新区麓谷麓松路679号

在线咨询
课程咨询 学费咨询 学费分期 入学测试 免费预约 来校路线
初中生 高中生 待业者
0731-8309 3002

在线客服