首页 > 其他分享 >Taurus.MVC WebMVC 入门开发教程3:数据绑定Model

Taurus.MVC WebMVC 入门开发教程3:数据绑定Model

时间:2024-02-27 13:23:39浏览次数:26  
标签:WebMVC 绑定 Taurus MVC Model View

前言:

在这篇 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:部分视图和页面片段

 

标签:WebMVC,绑定,Taurus,MVC,Model,View
From: https://www.cnblogs.com/cyq1162/p/18031054

相关文章

  • Taurus.MVC WebMVC 入门开发教程2:一个简单的页面呈现
    前言:在上一篇中,我们了解了如何下载、配置和运行Taurus.MVCWebMVC框架。现在,让我们开始编写一个简单的页面并进行呈现。步骤1:创建控制器首先,我们需要创建一个控制器来处理页面呈现的逻辑。在VisualStudio中,右键单击项目文件夹,选择「添加」->「类」。在弹出的对话框中,......
  • ASP.NET MVC中使用Autofac依赖注入
      ASP.NETMVC中使用Autofac依赖注入官网文档:https://docs.autofac.org/en/latest/integration/mvc.html2024年02月26日在.net4.8framework建立的MVC项目中测试通过引入NUGET包:Autofac和Autofac.Mvc5Global中加入以下代码: //autofac注入ContainerBuilderbuil......
  • Taurus.MVC WebMVC 入门开发教程1:框架下载环境配置与运行
    前言:之前有网友说Mvc系列的教程对新手不友好,因此补充新手入门系列教程。在开始使用Taurus.Mvc 进行Web应用开发之前,建议可以观摩一下之前的文章:WebAPI系列教程因为两者的教程,有相通的部分,唯一的差别部分,在于Web应用涉及到UI界面。本系列的目录大纲为:Taurus.MVCWebMVC......
  • mysql面试高频问题---事务-MVCC多版本并发控制(难)
    MVCC多版本并发控制1.问题锁:排他锁(如一个事务获取了一个数据行的排他锁,其他事务就不能再获取该行的其他锁)mvcc:多版本并发控制2.MVCC多版本并发控制MVCC全称Multi-VersionConcurrencyControl,多版本并发控制。指维护一个数据的多个版本,使得读写操作没有冲突MVCC的具体......
  • 开源:Taurus.DistributedLock 分布式锁框架,支持 .Net 和 .Net Core 双系列版本
    前言:在经过漫长的技术沉淀,终于又为.Net及.NetCore的微服务系列框架贡献当中的一个重要组件。Taurus.DistributedLockisadistributedlockfor.netor.netcore.【支持:Redis、MemCache、Database、Local、File五类锁】1、开源地址:https://github.com/cyq1162/Taurus......
  • SpringMVC学习
    SpringMVC是Spring提供的用于简化web开发的框架。 1.5 Servlet能够响应请求的对象。接收请求,返回响应SpringMVC可以认为是Servlet的封装。  1.6SpringMVC开发流程回顾各种配置。Controller,DispatchServlet, 1.7......
  • Unity MVC开发模式与开发流程详解
    在Unity游戏开发中,采用MVC(Model-View-Controller)模式是一种非常常见的设计模式。MVC模式将应用程序分为三个部分:模型(Model)、视图(View)和控制器(Controller)。这种模式可以有效地分离应用程序的逻辑和用户界面,使得代码更易于维护和扩展。本文将详细介绍Unity中的MVC开发模式及其开发流......
  • springMvc源码解析
    流程:    》DispatcherServlet:前端控制器 》HandlerMapping:处理器映射器主要是为了找到处理器执行链,执行链中包含有实际的处理类、拦截器   》HandlerAdapter:处理器适配器主要是根据上一步的handle,适配选择对应的适配器。 》Handler(处理......
  • 学习总结基于VUE+ASP.NET Core mvc+EFCore+Axios.js+ehcart.js开发一个web应用
    Vue是一个用于构建用户界面(基于数据渲染出用户看到的页面)的渐进式(循序渐进)框架。分为(声明式渲染,基于js包、组建系统、客户端路由、大规模状态管理和构建工具)Vue的使用方法分为:1.Vue核心包开发:局部模块改造;2.Vue核心包+Vue插件工程化开发:整站开发1.开始之前准备下述包 在prog......
  • SpringMVC 教程
    SpringMVC回顾MVC什么是MVCMVC是:模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范;是将业务逻辑、数据、显示分离的方法来组织代码;MVC的主要作用是降低了视图与业务逻辑间的双向耦合;MVC不是一种设计模式,MVC是一种架构模式。Model:数据模型......