MVC5自定义T4模板

最新推荐文章于 2020-04-12 10:47:30 发布
最新推荐文章于 2020-04-12 10:47:30 发布
阅读量784 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_38326624/article/details/78453586
本文介绍如何使用MVC5代码模板自动生成带有layui样式的HTML表单，包括文本输入框和下拉列表，并展示了针对Employee模型的具体实例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在程序包控制台输入install-package mvc5codetemplatescsharp为项目安装mvc5codetemplates

创建的myCreate.tt内容如下

<#@ template language="C#" HostSpecific="True" #>
<#@ output extension=".cshtml" #>
<#@ include file="Imports.include.t4" #>
@model <#= ViewDataTypeName #>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
 <link href="~/layui/css/layui.css" rel="stylesheet" media="all" />
    <script src="~/layui/layui.js" charset="utf-8"></script>
    <title><#= ViewName #></title>
</head>
<body>   
 <form class="layui-form" style = "padding-top:30px;padding-right:50px">
  @Html.AntiForgeryToken()   
<#
  int i=0;
  foreach (PropertyMetadata property in ModelMetadata.Properties) {
   if (property.Scaffold && !property.IsAutoGenerated && !property.IsReadOnly && !property.IsAssociation) {
#>      
<#
    if (property.IsPrimaryKey && IsPropertyGuid(property)) {
     continue;
    }
    if (property.IsForeignKey) {
#>
  <div class="layui-inline"style="width: 300px;">
   <label class="layui-form-label"><#= property.PropertyName #></label>
   <div class="layui-input-block">
    @Html.DropDownList("<#= property.PropertyName #>","无")
   </div>
  </div>
<#
    } else {
#><#  
     if(i==0){
#>
  <div class="layui-form-item">
<#
     }
#>
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label"><#= property.PropertyName #></label>
    <div class="layui-input-block">
     <input type="text" name="<#= property.PropertyName #>" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
<#
     i=i+1;
     if(i==2){
      i=0;
#>
  </div>
<#
     }
#>  
<#
   }
#>
<#
  }
 }
#>
 </form>
</body>
</html>
<#@ include file="ModelMetadataFunctions.cs.include.t4" #>



运用该模板创建创建的前端html如下

@model OARebuild.Models.Employee
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
 <link href="~/layui/css/layui.css" rel="stylesheet" media="all" />
    <script src="~/layui/layui.js" charset="utf-8"></script>
    <title>Creategg</title>
</head>
<body>   
 <form class="layui-form" style = "padding-top:30px;padding-right:50px">
  @Html.AntiForgeryToken()   
      
  <div class="layui-form-item">
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">empName</label>
    <div class="layui-input-block">
     <input type="text" name="empName" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  
      
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">loginName</label>
    <div class="layui-input-block">
     <input type="text" name="loginName" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  </div>
  
      
  <div class="layui-form-item">
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">loginPassWord</label>
    <div class="layui-input-block">
     <input type="text" name="loginPassWord" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  
      
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">phone</label>
    <div class="layui-input-block">
     <input type="text" name="phone" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  </div>
  
      
  <div class="layui-form-item">
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">QQ</label>
    <div class="layui-input-block">
     <input type="text" name="QQ" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  
      
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">homeAddr</label>
    <div class="layui-input-block">
     <input type="text" name="homeAddr" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  </div>
  
      
  <div class="layui-form-item">
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">birthday</label>
    <div class="layui-input-block">
     <input type="text" name="birthday" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  
      
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">age</label>
    <div class="layui-input-block">
     <input type="text" name="age" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  </div>
  
      
  <div class="layui-form-item">
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">sex</label>
    <div class="layui-input-block">
     <input type="text" name="sex" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  
      
   <div class="layui-inline" style="width: 300px;">
    <label class="layui-form-label">status</label>
    <div class="layui-input-block">
     <input type="text" name="status" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
   </div>
  </div>
  
      
  <div class="layui-inline"style="width: 300px;">
   <label class="layui-form-label">empDepId</label>
   <div class="layui-input-block">
    @Html.DropDownList("empDepId","无")
   </div>
  </div>
      
  <div class="layui-inline"style="width: 300px;">
   <label class="layui-form-label">empPosId</label>
   <div class="layui-input-block">
    @Html.DropDownList("empPosId","无")
   </div>
  </div>
 </form>
</body>
</html>

标签之间的对其方式要注意


