在ASP.NET MVC 中使用Jntemplate

上一篇我们详细介绍了jntemplate的标签语法，本篇文章将继续介绍如何在ASP.NET MVC 中使用Jntemplate。

一、使用Jntemplate

  1. 首先我们先新建一个asp.net mvc项目，打开VS2019，依次点击文件-新建-项目，选择ASP.NET CoreWeb应用(模型-视图-控制器)，然后依次下一步，创建一个web应用。

  1. 点击项目 - 管理NUGET程序包，点击浏览,输入jntemplate,安装好包JinianNet.JNTemplate.

  1. 打开HomeController.cs 添加如下代码
public VariableScope Data { get; set; } = new VariableScope(null);

public IActionResult Jntemplate(string path)

{

    var t = Engine.LoadTemplate(path);

    t.Context.TempData = this.Data;

    var result = t.Render();

    return Content(result, "text/html");

}
  1. Index Action我们也要稍微改造一样，打开Index Action，改造如下：
public IActionResult Index()

{

    this.Data.Set("Name", "Jntemplate");

    this.Data.Set("Now", DateTime.Now);

    return Jntemplate("Views/Home/Index.html");

}
  1. 新建一个视图文件Index.html，原来的Index.cshtml直接删除，并编辑内容如下：
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>${Name} web 应用</title>

</head>

<body>

    <h1>Welcome to ${Name}!</h1>

    <p>&copy;${Now.Year}</p>

</body>

</html>
  1. 最后别忘记在 Startup配置一下引擎工作目录，打开Startup，在Configure中添加一句：Engine.Configure(c=>c.ResourceDirectories.Add(env.ContentRootPath));

  1. 好了，我们的jntemplate web应用已经完成了，按F5，运行看一下次果吧。

小提示：为了方便使用，我们可以新建一个控制器基类，将第3步的代码移到基类中。

二、使用JntemplateViewEngine

在上面我们虽然实现了jntemplate的使用，但是步骤相对繁琐，我们可以直接使用Jntemplate视图引擎来简化使用.

安装

首先新建一个asp.net mvc项目（参见上面的步骤）。然后我们先添加JntemplateViewEngine包， 点击项目 - 管理NUGET程序包，点击浏览,输入Jntemplate,安装好包JinianNet.AspNetCoreViewEngine.Jntemplate.

配置

  1. 打开 Startup在ConfigureServices方法中增加AddJntemplateViewEngine:
public void ConfigureServices(IServiceCollection services)

{

    //原来的代码

    services.AddJntemplateViewEngine();

}

如果你的视图文件按照默认习惯放在Views目录下，直接照上面的代码配置就可以了，如果是放在其它目录，则需要把目录添加到配置里面。

public void ConfigureServices(IServiceCollection services)

{

    //原来的代码

    services.AddJntemplateViewEngine((o) => {

        o.ViewLocationFormats.Add("/template/{1}/{0}.html");

    });

}

{0}为视图名，{1}为控制器名。

  1. 在Configure方法中增加UseJntemplate,如下如示
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

{

    //原来的代码

    //Use Jntemplate

    app.UseJntemplate(c =>

    {

        //在这里你也可以进行其它参数的配置，比如全局数据

        //这一句很重要，不然会找不到视图

        c.ContentRootPath = env.ContentRootPath;

    });

}

添加Action

打开HomeController.cs ，添加一个Index视图方法（或修改对应视图方法）如下：

例：

public IActionResult Index()

{

    this.Set("Name", "Jntemplate");

    this.Set("Now", DateTime.Now);

    return View();

}

添加视图Index.html

在Views\Home目录新建一个视图文件Index.html，内容如下（与第一节的一致）：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>${Name} web 应用</title>

</head>

<body>

    <h1>Welcome to ${Name}!</h1>

    <p>&copy;${Now.Year}</p>

</body>

</html>

运行

按F5运行查看效果。

三、总结

本文介绍了在asp.net mvc中如何使用jntemplate，其它MVC框架、开发框架，使用方法类似。至本篇为止，.net 开源模板引擎jntemplate 教程的基础篇已经全部写完，在接下来的时间我将继续介绍jntemplate的进阶用法（.net 开源模板引擎jntemplate 教程之进阶篇）：包括自定义配置，预编译文件，自定义加载器，自定义标签等内容，感兴趣的朋友不要错过 。

目录：

  1. .net 开源模板引擎jntemplate 教程：基础篇之入门
  2. .net 开源模板引擎jntemplate 教程：基础篇之语法
  3. .net 开源模板引擎jntemplate 教程：基础篇之在ASP.NET MVC中使用Jntemplate

jntemplate源码下载

