随笔分类 - AspNet
摘要:从本篇文章开始我们来讲在图书租赁系统中如何使用内置的文件上传组件进行文件上传功能的开发。本文的示例适合上传小型文件。本篇文章演示如何通过Blazor的内置组件InputFile将文件上传至服务器。
阅读全文
摘要:在本篇文章我们来学习如何进行对列表按标题进行排序。
通过前面的教程学习,你可以实现一个简单的书籍管理系统。 在本教程将向图书列表页面中添加排序功能。
阅读全文
摘要:在这一篇教程中我们学习如何增加查询功能,我们将在书籍列表页面中添加搜索功能,通过按“书籍名称”或“作者”来搜索书籍。
在以往经典的Web应用程序中,我们经常使用元素创建表单,在表单中添加 元素, 有一个 type 属性,用于指定输入的类型及其显示方式(作为数字、文本框、单选按钮、复选框、按钮等),让用户输入数据,在用户提交表单时进行数据验证。如果验证成功,则可以执行相应的操作(新增,更新,删除等)。
那么Blazor应用程序中如何进行数据输入呢,Blazor也提供了一个类似表单的组件——
阅读全文
摘要:通过前面几篇文章的学习,我们的图书修改页面已经能正常运行了,但现在的呈现效果不是很理想,主要标题显示的是英文。我们不想看到的时间(如下图所示0:00:00),并且希望把“ReleaseDate”修改成“出版日期”
阅读全文
摘要:除了前面三篇文章中介绍的路由方式,可以用来进行页面跳转之外,今天介绍最后一种方式,如何在代码中进行页面跳转。如果是JavaScript我们会用window.location来切换页面,Blazor为我们提供了相应的封装:NavigationManager。使用NavigationManager可以通过代码直接进行页面间的跳转。我们在BookIndex页面放个按钮然后通过按钮的点击事件进行跳转,修改BookIndex页面的代码,注入NavigationManager对象,通过NavigationManager.NavigateTo方法进行跳转。
阅读全文
摘要:除了把参数直接拼接在URL路径(path)里,另一种常用的传递参数的方法是,将参数做为QueryString传递给跳转页面,比如“/BookIndex?Id=3”。可从 NavigationManager.Uri 属性中获取请求的查询字符串,在跳转页面中将NavigationManager注入。
阅读全文
摘要:学习ASP.NET Core Blazor编程系列文章之目录
阅读全文
摘要:我们使用标签实现了页面之间的跳转,但是通常我们开发的Web应用程序,通过http的url进行页面跳转时,会进行参数传递,以方便我们跳转到的新页面进行一些前置操作。下面我们示例来学习如何从“图书列表”页面,使用鼠标点击“编辑“按钮进行跳转时,传递一个参数(例如图书ID)给新的页面“AddBook”。我们在“图书列表”页面中的将图书ID这个参数,在进行页面跳转时同步传递给“AddBook”页面,并且通过这个ID,查询到相应的图书信息,显示在AddBook页面上。
阅读全文
摘要:Web应用程序的可以通过URL将多个页面串联起来,达成一个组件功能,并且可以互相跳转。我们开发系统的时候总是需要使用路由来实现页面之间的跳转。ASP.NET Core MVC或是ASP.NET WebForm主要是使用a标签或者是服务端redirect来跳转。
阅读全文
摘要:EditForm 组件中,有三个事件可用于触发表单提交操作:
OnSubmit:无论验证结果如何,只要用户提交表单,就会触发此事件。
OnValidSubmit:当用户提交表单并且他们的输入验证通过时,将触发此事件。
OnInvalidSubmit:当用户提交表单并且他们的输入验证失败时,将触发此事件。
阅读全文
摘要:在设计应用程序时,你应该保持对用户的不信任,虽然你在输入界面上提示了如何正确填写每个值的说明,但必须对他们输入的任何值进行校验。 Blazor 提供了一些简单的校验工具,接下来我们来学习如何配置表单中的输入项,以便正确地校验和响应用户数据。
阅读全文
摘要:这一篇文章我们来学习一下如何新增一本图书信息数据。EditForm 的在进行提交动作时,有三个与提交有关的事件:
OnValidSubmit. 如果表单上的输入的数据全部通过其对应的验证属性所定义的验证规则,则会触发此事件。
OnInvalidSubmit. 如果表单上输入的数据中有任何一个数据没有通过其对应的验证属性所定义的验证规则,则会触发此事件。
OnSubmit. 表单上输入的所有数据是否有效,在提交EditForm时都将会触发生此事件。
阅读全文
摘要:在具体的实际项目中,数据实体类随着应用程序的功能的变化而变化:添加和删除新的实体或属性,并且需要相应地去修改数据库的表或架构,使其与应用程序中的实体保持同步,我们在开发项目时,经常会需要一个数据初始化的功能。 EF Core就提供了数据库初始化功能,今天我们向学习如何向数据库表Book中添加初始数据。
阅读全文
摘要:在本篇文章中我们先来学习如何将图书租赁系统中图书信息的呈现出来。
阅读全文
摘要:在具体的实际项目中,数据实体类随着应用程序的功能的变化而变化:添加和删除新的实体或属性,并且需要相应地去修改数据库的表或架构,使其与应用程序中的实体保持同步。 EF Core中的迁移功能能够以递增方式更新数据库架构或表,使其与应用程序的数据实体类保持同步,同时保留数据库中的现有数据。
阅读全文
摘要:从本篇文章开始我们从头开始学习如何创建一个图书租赁系统。在本篇文章中我们先来学习创建一个书籍信息的实体类,并且通过实体框架(EF Core)使用这个书籍实体类来处理书籍信息数据。EF Core是一个轻量化、可扩展、开源和跨平台的对象关系映射(ORM)框架,它简化了编写数据库访问的代码。EF Core支持多个数据库引擎。
阅读全文
摘要:在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?本教程通过对微软提供的Blazor应用程序模板示例的学习,本文介绍了如何将计数器组件添加到其他页面,如何给计数器组件添加参数。
阅读全文
摘要:在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?本教程通过对微软提供的Blazor应用程序模板示例的学习,来了解如何创建基于ASP.NET Core Blazor的应用程序。
阅读全文
摘要:在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?本教程学习一下微软提供的Blazor应用程序模板示例,本文介绍如何创建基于ASP.NET Core Blazor的应用程序。
阅读全文
摘要:在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?从目前来看Blazor还是要学习一下的。本教程首先通过一个微软提供的Blazor应用程序模板示例,来简单学习一下如何创建基于ASP.NET Core Blazor的Web应用程序。
阅读全文