.NET MVC5自带模板方法功能解析（3）--ASP.NET Identity
学习、分享
11-09 3367
ASP.NET Identity
.NET T4模板 简单介绍T4
asp2333的博客
08-25 1835
T4模板基础。
基用T4模板和MVC搭建的小例子
10-22
T4模板是个好东西，开发人员应该学习一下，比动软代码生成器要好用，而且数据库有修改这边能更新，同时用到了MVC，推荐学习一下
MVC 之 T4模板简介
weixin_33836874的博客
07-15 145
个人网站地址：nee32.com 一、T4模板内容简介 为了更好地学习T4模板，我们安装一个插件tangible T4 Editor在使用了EF生成实体类后，我们会发现一个.tt后缀的文件，它就是T4模板，直接打开 它的内容如下图： 就是这一个模板，生成了我们需要的类，省去了我们手写的麻烦，提高了工作效率，生成的实体类如下图： 那么，这些类是如何用T4模板生成出来的？要自定义模板又该...
T4MVC插件
日月 的专栏
01-30 1523
功能：在引用Contrller，View，Action时，用 变量 替换 字符串 添加：在NuGet中搜索T4MVC并添加 使用： MVC.控制器.Views.视图 === "视图" MVC.控制器.动作.AddRouteValue("参数", 参数值 }) === "动作","控制器",new { 参数 = 参数值 } Links.Scripts.demo_js === /Scr
T4 模板 : 一种提升ASP.NET MVC开发速度方法
syaguang2006的专栏
06-24 2790
T4 模板 : 一种提升ASP.NET MVC开发速度方法 　　最近由于需要在框架中提供一些自定义模板的功能，找到了一篇博客，可惜似乎是翻译工具直接翻的，读不通顺，就试着自己翻译下，我不会完全翻译原文的句子，可能会对原文进行小范围的我认为更合适的句子并添加些注释，，原文地址如下： http://blogs.msdn.com/b/webdev/archive/2009/01/29
mvc2.0demo带t4模板使用源码 可参考
09-05
T4模板是Visual Studio中的一种文本转换工具，允许开发者自定义代码生成过程。这个项目可能是为了教学或演示如何在MVC 2.0框架下应用T4模板。 描述中的“可参考”提示这是一份可以用来学习和理解MVC 2.0与T4模板...
掌握MVC 3 Razor模板引擎实现T4文本模板功能
在ASP.NET MVC3中，使用Razor视图引擎实现类似于T4模板的功能是指在Razor视图文件中嵌入自定义的代码，使得这些视图不仅仅只是静态页面，而是可以根据数据动态生成内容。这种实现方式的优点是能够让开发者在视图层...
T4模板使用及CSHTML共5个/第4个
04-17
T4模板使用及CSHTMLT4模板使用及CSHTML
【.NET Core】EF Core的Code Frist使用T4模板批量生成代码
GreAmbWang的博客
04-12 1732
使用T4模板能快速生成一些重复性的代码，提高工作效率 由于EF Core与EF 6不一样，之前都是用EF 6生成代码的，现在EF Core一般使用Code Frist开发模型 想批量生成代码，获取所有模型是关键 首先新建文本模板文件 本来想着用T4模板直接用反射获取Models层的所有模型直接创建的，但是在T4模板中使用反射总是报错 所以只能执行反射代码记录所有的...
asp.net mvc 通过T4模板生成框架
weixin_30770783的博客
11-24 240
http://www.cnblogs.com/rdst/archive/2012/08/13/2637210.html http://www.kuqin.com/shuoit/20140716/341253.html T4模板工具 转载于:https://www.cnblogs.com/yangpeng-jingjing/p/6098504.html...
T4 开发 需安装的插件
天外有天，人外有人。 专注品质 不断创新 让精益求精成为习惯
05-18 3753
为了更好的使用 T4模板 功能，我们需要给VS安装如下两个插件： Devart T4 Editor：为VS提供智能提示功能。T4 Toolbox：批量生成文件。
Jquery UI Autocomplete 在mvc中应用
weixin_30726161的博客
02-08 92
首先添加引用 <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript">...
MVC中使用T4模板
weixin_30835649的博客
06-27 511
一、原文地址 大佬的链接：http://www.cnblogs.com/heyuquan/archive/2012/07/26/2610959.html 二、图片释义 1、简单示例，对基本的模块标记 2、根据 上图生成的类， 三、网上大佬写的JuCheap项目中的T4模板 地址：https://gitee.com/jucheap/projects T4代码： 1...
layui通用后台模板
峰少少博文
04-23 7328
layui官方文档 https://www.layui.com/doc/ 项目路径等，引用的js及css可参考 https://blog.youkuaiyun.com/t1012665655/article/details/88528182 工作之余，非前端专业人员，参考 最基本的访问路径controller @Controller @RequestMapping("/layui/panel") publ...
利用VS2010，给自己的ASP.NET MVC添加自己的控制器模板
weixin_30687587的博客
04-08 232
利用VS2010，给自己的ASP.NET MVC添加自己的控制器模板，也就是新建一个Controller的时候，默认的代码。 步骤如下： 1. 新建一个MVC项目，在根目录下依次新建CodeTemplates>AddController文件夹。 2. 在AddController文件夹下新建Controller.tt文件，截图如下： 3. 编写你的模板，我编写的如下： &l...
你必须懂的 T4 模板：深入浅出
梦之音的专栏
12-18 1664
引用：http://www.cnblogs.com/heyuquan/archive/2012/07/26/2610959.html http://www.cnblogs.com/happyframework/p/3339138.html http://www.cnblogs.com/xuf22/archive/2011/11/06/2238355.html ============
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值