什么是空壳网站,怎么自己制作个网站,网站空间会过期吗,cn域名的网站文章目录 前言组件模板为什么要组件模板不使用组件模板使用后 代码部分 和直接绑定数据有和区别#xff1f; 前言
组件模板化我们在WPF经常遇到#xff0c;这里将一下Blazor是如何解决的。
组件模板
为什么要组件模板
虽然组件化了之后#xff0c;我们写代码的速度已经很… 文章目录 前言组件模板为什么要组件模板不使用组件模板使用后 代码部分 和直接绑定数据有和区别 前言
组件模板化我们在WPF经常遇到这里将一下Blazor是如何解决的。
组件模板
为什么要组件模板
虽然组件化了之后我们写代码的速度已经很快了。但是组件模板会让我们写的更快。
这里有个需要。需要一个学生页面和老师页面。
不使用组件模板
学生
组件1/
组件2/
组件3/
组件4/
....
学生信息/老师
组件1/
组件2/
组件3/
组件4/
....
老师信息/使用后
声明组件
组件1/
组件2/
组件3/
组件4/
....
组件模板a/
使用组件
组件模板组件模板a学生信息//组件模板a
/组件模板组件模板组件模板a老师信息//组件模板a
/组件模板代码部分
Tips:我这里使用了元祖来作为临时变量。这个是C#的语法
h3Model/h3tabletheadHeadTemplate/theadtbodyforeach(var item in Items){trRowTemplate(item)/tr}/tbody
/tablecode {//内容模板[Parameter]public RenderFragment HeadTemplate { get; set; }//数据模板,使用元祖来作为数据源[Parameter]public RenderFragment(string Name,string Age) RowTemplate { get; set; }//数据源[Parameter]public IReadOnlyList(string Name,string Age) Items { get; set; }}
使用 Model ItemsListsHeadTemplatethName/ththAge/th/HeadTemplateRowTemplate!--context是拿到数据模板的上下文由于我们使用的是元祖所以可以直接使用--tdcontext.Name/tdtdcontext.Age/td/RowTemplate
/Modelcode{public List(string Name,string Age) Lists{ get; set; }protected override Task OnInitializedAsync(){Lists new List(string Name, string Age){(小王,11),(小刘,12),(小陈,13)};return base.OnInitializedAsync();}}
和直接绑定数据有和区别
对于组件更高的控制权绑定数据源如何展示是受模板组件限制的。使用了模板可以自定义展示效果。
