NancyFX 第七章模型绑定和验证

任何优秀的框架，都能传递参数。在之前的路由章节，我们已经看到了如何在URL中传递参数。

能够传递简单的参数当然好，特别是在设计那些从数据库读取记录的API设计中。但是，很多情况下也是需要传递复杂对象。

这个可能是登录模块的验证信息，或者是数据库表中的多条记录。不管怎么样，只是传递简单对象已经不能满足。

这下就该轮到Nancy的模板绑定功能起作用了。

如果你之前已经熟悉了ASP.NET MVC,你应该已经了解了模型绑定是什么了: 这是一个根据请求和携带的数据去匹配对象变量的

一图赛千言

为了简单起见，想象我们有一个地址簿，我们需要保存地址记录到地址库数据库中。首先要做的就是创建一个代表数据库中记事簿记录的类。如下：

namespace nancybook.Models

{

   public class Address

   {

      public int RecordId { get; set; }

      public string Name { get; set; }

      public string BuildingAddress { get; set; }

      public string Town { get; set; }

      public string County { get; set; }

      public string PostalCode { get; set; }

   }

}

看下这个类，估计您一眼就能想到，我们采用一个整形数字代表记录，每条记录都是由五个属性构成了地址信息。

当前台通过AJAX向后台提交表单或传递JSON对象时，就能获得其中的五个属性：

正如你在上图中看到的，你可以在Web表单中发送一个复杂对象，每个表单元素的名字和数值会一起拼接为一个字符串。这也适用于发送JSON或XML格式的数据。

模型绑定的任务就是把传递的字符串匹配到对象的属性上。

如果只是传递了部分字段，其他字段仍然是默认值。

一个小例子

让我们创建一个用于存放视图的文件夹address,然后在其中添加一个叫index.html的HTML文件，代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Nancy Demo | Data Binding Example</title>

<link href="~/content/bootstrap.min.css" rel="stylesheet"

type="text/css" />

</head>

<body>

<div class="container">

<div class="page-header">

<h1 style="display: inline-block">Nancy Demo <small>Data Binding

Example</small></h1>

<h1 style="display: inline-block" class="pull-right"><small><a

href="~/" title="Click to return to demo home page">home <span

class="glyphicon glyphicon-home"></span></a></small></h1>

</div>

<p class="lead">Please fill in the form below and click 'Send Data'

to perform a data bind to the post action.</p>

<input id="RecordId" name="RecordId" type="hidden" value=""/>

<div class="form-group">

<label for="Name">Name</label>

<input type="text" class="form-control" id="Name" name="Name"

placeholder="Enter Persons Name here"/>

</div>

<div class="form-group">

<label for="BuildingAddress">Building Address</label>

<input type="text" class="form-control" id="BuildingAddress"

name="BuildingAddress" placeholder="Enter Building Address here" />

</div>

<div class="form-group">

<label for="Town">Town</label>

<input type="text" class="form-control" id="Town" name="Town"

placeholder="Enter Town here" />

</div>

<div class="form-group">

<label for="County">County</label>

<input type="text" class="form-control" id="County" name="County"

placeholder="Enter County here" />

</div>

<div class="form-group">

<label for="PostalCode">Postal Code</label>

<input type="text" class="form-control" id="PostalCode"

name="PostalCode" placeholder="Enter Postal Code here" />

</div>

<button type="submit" class="btn btn-primary">Send Data</button>

</form>

</div>

<script src="~/scripts/jquery-2.1.3.min.js"></script>

<script src="~/scripts/bootstrap.min.js"></script>

</body>

</html>

在模块文件夹中添加一个类文件 AddressRoutes.cs，代码如下：

using Nancy;

namespace nancybook.modules

{

   public class AddressRoutes : NancyModule

   {

       public AddressRoutes() : base("/address")

       {

          Get[@"/"] = _ => View["address/index"];

       }

   }

}

编译运行，输入请求地址/address,能看到下面的样子：

由三种不同的绑定方式，比较典型的如下：

Address myAddress = this.Bind();

还有采用var ,并输入泛型的

var myAddress = this.Bind<Address>();

最后，如果已经创建模型的对象，还可以这样：

var myAddress = this.BindTo(existingModelInstance);

就我个人而言，我更倾向于第二种。

扩展你的模块类，添加保存的处理，代码如下：

using nancybook.Models;

using Nancy;

using Nancy.ModelBinding;

namespace nancybook.modules

{

    public class AddressRoutes : NancyModule

    {

       public AddressRoutes() : base("/address")

       {

           Get[@"/"] = _ => View["address/index"];

           
　　　　　　 Post[@"/save"] = _ =>

           {

              var myAddress = this.Bind<Address>();

      　　　　                return View["address/display", myAddress];

           };
　　　　　　

        }

    }

}

然后再添加一个视图文件 display.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Nancy Demo | Data Binding Example</title>

<link href="~/content/bootstrap.min.css" rel="stylesheet"

type="text/css" />

</head>

<body>

<div class="container">

<div class="page-header">

<h1 style="display: inline-block">Nancy Demo <small>Data Binding

Example</small></h1>

<h1 style="display: inline-block" class="pull-right"><small><a

href="~/" title="Click to return to demo home page">home <span

class="glyphicon glyphicon-home"></span></a></small></h1>

</div>

<p class="lead">The results from your address form are as

follows...</p>

<p>Record ID : <strong class="textsuccess">@Model.RecordId</strong></p>

<p>Name : <strong class="text-success">@Model.Name</strong></p>

