Taurus.MVC WebMVC 入门开发教程3：数据绑定Model
前言：
在这篇 Taurus.MVC WebMVC 入门开发教程的第三篇文章中，
我们将重点介绍如何进行数据绑定操作，还会学习如何使用 ${属性名称} CMS 语法来绑定页面上的元素与 Model 中的属性。
步骤1：创建 Model
首先，我们需要创建一个 Model 类来存储数据。
在 Visual Studio 中，右键单击项目文件夹，选择「添加」-> 「新建项」。在弹出的对话框中，选择「类」，并命名为「User.cs」。
在 User.cs 类中，我们可以定义一些属性来表示用户信息，例如姓名、年龄等。
public class User
{
public string Name { get; set; }
public int Age { get; set; }
}
步骤2：更新控制器
接下来，我们需要更新控制器以支持数据绑定。
在 HomeController.cs 文件中，我们可以修改 Index 方法，创建一个 User 对象，并将其传递给视图。
public class HomeController : Taurus.Mvc.Controller
{
public void Index()
{
User user = new User
{
Name = "Alice",
Age = 25
}; View.LoadData(user);
} public void About() { } public void Contact() { }
}
View.LoadData 可以加载对象类型很多，比如：实体类，数据行（MDataRow ）、字典、哈希等。
步骤3：更新视图
现在，我们需要更新视图来实现数据绑定。在 Index.html 视图文件中，
我们可以使用 ${属性名称} CMS 语法来绑定页面上的元素与 Model 中的属性。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎来到 Taurus.MVC WebMVC</title>
</head>
<body>
<h1>用户信息</h1>
<p>姓名：${Name}</p>
<p>年龄：${Age}</p>
</body>
</html>
在上述代码中，我们使用通过使用 ${Name} 和 ${Age} 语法来绑定页面上的元素与 Model 中的属性。
步骤4：运行应用程序
最后，我们可以运行应用程序并查看页面的效果。
您将看到用户信息页面上显示了用户的姓名和年龄，这些信息是通过数据绑定从 Model 中获取的。
步骤5：使用 View.KeyValue 添加绑定值
除了直接使用Model，通过 View.LoadData 来加载值外，对于一些场景，如果不想使用 Model，
比如想在界面绑定一些值，但不想重新定义Model时，则可以使用 View.KeyValue.Add(key,value)来添加。
例如框架内部实现中就使用到它，添加了几个默认值，以下是框架内部源码的实现部分：
private void LoadHtmlView()
{
if (!CancelLoadHtml)
{
_View = ViewEngine.Create(HtmlFolderName, HtmlFileName);//这里ControllerName用原始大写，兼容Linux下大小写名称。
if (_View != null)
{
//追加几个全局标签变量
_View.KeyValue.Add("module", ModuleName.ToLower());
_View.KeyValue.Add("controller", ControllerName);
_View.KeyValue.Add("action", MethodName.ToLower());
_View.KeyValue.Add("para", Para.ToLower());
_View.KeyValue.Add("suffix", Path.GetExtension(Request.Url.LocalPath));
_View.KeyValue.Add("httphost", Request.Url.AbsoluteUri.Substring(0, Request.Url.AbsoluteUri.Length - Request.Url.PathAndQuery.Length));
}
}
}
View.KeyValue是一个Dictionary，你可以添加，也可以移除。
实际View.LoadData 是将 Model 批量加载到了 View.KeyValue 中，后续你也可以通过它来移除不想绑定的数据。
总结
在本篇教程中，我们学习了如何在 Taurus.MVC WebMVC 中进行数据绑定操作。
我们还学习了如何使用 ${属性名称} CMS 语法来绑定页面上的元素与 Model 中的属性。
通过这些步骤，我们成功实现了一个简单的数据绑定示例。
本系列的目录大纲为：
Taurus.MVC WebMVC 入门开发教程1：框架下载环境配置与运行 Taurus.MVC WebMVC 入门开发教程2：一个简单的页面呈现 Taurus.MVC WebMVC 入门开发教程3：数据绑定Model Taurus.MVC WebMVC 入门开发教程4：数据列表绑定List<Model> Taurus.MVC WebMVC 入门开发教程5：表单提交与数据验证 Taurus.MVC WebMVC 入门开发教程6：路由配置与路由映射 Taurus.MVC WebMVC 入门开发教程7：部分视图和页面片段
Taurus.MVC WebMVC 入门开发教程3：数据绑定Model的更多相关文章
- Taurus.MVC WebAPI 入门开发教程1：框架下载环境配置与运行（含系列目录）。
前言: Taurus.MVC 微服务版本已经发布了:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单. 以前都是框架发布时写点相关功能点的文章,没有形成 ...
- Taurus.MVC WebAPI 入门开发教程2：添加控制器输出Hello World。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC WebAPI 入门开发教程3：路由类型和路由映射。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC WebAPI 入门开发教程4：控制器方法及参数定义、获取及基础校验属性【Require】。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC WebAPI 入门开发教程5：控制器安全校验属性【HttpGet、HttpPost】【Ack】【Token】【MicroService】。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC WebAPI 入门开发教程6：全局控制器DefaultController与全局事件。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC WebAPI 入门开发教程8：WebAPI文档与自动化测试。
系列目录 1.Taurus.MVC WebAPI 入门开发教程1:框架下载环境配置与运行. 2.Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World. 3.Tau ...
- Taurus.MVC 微服务框架 入门开发教程：项目集成：4、默认安全认证与自定义安全认证。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
- Taurus.MVC 微服务框架 入门开发教程：项目部署：1、微服务应用程序常规部署实现多开，节点扩容。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
- Taurus.MVC 微服务框架 入门开发教程：项目部署：2、让Kestrel支持绑定多个域名转发，替代Ngnix使用。
系列目录: 本系列分为项目集成.项目部署.架构演进三个方向,后续会根据情况调整文章目录. 本系列第一篇:Taurus.MVC V3.0.3 微服务开源框架发布:让.NET 架构在大并发的演进过程更简单 ...
随机推荐
- [转帖]Linux之系统参数overcommit_memory
https://www.modb.pro/db/25980 前言:作为DBA,内存的使用情况是重要的监控指标之一,了解内存使用很重要.下面有一个系统参数,对于内存的调用起到重要的作用.大家可以了解一下 ...
- [转帖]Linux性能调优之内存负载调优的一些笔记
https://zhuanlan.zhihu.com/p/548770928 写在前面 整理一些Linux内存调优的笔记,分享给小伙伴 博文没有涉及的Demo,理论方法偏多,可以用作内存调优入门 博文 ...
- [转帖]awk命令 去掉重复行
https://developer.aliyun.com/article/885946?spm=a2c6h.24874632.expert-profile.263.7c46cfe9h5DxWK lin ...
- 使用linux上面powershell安装vm powercli 连接vcenter 通过计划任务自动创建部分虚拟机的快照以及自动清理过期快照的办法
经过一晚上的折腾, 终于验证出来一个非常简单的方法. 也比较好理解和使用. 这里简单记录一下: 使用linux上面powershell安装vm powercli 连接vcenter 通过计划任务自动创 ...
- vivo 海量基础数据计算架构应用实践
作者:来自 vivo 互联网大数据团队 本文根据刘开周老师在"2023 vivo开发者大会"现场演讲内容整理而成.公众号回复[2023 VDC]获取互联网技术分会场议题相关资料. ...
- 初识C语言:掌握未来的编程利器
欢迎大家来到贝蒂大讲堂 养成好习惯,先赞后看哦~ 所属专栏:C语言学习 贝蒂的主页:Betty's blog 1. C语言是什么 在我们生活中,我们和父母.朋友.老师交流时候使用的就是 ...
- python批量上传文件到七牛云
导航 引子 棘手的需求 化繁为简 实战案例 结语 参考 本文首发于智客工坊-<python批量上传文件到七牛云>,感谢您的阅读,预计阅读时长3min. 古之立大事者,不惟有超世之才,亦必有 ...
- Spring Boot接口设计
项目文件结构 编写示例代码 添加lombok的依赖 新建DemoController,用于提供RESTful接口.增加相关注解:@RestController,@RequestMapping(&quo ...
- NetCore高级系列文章03---中间件
.net web 一路发展过来,经历了 .net webfrom. .net Mvc ..net core不论哪种架构,都会对用户的请求到达服务器后经历一系列类似于管道的处理.在.net webfro ...
- PXE+Kickstart 自动化部署系统
PXE 预启动执行环境是由Intel开发的技术,可以让计算机通过网络来启动操作系统(前提是计算机上安装的网卡支持PXE技术),主要用于在无人值守安装系统中引导客户端主机安装Linux操作系统. Kic ...