ASP.NET 4.0 C#の下にWeb フォーム アプリケーションがあります。内部リソースの組織を隠すためにページ ルーティングを適用することを考え始めたので、この質問で質問し、回答を受け入れました。
少し背景
私の問題は、ルートを適用すると、考慮されたページが正しくルーティングされることです。つまり、別のパス (論理的で物理的ではない) を介してページに到達しますが、画像、スタイル、および外部リソースは正しくレンダリングされません (まったくそうではありません)。 ）。
しかし、もっと詳しく説明しましょう。Global.asax次のように、ファイルに次のようにページの基本的なルートをいくつか追加しました。
<%@ Application Language="C#" %>
<script runat="server">
void Application_Start(object sender, EventArgs e) {
// Registering routes
this.RegisterRoutes(System.Web.Routing.RouteTable.Routes);
}
void Application_End(object sender, EventArgs e) {
...
}
void Application_Error(object sender, EventArgs e) {
...
}
void Session_Start(object sender, EventArgs e) {
...
}
void Session_End(object sender, EventArgs e) {
...
}
void RegisterRoutes(System.Web.Routing.RouteCollection routes) {
// Handling blog posts
routes.MapPageRoute(
"BlogRoot",
"blog/posts",
"~/Blog.aspx");
routes.MapPageRoute(
"BlogPosts",
"blog/posts/{post-id}",
"~/BlogPost.aspx");
}
</script>
問題
さて、ある時点で、新しい道を試してみたいと思ったとき、私は次のようにします。通常、私のブログを表示するために、私はいつもそうしました:http://localhost/MyWebSite/Blog.aspxそして、私のブログの投稿はすべて表示されました。私はそれを繰り返しましたが、問題はありませんでした。次に、次のように入力http://localhost/MyWebSite/blog/postsしてみます。ページは正しくルーティングされます。しかし問題がある。ブラウザは画像とスタイルをロードしません。
私は疑います...
私が提供した URL から開始して画像とスタイル リンクを取得しようとするようなものですが、それは論理的なものであるため、失敗します。ページはコンテンツで見え、コンテンツはすべてそこにありますが、画像、css など、ページ自体の外部のどこかからリンクされているすべてのものに関しては、ブラウザーによって読み込まれません。
html を調べたかったのですが、おかしなことではありません。ルーティングを適用しなくても、通常どおりです。したがって、以下は、いくつかの画像リンクといくつかの css インクルージョンを示す私のページの抜粋です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
This is my blog
</title>
<meta name="author" content="Me, myself and I" />
<meta name="keywords" content="blog, personal information, personal page" />
<meta name="description" content="Personal Blog" />
<meta name="language" content="en-us" />
<meta name="copyright" content="Me - Year" />
<link rel="shortcut icon" href="Images/FavIco.jpg" />
<link href="Styles/Style1.css" rel="stylesheet" type="text/css" />
<link href="Styles/Style2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<link href="Scripts/google-code-prettify/src/prettify.css" rel="stylesheet" type="text/css" />
<script src="Scripts/google-code-prettify/src/prettify.js" type="text/javascript"></script>
...
My web site is structured in this way, in the root folder I have all my web pages and there is also a folder called `Images` where, inside, there are all images. In the root folder I also have the folder `Styles` with all css stylesheet inside it. There is also a folder called `Scripts`.
以下は、 my の一部を示す別の抜粋ですbody。
<div class="main">
<div class="navbar">
<span id="WebSite_SiteMapPath"><a href="#WebSite_SiteMapPath_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=YSaZQjo4n2xp9k-WqUJlK9ILtJOv6g5YNS2VyAf4VpYsZPmq-FcXDtnA5jQ1uPO3rQgDza-fEJKO1qU_C8uSY-WJiCQ7055T8wpvl9SIRFc1&t=634608253861201595" style="border-width:0px;" /></a>
<span>
<span class="sitenav">Home page</span>
</span><a id="WebSite_SiteMapPath_SkipLink"></a>
</span>
</div>
...
どういうわけか、ブラウザは提供されたアドレスを使用して、src見つけたものにアタッチし、リソースの正確な場所を特定しようとしていると思います。しかし、これは論理アドレスであるため、失敗します。多くの人がルーティングを使用していると思いますが、これをどのように解決していますか? ベストプラクティスについても話していますか？
ありがとうございました