正如其他的Web工具包,Nancy也有视图的概念,用来描述在浏览器上看到的输出

视图的定义

你可能没有之前没有接触过“视图”的概念,或是仅仅是从其他工具包例如ASP.NET MVC 中听说过。(其中MVC中“V”代表“View”)

你是否想过视图到底是什么那?

根据牛津字典的释义,视图时能够看到的东西,或是在特定情况下看到的东西。

视图是终端用户在浏览器中看到的东西。根据定义浏览器中可以看到的输出都可以称之为视图。

至于我们在次的定义的视图应该是一个动态的输出,也就是说不是静态的文件。(比如编辑好的HTML文件或是PDF文件)。实际中,输出的内容应该是混合了静态内容和生成数据的结合体。

根据这个定义,使用模板页的传统Web应用(webForm)可以称之为视图,也许有人不同意。

视图引擎

简单来说,视图引擎就是根据源文件输出视图的动态库。

回到我们对视图的定义,暂停一下,想想ASP.NET MVC中的视图引擎:Razor.

有很多视图引擎供你选择,你可以选择适合你的。如果Razor(来自MVC)适合你,你可以在Nancy项目中采用Razor.还有其他的你也许会用到,NHaml,DotLiquid或 MarkDown.

你可以轻易的采用这几种引擎,只需要通过NuGet安装下就好。剩下的就是定义视图引擎规定的模板文件。

一般Nancy从Views文件夹中查找视图模板。当然这个也可以改变,之后的章节会在介绍ancy bootstrapper类时详细介绍。

创建第一个视图

让我们开始一个全新的Nancy项目,没有验证,没有MVC,不支持 Web Froms,也没有任何的初始文件。

为了演示,我们采用Nancy的默认视图引擎SSVE(Super Simple View Engine)超级简单视图引擎。

让我们增加一个简单的路由类:

namespace nancybook.modules
{
public class BaseRoutes : NancyModule
{
public BaseRoutes()
{
Get[@"/"] = _ => View["firstView/hellonancy"];
}
}
}

这个路由定义了对 / 目录的请求都会返回 默认文件夹(Views)下的firstview目录中的hellonancy.<ext> 文件。

在这里<ext> 代表文件的扩展名。

视图引擎SSVE下,sshtml, .html, 以及 .htm 都是允许的。

下面是视图模板的代码:

<!DOCTYPE html>
<html>
<head>
<title>Hello Nancy FX</title>
</head>
<body>
<h1>Hello Nancy FX</h1>
</body>
</html>

下面是解决方案浏览器中看到的样子:

点击F5,运行项目,你会在浏览器中看到HTML页面展示“Hello Nancy FX”

    稍稍提下静态内容

此时,你可能在线如何在试图中包含静态文件,比如图片,JS脚本或其他文件。Nancy一般都是用Content文件夹来放置文件,向下面这样是用:

Response.AsFile("index.html", "text/html");

那些没有文件夹前缀的都会在首先在Content目录下查找,然后再是这下面的子文件夹。

当然这个约定也可以在自定义的bootstrapper 中进行修改(后面的章节会介绍)。

再继续谈我们的视图

你已经看到了,通过视图引擎仅仅返回静态的内容是非常简单的,但我们不能止步于此。正如我在本章开始时所定义,是用视图并不是为了返回一个页面,它需要把数据和页面进行组合,然后把这两者的融合产物进行输出。

让我们添加一个类作为视图的数据模型,这个类的名字称为:FirstModel.cs

using System;
namespace nancybook
{
public class FirstModel
{
public string Name { get; set; }
public DateTime TimeOfRequest { get; set; }
}
}

还是使用我们之前的路由,添加上面类的一个实例作为页面的数据源:

using System;
using Nancy;
namespace nancybook.modules
{
public class BaseRoutes : NancyModule
{
public BaseRoutes()
{
FirstModel demoModel = new FirstModel
{
Name = "Shawty",
TimeOfRequest = DateTime.Now
};
Get[@"/"] = _ => View["firstView/hellonancy", demoModel];
}
}
}

执行后你会发现,这和之前没啥区别,是应为还没对视图进行修改。既然你已经有了数据 demoModel,你需要使用当前视图引擎支持的规则来呈现数据。

修改hellonancy.html 文件中的HTML代码:

<!DOCTYPE html>
<html>
<head>
<title>Hello Nancy FX</title>
</head>
<body>
<h1>Hello @Model.Name</h1>
<h2>The time is @Model.TimeOfRequest</h2>
</body>
</html>

重新构造你的项目,再次执行,浏览器中就能看到不一样的呈现。

SSVE是一个非常简单的引擎,但多数情况下还是很好用的。在处理的指令上可能不如其他引擎。

但这不能抹煞它的实用性。

例如,你可以使用@Each 来对集合进行循环。当使用@Each时,使用@Current 来引用当前的子项,使用@EndEach 来结束循环。

<!DOCTYPE html>
<html>
<head>
<title>Hello Nancy FX</title>
</head>
<body>
<!-- If we passed our data in as List<FirstModel> we could do the
following -->
@Each.Model
<h1>Hello @Current.Name</h1>
@EndEach
</body>
</html>

正如你期望的,这个会展示集合对象中的一连串名字。

总结

