MVC は簡単な登録を実装します page_html/css_WEB-ITnose-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

MVC は簡単な登録を実装します page_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:53 AM

私は MVC を学び始めたばかりですが、多くのことがすでに別のフォームに変更されており、常にそれに適応しているところです。MVC でよく使用される操作について説明していきます。簡単登録ページ。

Model の User クラスは次のとおりです

<span style="font-family:SimSun;font-size:18px;">public class User    {        //用号登录姓名        public string LoginName { get; set; }        //用户密码        public string Password { get; set; }        //用户的电子邮件        public string Email { get; set; }        //用户的手机号码        public string Phone { get; set; }    }</span>

MVC の最大の利点は、関心事の分離です。つまり、開発プロセス中にページが何であるかを心配する必要がありません。最初にビジネスロジックを開発できます。以下は RegisterController の操作です

<span style="font-family:SimSun;font-size:18px;">public class registerController : Controller    {             //注册完的信息显示        public ActionResult Create(FormCollection form)        {            User user = new User()            {                //两种获取方法，一种通过request，一种通过formcollection类                LoginName=form["name"],               // LoginName = Request.Form["loginName"],                Password = Request.Form["password"],                Phone = Request.Form["phone"],                Email = Request.Form["email"]            };            //通过viewdata向界面传递值            ViewData["UserInfo"] = user;            return View();        }        //注册的方法        public ActionResult Reg()        {            //字典类型的键值对            IDictionary<int, string> star = new Dictionary<int, string>();            //添加值            star.Add(1, "白羊座");            star.Add(2, "金牛座");            star.Add(3, "双子座");            star.Add(4, "巨蟹座");            star.Add(5, "狮子座");            star.Add(6, "处女座");            star.Add(7, "天秤座");            star.Add(8, "天蝎座");            star.Add(9, "射手座");            star.Add(10, "摩羯座");            star.Add(11, "水瓶座");            star.Add(12, "双鱼座");            //为列表赋值            SelectList starList = new SelectList(star, "key", "value");            //向界面传递值            ViewData["star"] = starList;            return View();        }    }</span>

上記のビジネスロジックを使用して、ページの操作を実装できます。

登録ページ

<span style="font-family:SimSun;font-size:18px;"><%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %><!DOCTYPE html><html><head runat="server">    <meta name="viewport" content="width=device-width" />    <title>Reg</title></head><body>  <div id="register"><% using (Html.BeginForm("Create", "Register", FormMethod.Post))   { %>    <table border="0" width="500">    <thead><tr><td colspan="2">        <h3 id="用户注册">用户注册</h3>    </td></tr></thead><tbody>    <tr><td class="td_left">登录名：</td>        <td><%=Html.TextBox("loginName") %></td>    </tr><tr><td class="td_left">密码：</td>        <td><%=Html.Password("password") %></td>    </tr><tr><td class="td_left">确认密码：</td>        <td><%=Html.Password("password2") %></td>    </tr><tr><td class="td_left">星座：</td>        <td><%=Html.DropDownList("star") %></td>    </tr><tr><td class="td_left">性别：</td>        <td><%=Html.RadioButton("sex", true, new { style = "border:0; width:30px;" })%>男            <%=Html.RadioButton("sex", false, new { style = "border:0; width:30px;" })%>女</td>    </tr><tr><td class="td_left">已婚：</td>        <td><%=Html.CheckBox("married", false, new { style = "border:0; width:30px;" })%></td>    </tr><tr><td class="td_left">安全邮箱：</td>        <td><%=Html.TextBox("email") %>输入邮箱</td>    </tr><tr><td class="td_left">联系电话：</td>        <td><%=Html.TextBox("phone") %>输入联系电话</td>    </tr><tr>    <td colspan="2" align="center"><br /><button type="submit"> 提交 </button><br /><br /></td>    </tr>    </tbody>    </table><%} %></div></body></html></span>

詳細情報ページは以下の通り

事例分析

いくつかの重要なポイントが使用されます上記の例を以下で分析してみましょう。

1. 渡された値を取得する

上の例では、FormCollection クラスと Request オブジェクトという 2 つのメソッドを使用して、渡された値を取得します。これら 2 つの使用法は同じです。

2. ページジャンプ

Html.BeginForm("Create", "Register", FormMethod.Post) など、HtmlHelper クラスの BeginForm オペレーションが使用されます。これは、ページが投稿形式で送信されるときを意味します。、コンテナーの Create メソッドの Register コントロールに渡されます。このメソッドには多くのパラメーターがあるため、自分で調べることができます。

3. Viewdata はページに値を返します。上記の例では、Viewdata は viewdata を介して渡されます。たとえば、コントローラー内で ViewData["UserInfo"] = user; はユーザーオブジェクトをコンテナーにロードし、ユーザーへのページで login.models.user user= ViewData["UserInfo"] を使用します。割り当ての場合、ここでは強制変換が必要であることに注意してください。

4. viewdata と TempData の違い

ViewData プロパティは、任意のオブジェクトのデータ型を格納するために使用できる ViewDataDictionary クラスですが、格納されるキー値は文字列のみである必要があるという特性があります。現在の HTTP リクエスト内に存在するデータは、セッションと同様に次の HTTP リクエストに引き継がれます。 ViewData と同様に、どちらも辞書クラスに属しますが、その中のデータは単なる Web ページへのリクエストです

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTMLとコード：用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割：コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか？Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか？Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は？Apr 05, 2025 pm 01:24 PM

メニューで点線のラインセグメンテーション効果を設計する方法は？メニューを設計するときは、通常、皿の名前と価格の間に左右に合わせることは難しくありませんが、真ん中の点線またはポイントはどうですか...

オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか？Apr 05, 2025 pm 01:21 PM

WebコードエディターのHTML要素分析では、多くのオンラインコードエディターを使用すると、ユーザーはHTML、CSS、およびJavaScriptコードを入力できます。最近、誰かが提案した...

React static Page構成：React-AppReviredを使用したコード圧縮を避ける方法は？Apr 05, 2025 pm 01:18 PM

React-App-Recrowiredを使用して静的ページを構築するときにコード圧縮を回避する方法について多くの開発者が配信したい...

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。