<p>Address : <strong class="textsuccess">@Model.BuildingAddress</strong></p>

<p>Town : <strong class="text-success">@Model.Town</strong></p>

<p>County : <strong class="text-success">@Model.County</strong></p>

<p>Post Code : <strong class="textsuccess">@Model.PostalCode</strong></p>

<a href="~/address" class="btn btn-primary">Go back to the input

form</a>

</div>

<script src="~/scripts/jquery-2.1.3.min.js"></script>

<script src="~/scripts/bootstrap.min.js"></script>

</body>

</html

编译运行，输入地址/address,填写表单，提交发送数据。

绑定列表和数组

验证

总结

NancyFX 第七章模型绑定和验证的更多相关文章

asp.net core系列 45 Web应用模型绑定和验证
一. 模型绑定 ASP.NET Core MVC 中的模型绑定,是将 HTTP 请求中的数据映射到action方法参数. 这些参数可能是简单类型的参数,如字符串.整数或浮点数,也可能是复杂类型的参数. ...
Asp.Net Core 入门（十）—— 模型绑定和验证
模型绑定时将Http请求中的数据映射到控制器操作方法上对应的参数,操作方法中的参数可以是简单类型,如整形,字符串等,也可以是复杂类型,如Product,Order等. Asp.Net Core MVC ...
ASP.NET没有魔法——ASP.NET MVC 模型绑定解析（上篇）
前面文章介绍了ASP.NET MVC中的模型绑定和验证功能,本着ASP.NET MVC没有魔法的精神,本章内容将从代码的角度对ASP.NET MVC如何完成模型的绑定和验证进行分析,已了解其原理. 本 ...
asp.net Mvc 模型绑定项目过多会导致页面运行时间卡
asp.net Mvc 模型绑定项目过多会导致页面运行时间卡的问题. 解决方式就是采用ModelView方式进行精简,已减少模型绑定及验证的时间.
Web Api 模型绑定一
[https://docs.microsoft.com/zh-cn/aspnet/core/web-api/?view=aspnetcore-2.2]1.模型绑定简单模型绑定针对简单类型(如stri ...
ASP.NET Core 中文文档第四章 MVC（2.1）模型绑定
原文:Model Binding 作者:Rachel Appel 翻译:娄宇(Lyrics) 校对:许登洋(Seay).何镇汐模型绑定介绍 ASP.NET Core MVC 中的模型绑定从 HTTP ...
《Entity Framework 6 Recipes》中文翻译系列 (38) ------ 第七章使用对象服务之动态创建连接字符串和从数据库读取模型
翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇第七章使用对象服务本章篇幅适中,对真实应用中的常见问题提供了切实可行的解决方案. ...
七牛云如何绑定二次验证码_虚拟MFA_两步验证_谷歌身份验证器？
一般情况下,点账户名——账户设置——安全设置,即可开通两步验证具体步骤见链接七牛云如何绑定二次验证码_虚拟MFA_两步验证_谷歌身份验证器? 二次验证码小程序(官网)对比谷歌身份验证器APP ...
理解ASP.NET Core - 模型绑定&验证(Model Binding and Validation)
注:本文隶属于<理解ASP.NET Core>系列文章,请查看置顶博客或点击此处查看全文目录模型绑定什么是模型绑定?简单说就是将HTTP请求参数绑定到程序方法入参上,该变量可以是简单类 ...

随机推荐

freemaker中的map遍历
前两天在freemaker中遇到一个问题,怎么遍历一个Map<List<Object>的map呢? 网上找个很多都是类似下面的: <#if map?exists> < ...
故障定位之查找附近点GeoHash研讨
随着移动终端的普及,很多应用都基于LBS功能,附近的某某(餐馆.银行.妹纸等等). 基础数据中,一般保存了目标位置的经纬度:利用用户提供的经纬度,进行对比,从而获得是否在附近. 目标:查找附近的XXX ...
vue项目中对axios的二次封装
近来在使用vue重构公司m站时,使用了axios来进行数据的请求,由于项目的需要,对axios进行了二次封装,点击进入axios //引入axios import axios from 'axios' ...
windowsXP下搭建JAVA环境教程
一.工具准备安装JKD6:传送门:http://www.java.net/download/jdk6/6u10/promoted/b32/binaries/jdk-6u10-rc2-bin-b32-w ...
python︱模块加载(pip安装)以及pycharm安装与报错解决方式
每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- 准备放下R开始学python,真是痛苦,因为找 ...
Flex中的FusionCharts 四图监听
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
HighCharts之2D金字塔图
HighCharts之2D金字塔图 1.实例源码 Pyramid.html: <!DOCTYPE html> <html> <head> <meta char ...
R语言实现对基因组SNV进行注释
很多时候,我们需要对取出的SNV进行注释,这个时候可能会在R上进行注释,通常注释文件都含有Chr(染色体).Start(开始位点).End(结束位点).Description(描述),而我们的SNV文 ...
hdu5751 Eades
今天热身考到FFT,完全忘光了,模板敲错了... 晚上温习下以前的题目这题就是从最大值每次分割现在的区间,这样递归的区间最大值会更小,对于每种最大值都是卷积做 #include<bits/st ...
iOS - Swift Enumerations or how to annoy Tom
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

NancyFX 第七章 模型绑定和验证

NancyFX 第七章 模型绑定和验证的更多相关文章

随机推荐

热门专题

NancyFX 第七章模型绑定和验证

NancyFX 第七章模型绑定和验证的更多相关文章