NancyFX 第六章 视图引擎的更多相关文章

  1. 《深入理解Spark-核心思想与源码分析》(六)第六章计算引擎

    RDD是Spark对各类数据计算模型的统一抽象,被用于迭代计算过程以及任务输出结果的缓存读写. 在所有MapReduce框架中,shuffle是连接map任务和reduce任务的桥梁.shuffle性 ...

  2. Spring实战第六章学习笔记————渲染Web视图

    Spring实战第六章学习笔记----渲染Web视图 理解视图解析 在之前所编写的控制器方法都没有直接产生浏览器所需的HTML.这些方法只是将一些数据传入到模型中然后再将模型传递给一个用来渲染的视图. ...

  3. 第5章——使用 Razor(MVC框架视图引擎)

    Razor 是MVC框架视图引擎的名称. 本章提供 Razor 语法的快速教程,以使你能够识别 Razor 表达式. 本章不打算提供 Razor 的完整参考,而将其视为一个语法速成教程.在本书的后续内 ...

  4. NancyFX 第三章 Web框架

    如果使用Nancy作为一个WEB框架而言,会有什么不同?实际上很多. 在使用Nancy框架为网页添加Rest节点和路由和之前的Rest框架中是相同的,这方面没有什么需要学习的了.Nancy采用一贯的处 ...

  5. Flask 教程 第十六章:全文搜索

    本文翻译自The Flask Mega-Tutorial Part XVI: Full-Text Search 这是Flask Mega-Tutorial系列的第十六部分,我将在其中为Microblo ...

  6. ASP.NET MVC 5 Web编程4 -- Razor视图引擎

    Razor简介 Razor是ASP.NET新增的一个视图引擎,由微软全球最年轻的副总裁,有着"ASP.NET之父"称呼的Scott Guthrie主导的团队开发. 主导Razor开 ...

  7. MVC系列——MVC源码学习:打造自己的MVC框架(四:了解神奇的视图引擎)

    前言:通过之前的三篇介绍,我们基本上完成了从请求发出到路由匹配.再到控制器的激活,再到Action的执行这些个过程.今天还是趁热打铁,将我们的View也来完善下,也让整个系列相对完整,博主不希望烂尾. ...

  8. KnockoutJS 3.X API 第六章 组件(5) 高级应用组件加载器

    无论何时使用组件绑定或自定义元素注入组件,Knockout都将使用一个或多个组件装载器获取该组件的模板和视图模型. 组件加载器的任务是异步提供任何给定组件名称的模板/视图模型对. 本节目录 默认组件加 ...

  9. Nancy 学习-视图引擎 继续跨平台

    前面一篇,讲解Nancy的基础,以及Nancy自宿主,现在开始学习视图引擎. Nancy 目前支持两种 一个是SSVE 一个是Razor.下面我们一起学习. The Super Simple View ...

随机推荐

  1. bzoj 2176 最小表示

    2176: Strange string Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 419  Solved: 174[Submit][Status ...

  2. java程序员理解js中的闭包

    1.闭包概念: 就是函数内部通过某种方式访问一个函数内部的局部变量 再次理解: 闭包产生原因: 1.内部函数引用了外部函数的变量 作用:延长局部变量的生命周期 让函数外部可以调用到函数内部的数据 利用 ...

  3. puppeteer,新款headless chrome!

    puppeteer puppeteer是一种谷歌开发的Headless Chrome,因为puppeteer的出现,业内许多自动化测试库停止维护,比如PhantomJS,Selenium IDE fo ...

  4. UVA 10534最长上升子序列运用

    在给定序列中寻找一个1~n+1递增,n~2n+1递减的序列,我的想法是直接对原序列和原序列的反序列用nlgn算法求递增序列,例如序列a[]={1,2,4,1,2,6},它的反序列为b[]={6,2,1 ...

  5. HDU - 1430 魔板 (bfs预处理 + 康托)

    对于该题可以直接预处理初始状态[0, 1, 2, 3, 4, 5, 6, 7]所有可以到达的状态,保存到达的路径,直接打印答案即可. 关于此处的状态转换:假设有初始状态为2,3,4,5,0,6,7,1 ...

  6. svn版本管理系统出现的问题解决办法

    首先会出现下面的一个提示错误: cannot checkout from svn run 'cleanup' if it was interrupted 百度加谷歌找到的解决问题的办法各种各样,自己遇 ...

  7. shell脚本—— 字符串操作(长度,查找,替换)

    表达式 含义 ${var} 变量var的值, 与$var相同 ${var-DEFAULT} 如果var没有被声明, 那么就以$DEFAULT作为其值 * ${var:-DEFAULT} 如果var没有 ...

  8. web工程导入新环境的注意事项

    问题一:The type java.lang.Object cannot be resolved. 解决办法: 当你在Eclipse引用不同版本JDK工程时会发生该问题.由于你开发环境中应用了多个版本 ...

  9. CDN中前端层的复制

    前端层的复制是为了提高静态内容分发的性能和可扩展性.将静态内容的分发转由边缘服务器来完成是为了解决可扩展性的问题,因为这样做可以避免出现在对等点和广域网链路处的网络拥堵风险,而这两个地方的拥堵是网络延 ...

  10. SQL Server使用侦听器IP访问时遇到"The target principal name is incorrect. Cannot generate SSPI context"

    在测试SQL Server 2016 Always On时,在创建侦听器后,在客户端使用SSMS, 可以用侦听器名称访问Always On集群,但是使用侦听器IP访问时遇到"The targ ...