ASP.Net简单的交互案例

最新推荐文章于 2023-11-12 22:14:13 发布
最新推荐文章于 2023-11-12 22:14:13 发布
阅读量108 收藏
点赞数
文章标签： 测试
原文链接：http://www.cnblogs.com/jiqing9006/p/6879818.html
版权

422101-20170519181545275-1327735692.png

422101-20170519181551010-1639446824.png

422101-20170519181555744-1572655122.png

控制器

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using mvcDemo.Models; // 引入Models

namespace mvcDemo.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            int hour = DateTime.Now.Hour;
            ViewBag.Greeting = hour < 12 ? "Good Morning" : "Goods Afternoon";
            return View();
        }
        [HttpGet]
        public ActionResult RsvpForm()
        {
            return View();
        }

        [HttpPost]
        public ActionResult RsvpForm(GuestResponse guestResponse)
        {
            return View("Thanks", guestResponse);
        }

    }
}

models

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace mvcDemo.Models
{
    public class GuestResponse
    {
        public string Name { get; set; }
        public string Email { get; set; }
        public string Phone { get; set; }
        public bool ? WillAttend { get; set; }
    }
}

3.视图Index

<!DOCTYPE html>
@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Index</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <div>@ViewBag.Greeting World!</div>
    <p>We're going to have an exciting party. <br/>
     (To do : sell it better. Add pictures or something.)
    </p>

    @Html.ActionLink("RSVP Now","RsvpForm");
</body>
</html>

RsvpForm

<!DOCTYPE html>
@model mvcDemo.Models.GuestResponse

@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>RsvpForm</title>
    <link rel="stylesheet" href="">
</head>
<body>
    @using (Html.BeginForm())
    {
        <p>Your name:@Html.TextBoxFor(x => x.Name)</p>
        <p>Your email:@Html.TextBoxFor(x => x.Email)</p>
        <p>Your phone:@Html.TextBoxFor(x => x.Phone)</p>
        <p>
            Will you attend?
            @Html.DropDownListFor(x=>x.WillAttend,new[] {

                new SelectListItem() {Text = "Yes,I'll be there",
                    Value = bool.TrueString
                },new SelectListItem() {Text = "No,I cant come",
                    Value = bool.FalseString
                },
            },"Choose an option")
         </p>

         <input type="submit" value="Submit RSVP"> 
    }
</body>
</html>

Thanks

<!DOCTYPE html>
@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Thanks</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <h1>Thank you ,@Model.Name!</h1>
    @if(Model.WillAttend == true)
    {
        @:Its greet that you're coming!
    }else
    {
        @:Sorry to hear that!
    }
</body>
</html>

增加验证 Models

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;// 增加验证引入

namespace mvcDemo.Models
{
    public class GuestResponse
    {
        [Required(ErrorMessage = "请输入姓名")]
        public string Name { get; set; }
        [Required(ErrorMessage = "请输入邮箱")]
        [RegularExpression(".+\\@.+\\..+",ErrorMessage = "请输入正确的邮箱")]
        public string Email { get; set; }
        [Required(ErrorMessage = "请输入号码")]
        public string Phone { get; set; }
        [Required(ErrorMessage = "请确认是否参加")]
        public bool ? WillAttend { get; set; }
    }
}

控制器

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using mvcDemo.Models; // 引入Models

namespace mvcDemo.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            int hour = DateTime.Now.Hour;
            ViewBag.Greeting = hour < 12 ? "Good Morning" : "Goods Afternoon";
            return View();
        }
        [HttpGet]
        public ActionResult RsvpForm()
        {
            return View();
        }

        [HttpPost]
        public ActionResult RsvpForm(GuestResponse guestResponse)
        {
            if (ModelState.IsValid) {
                return View("Thanks", guestResponse);
            } else
            {
                return View();
            }

            
        }

        public ActionResult About()
        {
            return View();
        }

        public ActionResult Contact()
        {
            return View();
        }
    }
}

视图层

<!DOCTYPE html>
@model mvcDemo.Models.GuestResponse

@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>RsvpForm</title>
    <link rel="stylesheet" href="">
