哪做网站最好,吉林省干部网络培训学院官网,网站设计人员就业要求,中国水电建设集团网站今天我们尝试创建一个默认的Blazor应用。.Net Core 3.0需要Visual Studio 2019 的支持。安装.Net Core 3.0 预览版 SDK版本#xff0c;注意预览版对应的VS版本#xff0c;我这里安装的是v3.0.0-preview6。一定要开启预览选项才能使用Net Core Preview#xff0c;在工具 … 今天我们尝试创建一个默认的Blazor应用。.Net Core 3.0需要Visual Studio 2019 的支持。安装.Net Core 3.0 预览版 SDK版本注意预览版对应的VS版本我这里安装的是v3.0.0-preview6。一定要开启预览选项才能使用Net Core Preview在工具 选项预览功能 中开启。新建Asp.net Core Web 应用程序项目名称BlazorDemo目前Blazor只能创建基于服务器端渲染的项目。项目创建后延续以往Asp.net风格模板会创建项目框架及样例页面运行后会得到这样一个SPA页面。我们通过开发者工具观察点击Click me按钮后右侧的元素中只是数值Dom节点有变化其他没有达到局部更新的效果。我们在看看项目解决方案的结构好熟悉啊基本完全就是Asp.net mvc 的结构嘛。这个 _Host.cshtml 页面应该就是Blazor的主页面类似vue 的index.html 页。我们再看看那个Counter 的计数器组件是如何实现的。page /counterh1Counter/h1pCurrent count: currentCount/pbutton classbtn btn-primary onclickIncrementCountClick me/buttoncode {int currentCount 0;void IncrementCount(){currentCount;}}page /counter 定义路由pCurrent count: currentCount/p 显示计数器变量值button classbtn btn-primary onclickIncrementCountClick me/button指定样式绑定onclick事件调用IncrementCount方法void IncrementCount(){ currentCount; 计数器1}上面的代码虽然简单但充分说明了Blazor组件开发的模式有C#和Asp.net mvc 开发经验的完全可以驾驭。那么Blazor组件是如何做到局部更新的呢原来上面的代码经过编译后会生成以下内容RenderTreeBuilder 为每一个元素、属性、事件指定一个编号。更多的内容还有待我以后挖掘好了今天就到这里了休息休息一下。原文链接https://www.cnblogs.com/liuxtj/p/11347219.html.NET社区新闻深度好文欢迎访问公众号文章汇总 http://www.csharpkit.com
