Latest web development tutorials
×

ASP.NET コース

ASP.NET コース ASP.NET 簡単な紹介

WP コース

WebPages 簡単な紹介 WebPages Razor WebPages レイアウト WebPages フォルダ WebPages 全体的な状況 WebPages フォーム WebPages オブジェクト WebPages ファイル WebPages ヘルパー WebPages WebGrid WebPages チャート WebPages Email WebPages PHP WebPages リリース WebPages 例

WP リファレンスマニュアル

WebPages カテゴリ WebPages セキュリティ WebPages データベース WebPages 郵便局 WebPages ヘルパー

ASP.NET Razor

Razor 簡単な紹介 Razor 文法 Razor C# 変数 Razor C# 循環 Razor C# ロジック Razor VB 変数 Razor VB 循環 Razor VB ロジック

ASP.NET MVC

MVC 簡単な紹介 MVC アプリケーション MVC フォルダ MVC レイアウト MVC コントローラ MVC ビュー MVC データベース MVC モデル MVC セキュリティ MVC HTML ヘルパー MVC リリース MVC リファレンスマニュアル

WF コース

WebForms 簡単な紹介 WebForms ページ WebForms コントロール WebForms イベント WebForms フォーム WebForms ViewState WebForms TextBox WebForms Button WebForms データバインディング WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ファイル WebForms Repeater WebForms DataList WebForms データベース接続 WebForms マスターページ WebForms ナビゲーション WebForms 例

WF リファレンスマニュアル

WebForms HTML WebForms Controls WebForms Validation

ASP.NET MVCのビュー

ASP.NET MVCを学ぶために、我々は、インターネットアプリケーションを構築します。

パート5:ディスプレイ用途のためのビューを追加します。


ビューのフォルダ

[ビュー]フォルダストアは、アプリケーション(ユーザーインターフェース)に関連するファイル(HTMLファイル)が表示されます。 これらの文書の内容で使用される言語に応じて、拡張機能は、HTML、ASP、ASPX、CSHTMLとvbhtmlかもしれかもしれません。

[ビュー]フォルダには、各コントローラに対応するファイルのフォルダが含まれています。

[ビュー]フォルダで、Visual Web Developerのは、アカウントのフォルダ、ホームフォルダ、共有フォルダを作成しました。

アカウントフォルダは、ユーザーアカウントの登録とログイン用のページが含まれています。

ホームフォルダは、ホームページとクラスに関するページなどのアプリケーションページを格納するために使用されます。

メモリコントローラ(マスタページとレイアウトページ)との間に意見を共有するための共有フォルダ。

ビュー


ASP.NETファイルの種類

[ビュー]フォルダでは、次のHTMLファイルの種類を見ることができます:

文件类型 扩展名
纯 HTML .htm or .html
经典 ASP .asp
经典 ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml


インデックスファイル

Index.cshtmlファイルは、ホーム・ページのアプリケーションを表します。 これは、アプリケーションのデフォルトのファイル(ページファイル)です。

ファイルに次のように書いています:

@{ViewBag.Title = "Home Page";}

<h1>Welcome to W3CSchool.cc</h1>

<p>Put Home Page content here</p>


ファイルについて

概要ページの文書は、About.cshtmlアプリケーションを表します。

ファイルに次のように書いています:

@{ViewBag.Title = "About Us";}

<h1>About Us</h1>

<p>Put About Us content here</p>


アプリケーションを実行します。

デバッグ、ビジュアルWeb開発者]メニューを選択し、デバッグデバッグ開始(またはF5キーを押します)を起動します。

アプリケーションは、次のように表示されます。

MVCアプリケーション

それがどのように動作するか確認するために、「ホーム」タブと「概要」タブをクリックします。


おめでとうございます

おめでとうございます。 あなたの最初のMVCアプリケーションを作成しました。

注:まだ「作品」タブをクリックすることはできません。 私たちは、「ビデオ」タブについては、このチュートリアルの後のセクションにコードを追加します。