</head>
<body>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary()
        <p>Your name:@Html.TextBoxFor(x => x.Name)</p>
        <p>Your email:@Html.TextBoxFor(x => x.Email)</p>
        <p>Your phone:@Html.TextBoxFor(x => x.Phone)</p>
        <p>
            Will you attend?
            @Html.DropDownListFor(x=>x.WillAttend,new[] {

                new SelectListItem() {Text = "Yes,I'll be there",
                    Value = bool.TrueString
                },new SelectListItem() {Text = "No,I cant come",
                    Value = bool.FalseString
                },
            },"Choose an option")
         </p>

         <input type="submit" value="Submit RSVP"> 
    }
</body>
</html>

422101-20170519185332150-1183516798.png

增加样式Content/Styles.css

.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;}

引入样式

<!DOCTYPE html>
@model mvcDemo.Models.GuestResponse

@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>RsvpForm</title>
    <link rel="stylesheet" href="~/Content/Styles.css">
    <link rel="stylesheet" href="">
</head>
<body>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary()
        <p>Your name:@Html.TextBoxFor(x => x.Name)</p>
        <p>Your email:@Html.TextBoxFor(x => x.Email)</p>
        <p>Your phone:@Html.TextBoxFor(x => x.Phone)</p>
        <p>
            Will you attend?
            @Html.DropDownListFor(x=>x.WillAttend,new[] {

                new SelectListItem() {Text = "Yes,I'll be there",
                    Value = bool.TrueString
                },new SelectListItem() {Text = "No,I cant come",
                    Value = bool.FalseString
                },
            },"Choose an option")
         </p>

         <input type="submit" value="Submit RSVP"> 
    }
</body>
</html>

422101-20170522172137788-1359153111.png

增加bootstrap特效

<!DOCTYPE html>
@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Index</title>
    <link rel="stylesheet" href="~/Content/bootstrap.css">
    <link rel="stylesheet" href="~/Content/bootstrap-theme.css">
    <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!</h2>
        <h3>And you are invited</h3>
        <div class="btn btn-success">
            @Html.ActionLink("RSVP Now", "RsvpForm")
        </div>
    </div>
</body>
</html>
<!DOCTYPE html>
@model mvcDemo.Models.GuestResponse

@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>RsvpForm</title>
    <link rel="stylesheet" href="~/Content/Styles.css">
    <link rel="stylesheet" href="~/Content/bootstrap.css">
    <link rel="stylesheet" href="~/Content/bootstrap-theme.css">
    <link rel="stylesheet" href="">
</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" value="Submit RSVP" />
                </div>
            }
        </div>
    </div>
</body>
</html>

422101-20170522181138538-371674567.png
422101-20170522181148429-502292283.png

增加邮件发送提醒

<!DOCTYPE html>
@{
    Layout = null;
}

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Thanks</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-theme.css" rel="stylesheet" />
    <style>
        body {
            background-color: #F1F1F1;
        }
    </style>
</head>
<body>
    @{
        try
        {
            WebMail.SmtpServer = "smtp.aliyun.com";
            WebMail.SmtpPort = 25;
            WebMail.EnableSsl = false;
            WebMail.UserName = "diandodo@aliyun.com";
            WebMail.Password = "xxxxxxxx";
            WebMail.From = "diandodo@aliyun.com";
            WebMail.Send("jiqing9006@126.com","RSVP Notification",Model.Name +" is "+ ((Model.WillAttend??false)?"":"not") +"attending" );

        }
        catch(Exception)
        {
            @:<b> Sorry - Can't send Email </b>
        }
    }

    <div class="text-center">
        <h1>Thank you ,@Model.Name!</h1>
        <div class="lead">
            @if (Model.WillAttend == true)
            {
                @:Its greet that you're coming!
            }
            else
            {
                @:Sorry to hear that!
            }
        </div>
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/jiqing9006/p/6879818.html

