.field-validation-error {

    color: #f00;

}

.field-validation-valid {

    display: none;

}

.input-validation-error {

    border: 1px solid #f00;

    background-color: #fee;

}

.validation-summary-errors {

    font-weight: bold;

    color: #f00;

}

.validation-summary-valid {

    display: none;

}

Style.css

using System;

using System.Collections.Generic;

using System.ComponentModel.DataAnnotations;

using System.Linq;

using System.Web;

namespace PartyInvites.Models

{

    public class GuestResponse

    {

        [Required(ErrorMessage = "Please enter your name")]

        public string Name { get; set; }

        [Required(ErrorMessage="Please enter your email address")]

        [RegularExpression(".+\\@.+\\..+",ErrorMessage="Please enter a valid email address")]

        public string Email { get; set; }

        [Required(ErrorMessage="Please enter your phone number")]

        public string Phone { get; set; }

        [Required(ErrorMessage="Please specify whether you'll attend")]

        public bool? WillAttend { get; set; }

    }

}

Model__GuestResponse.cs

在view文件夹中，Home控制器内存在3个主视图

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <link href="~/Content/bootstrap.css" rel="stylesheet" />

    <link href="~/Content/bootstrap-theme.css" rel="stylesheet" />

    <title>Index</title>

    <style>

        .btn a {

            color: white;

            text-decoration: none;

        }

        body {

            background-color: #f1f1f1;

        }

    </style>

</head>

<body>

    <div class="text-center">

        <h2>We're going to have an exciting party.<br />(To do: sell it better. Add pictures or something.)</h2>

        <h3>And you are invited</h3>

        <div class="btn btn-success">

            @Html.ActionLink("RSVP Now", "RsvpForm")

        </div>

    </div>

</body>

</html>

View→Home→Index.cshtml

@model PartyInvites.Models.GuestResponse

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <link href="~/Content/bootstrap.css" rel="stylesheet" />

    <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />

    <link href="~/Content/style.css" rel="stylesheet" />

    <title>RsvpForm</title>

</head>

<body>

    <div class="panel panel-success">

        <div class="panel-heading text-center"><h4>RSVP</h4></div>

        <div class="panel-body">

            @using (Html.BeginForm())

            {

                @Html.ValidationSummary()

                <div class="form-group">

                    <label>Your name:</label>    @Html.TextBoxFor(x => x.Name, new { @class = "form-control" })

                </div>

                <div class="form-group">

                    <label>Your email:</label> @Html.TextBoxFor(x => x.Email, new { @class = "form-control" })

                </div>

                <div class="form-group">

                    <label>Your phone:</label> @Html.TextBoxFor(x => x.Phone, new { @class = "form-control" })

                </div>

                <div class="form-group">

                    <label>Will you attend?</label>

                    @Html.DropDownListFor(x => x.WillAttend, new[]{

               new SelectListItem(){Text="Yes,I'll be there",Value=bool.TrueString},

               new SelectListItem(){Text="No,I can't come",Value=bool.FalseString}

               }, "Choose an option", new { @class = "form-control" })

                </div>

               <div class="text-center"><input class="btn btn-success"  type="submit" name="name" value="Submit RSVP" /></div>

            }

        </div>

    </div>

</body>

</html>

View→Home→RsvpForm.cshtml

@model PartyInvites.Models.GuestResponse

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Thanks</title>

</head>

<body>

    <div>

        <h1>Thank you,@Model.Name!</h1>

        @if (@Model.WillAttend == true) {

        @:It's great that you're coming.The drinks are already in the fridge.

        }

        else {

            @:Sory to hear that you can't make it,but thanks for letting us know.

        }

    </div>

</body>

</html>

View→Home→Thanks.cshtml

controller

using PartyInvites.Models;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace PartyInvites.Controllers

{

    public class HomeController : Controller

    {

        //

        // GET: /Home/

        //public ActionResult Index()

        //{

        //    return View();

        //}

        public ViewResult Index() {

            int hour = DateTime.Now.Hour;

            ViewBag.Greeting = hour <  ? "Good Morning" : "Good Afternoon";

            return View();

        }

        public ViewResult RsvpForm() {

            return View();

        }

        [HttpPost]

        public ViewResult RsvpForm(GuestResponse guestResponse)

        {

            if (ModelState.IsValid)

            {

                return View("Thanks", guestResponse);

            }

            else {

                return View();

            }

        }

    }

}

HomeController.cs