.net 开源模板引擎jntemplate 教程：基础篇之在ASP.NET MVC中使用Jntemplate的更多相关文章

  1. .net 开源模板引擎jntemplate 教程：基础篇之语法

    一.基本概念 上一篇我们简单的介绍了jntemplate并写了一个hello world(如果没有看过的,点击查看),本文将继续介绍jntemplate的模板语法. 我们在讲解语法前,首先要了解一下标 ...

  2. .net 开源模板引擎jntemplate 实战演习：基础篇之入门

    一.简介 模板引擎是Web开发中非常重要的一环,它负责将页面上的动态内容呈现出最终的结果展现给前端用户,在asp.net mvc中,我们最熟悉的就是Razor了,作为官方的视图引擎(视图引擎不等同于模 ...

  3. [WebKit内核] JavaScript引擎深度解析--基础篇（一）字节码生成及语法树的构建详情分析

    [WebKit内核] JavaScript引擎深度解析--基础篇(一)字节码生成及语法树的构建详情分析 标签: webkit内核JavaScriptCore 2015-03-26 23:26 2285 ...

  4. 深度学习入门者的Python快速教程 - 基础篇

      5.1 Python简介 本章将介绍Python的最基本语法,以及一些和深度学习还有计算机视觉最相关的基本使用. 5.1.1 Python简史 Python是一门解释型的高级编程语言,特点是简单明 ...

  5. 2.高并发教程-基础篇-之nginx+mysql实现负载均衡和读写分离

    技巧提示:mysql读写分离搭建好之后,配合nginx的负载均衡,可以高效的mysql的集群性能,同时免去麻烦的query分流.比如,sever1收到的请求就专门链接slave1从mysql读取数据, ...

  6. 3.高并发教程-基础篇-之分布式全文搜索引擎elasticsearch的搭建

    高并发教程-基础篇-之分布式全文搜索引擎elasticsearch的搭建 如果大家看了我的上一篇<2.高并发教程-基础篇-之nginx+mysql实现负载均衡和读写分离>文章,如果能很好的 ...

  7. java开源模板引擎

      Velocity  Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义 ...

  8. VTemplate模板引擎的使用--高级篇

    VTemplate模板引擎的使用--高级篇 在网站中,经常会有某个栏目的数据在多个页面同时使用到.比如新闻网站或电子商务网站的栏目列表,几乎在很多页面都会显示栏目导航.对于这种多个页面同时使用到的“数 ...

  9. angular.js的路由和模板在asp.net mvc 中的使用

    angular.js的路由和模板在asp.net mvc 中的使用 我们知道angular.js是基于mvc 的一款优秀js框架,它也有一套自己的路由机制,和asp.net mvc 路由不太一样.as ...

随机推荐

  1. js & h5 & app & object storage

    js & h5 & app & object storage API https://developer.mozilla.org/en-US/docs/Web/API Stor ...

  2. 专利 & 发明专利 & 专利查询

    专利 & 发明专利 & 专利查询 PDF 文档中表格解析的方法.系统.存储介质及电子设备 中国专利公布公告 http://epub.sipo.gov.cn/index.action 中 ...

  3. nodejs 在windows10中设置动态(视频)壁纸

    github 项目地址 node版本 λ node -v v12.16.2 main.js const ffi = require("@saleae/ffi"); const ch ...

  4. Flutter 可选择的Text

    Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, ...

  5. 【ZeyFraのJavaEE开发小知识01】@DateTimeFomat和@JsonFormat

    @DateTimeFormat 所在包:org.springframework.format.annotation.DateTimeFormat springframework的注解,一般用来对Dat ...

  6. Spring IoC总结

    Spring 复习 1.Spring IoC 1.1 基本概念 1.1.1 DIP(Dependency Inversion Principle) 字面意思依赖反转原则,即调用某个类的构造器创建对象时 ...

  7. 研究了一下 Webpack 打包原理，顺手挣了个 AirPods Pro

    这些年,Webpack 基本成了前端项目打包构建的标配.关于它的原理和用法的文章在网上汗牛充栋,大家或多或少都看过一些.我也一样,大概了解过它的构建过程以及常用 loader 和 plugin 的配置 ...

  8. HDOJ-3416(最大流+最短路+ISAP算法+向前星dijikstra算法+如何判断一条边是否在最短路中)

    Marriage Match IV HDOJ-3416 这题的题意就是要找两点之间最短路的路径个数,而且边不能重复. 最大流和最短路的结合.首先正向和反向建图,再跑两遍dijikstra.到这里就求出 ...

  9. spring 整合kafka监听消费

    前言 最近项目里有个需求,要消费kafka里的数据.之前也手动写过代码去消费kafka数据.但是转念一想.既然spring提供了消费kafka的方法.就没必要再去重复造轮子.于是尝试使用spring的 ...

  10. Amazon Connect 配置ccp端的soft phone配置(客服坐席工作站配置)

    本文参考:  Amazon Connect 配置ccp端的soft phone配置(客服坐席工作站配置) [官网]:https://aws.amazon.com/cn/connect/ 应用场景 在应 ...