weixin_30876945
关注
8个ASP.NET网站简单例子
07-26
几个简单小网站的例子，帮助大家快速学习，互相交流学习。
ASP.NET项目开发案例全程实录
05-03
ASP.NET项目开发案例全程实录，这是一份深入探讨.NET框架下ASP.NET技术的实践教程。ASP.NET是微软推出的Web应用程序开发平台，它基于.NET Framework，为开发者提供了丰富的功能和工具，以构建高性能、安全性和可伸缩...
ASP.NET前端和后台交互基本过程测试
weixin_43550660的博客
07-28 722
ASP.NET前端和后台交互基本过程测试 1、 --》新建项目 --》ASP.NET 空web程序 2、 --》新建HTML文件 3、分别新建 DAL (数据访问层)文件夹 Handler 文件夹 4、在 Handler 文件夹中添加 一般处理程序 并命名 LoginHandler 5、在 DAL 文件夹中 添加 AdminService类 6、设置 UserLogin.html 为起始页 7、...
ASP.NETWeb开发（C#版）-day1-C#基础+实操
最新发布
weixin_46335196的博客
11-12 2712
namespace Demo006_类的定义和访问/*** 类名：Employee* 功能：模拟所有的职员对象*/{//internal 去掉也不会报错 internal只能在这里访问到 public是都可以访问到//成员变量（字段）：特征//这是私有的private//构造方法：在实例化对象时调用//构造方法名称必须与类名一致{//默认存在，但是调用了带参构造，在没有定义无参构造的时候，调用无参会报错，建议带上无参构造。
分享129个ASP.NET源码总有一个是你想要的
zy0412326的专栏
10-30 1789
分享129个ASP.NET源码总有一个是你想要的
《ASP.NET项目开发案例全程实录（第2版）》和 c# 基础
02-21
学习ASP.NET时，还需要掌握诸如ADO.NET（用于数据库访问）、JavaScript和jQuery（用于前端交互）、Bootstrap（用于响应式布局）等相关技术。同时，了解版本控制工具（如Git）和持续集成/持续部署（CI/CD）流程也是...
ASP.NET项目开发案例全程实录（第2版）案例源码
01-25
4. **数据绑定与控件交互**：ASP.NET中的数据绑定机制使得数据展示和用户交互变得简单，例如GridView、Repeater等控件的使用，以及如何与后台数据源进行交互。 5. **状态管理**：ASP.NET提供了多种状态管理机制，如...
ASP.NET项目开发案例精粹16博客管理系统源码
10-11
【ASP.NET项目开发案例精粹16博客管理系统源码】是一个深入探讨ASP.NET技术的实践项目，它展示了如何使用C#编程语言构建一个完整的博客管理平台。这个项目旨在帮助开发者理解如何在实际环境中运用ASP.NET框架，提升...
ASP.NET WebAPI开发实例
laizhixue的博客
06-29 4735
最近因为朋友的一个提问，自己就去学习了一下WebApi，后来百度了一下发现了一遍不错的文档，记录转载一下。 一、环境搭建 打开VS2012， IDE版本为Visual Studio Ultimate 2012 文件 - 新建项目 - Visual C# - Web – ASP.NET MVC4 Web 应用程序 选择空项目组 项目右键 – 管理NuGet程序包 选择联机 – 搜索webapi – 安装webapi2.2 – 安装webapi2.2helppage Webapi2.2为res
ASP.NET 连接数据库 增删改查简单实例
热门推荐
lqadam的博客
03-12 4万+
本文主要讲解连接ASP.NET 连接数据库最简单的方法和增删改查的小例子，因为只涉及到一个页面，所以没有使用web.config，以及使用DBHelper，旨在让读者们抛开封装好的东西，了解实际代码。
asp.net 前后台数据交互方式
hbqjzx的专栏
12-03 1862
web前后台数据交互的几种方式_luckyrass的博客-CSDN博客一、前台直接输出后台传递的数据 后台代码： 前台代码： 也可以直接在js里获取 二、 前台传参,后台获取参数并返回值,前台可直接调用方法必须是静态方法 后台代码： 前台代码： 三、新建一个类,前台传参 类中方法获取参数并返回值，前台可直接调用方法必须是静态方法 后台代码： 前台代码： 四、ajax 和 WebMethod 传参 后台代码 ： 前台代码： 1.利用cookie对象 Cookie是服务器保存
C#实例：5个.net经典例子（窗体与界面设计）
weixin_33739646的博客
11-12 679
为什么80%的码农都做不了架构师？>>> ...
asp.net 前后台页面交互数据的四种方案，非ajax
乐逍遥wd的博客
02-16 8161
asp.net 前后台页面交互数据的四种方案 ，第五种方案通过aspx.cs中的静态方法+WebMethod进行处理已经介绍http://blog.csdn.net/qq_18551329/article/details/50673164 1. 前台直接输出后台传递的数据 后台代码：  public string value = "1"; 前台页面代码：    
ASP.NET项目开发案例：企业门户、博客、论坛与电商
通过这些ASP.NET典型开发案例，开发者能够学习到如何在实际项目中使用ASP.NET框架来构建各种Web应用，包括数据库交互、用户界面设计、业务逻辑实现以及前后端通信等关键技术。每个案例都提供了具体的操作步骤和代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值