MVC 小demo的更多相关文章

  1. 【Java】Jsoup爬虫,一个简单获取京东商品信息的小Demo

    简单记录 - Jsoup爬虫入门实战 数据问题?数据库获取,消息队列中获取中,都可以成为数据源,爬虫! 爬取数据:(获取请求返回的页面信息,筛选出我们想要的数据就可以了!) 我们经常需要分析HTML网 ...

  2. 新手 gulp+ seajs 小demo

    首先,不说废话,它的介绍和作者就不在多说了,网上一百度一大堆: 我在这里只是来写写我这2天抽空对seajs的了解并爬过的坑,和实现的一个小demo(纯属为了实现,高手请绕道); 一.环境工具及安装 1 ...

  3. Nancy之基于Nancy.Hosting.Self的小Demo

    继昨天的Nancy之基于Nancy.Hosting.Aspnet的小Demo后, 今天来做个基于Nancy.Hosting.Self的小Demo. 关于Self Hosting Nancy,官方文档的 ...

  4. Nancy之基于Nancy.Owin的小Demo

    前面做了基于Nancy.Hosting.Aspnet和Nancy.Hosting.Self的小Demo 今天我们来做个基于Nancy.Owin的小Demo 开始之前我们来说说什么是Owin和Katan ...

  5. Nancy之基于Self Hosting的补充小Demo

    前面把Hosting Nancy with ASP.NET.Self Hosting Nancy和Hosting Nancy with OWIN 以demo的形式简单描述了一下. 这篇是为Self H ...

  6. [Unity3D]做个小Demo学习Input.touches

    [Unity3D]做个小Demo学习Input.touches 学不如做,下面用一个简单的Demo展示的Input.touches各项字段,有图有真相. 本项目已发布到Github,地址在(https ...

  7. Android -- 自定义View小Demo，动态画圆（一）

    1,转载:(http://blog.csdn.NET/lmj623565791/article/details/24500107),现在如下图的效果: 由上面的效果图可以看到其实是一个在一个圆上换不同 ...

  8. Win10 FaceAPI小demo开发问题汇总

    Win10 FaceAPI小demo开发问题汇总 最近使用微软牛津计划做一个小demo,使用FaceAPI做一个小应用,实现刷脸的功能.开发的过程中用到几个问题,具体如下: Stream 与IRand ...

  9. 模仿京东顶部搜索条效果制作的一个小demo

    最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 #define kScreenWidth [UIScreen mainScreen].bounds.s ...

随机推荐

  1. js变量的作用域、变量的提升、函数的提升

    变量的作用域在函数之外声明的变量,叫做全局变量,因为它可被当前文档中的任何其他代码所访问.在函数内部声明的变量,叫做局部变量,因为它只能在当前函数的内部访问. ECMAScript 6 之前的 Jav ...

  2. Django框架——基础教程（总）

    1. Django简介 Python下有许多款不同的 Web 框架.Django是重量级选手中最有代表性的一位.许多成功的网站和APP都基于Django. Django是一个开放源代码的Web应用框架 ...

  3. python 3.8 新特性

    董伟明技术博客 安装 python 3.8 环境 , 在此刻 似乎 anaconda 都还不支持 3.8 ,所以直接下载源码进行编译安装 环境: centos7.5 版本:python3.8 1.依赖 ...

  4. 转载Google TPU论文

    选自 Google Drive 作者:Norman P. Jouppi 等 痴笑@矽说 编译 该论文将正式发表于 ISCA 2017 从去年七月起,Google就号称了其面向深度学习的专用集成电路(A ...

  5. subversion(SVN)服务配置及使用方法

      1.安装 yum install httpd httpd-devel subversion mod_dav_svn mod_auth_mysql -y 2.查看版本 svnserve --vers ...

  6. 从Spring看Web项目开发

    之前简单介绍过Spring框架,本文换个角度重新诠释Spring.使用Java语言开发的项目,几乎都绕不过Spring,那么Spring到底是啥,为何被如此广泛的应用,下面从以下两个问题出发来剖析Sp ...

  7. 4.pca与梯度上升法

    (一)什么是pca pca,也就是主成分分析法(principal component analysis),主要是用来对数据集进行降维处理.举个最简单的例子,我要根据姓名.年龄.头发的长度.身高.体重 ...

  8. 如何避免学习linux必然会遇到的几个问题

    相信在看这篇文章的都是对linux系统所迷的志同道合的人,不管你是刚开始学,还是已经接触过一些linux的知识,下面的问题是你在学习linux所必须遇到的,若是没有的话那我只能说大神我服你了.下面我就 ...

  9. label smooth

    图像分类的一个trick,推导可参考这位博主https://leimao.github.io/blog/Label-Smoothing/ 知乎上的讨论https://www.zhihu.com/que ...

  10. 向MySQL数据库插入数据出现乱码的情况分析

    (1)第一种情况在新建数据库时 (2)第二种情况就是,IDE环境里面配置编码设置为UTF-8 (3)第三种情况就是连接数据库时,没有设置编码.这个是最常规的.这个看起来很容易解决,但是需要注意MySQ ...