原文:Blazor入手教程(五)组件

Blazor入手教程 五 组件 组件是相当重要的一部分内容。Blazor是一种单页应用模式,单页应用里面万物皆可为组件, 一个页面是一个组件,一段可重用的ui代码也可以做成一个组件。 Vue中创建组件的方式大概有单文件组件,字符串模板组件等等。 Blazor中创建组件的方式和Vue也差不多且更简单。一个.razor文件就是一个组件,这点类似于vue的单文件组件。 我们试着创建一个模态框组件吗,单独 ...

2020-11-23 15:53 8 2002 推荐指数:

查看详情

Blazor入手教程(十一)使用组件库AntDesign Blazor

Blazor入手教程(十一)使用组件库AntDesign Blazor AntDesign Blazor是基于AntDesign的一套组件库,组件相当丰富,且在不断完善中。 。除了基础的组件外还提供了图表库,国际化等功能。 官网地址:https ...

Tue Nov 24 00:00:00 CST 2020 1 2989
Blazor入手教程(六)组件的生命周期

Blazor入手教程(六)组件的生命周期 Blazor组件的生命周期和vue十分相似:大体上说都是创建,渲染,然后监听变量的改变重新渲染,最后销毁,当然细节上还是各有不同的。 Vue组件的生命周期 Blazor组件的生命周期 ...

Mon Nov 23 23:54:00 CST 2020 0 1214
Blazor入手教程(七)表单

Blazor入手教程(七)表单 Blazor为表单元素定义了一些内置组件 除此之外还有EditForm组件搭配起来十分好用 EditForm 提供了一系列数据验证的属性/方法,这样我们不用自己再去实现 ...

Mon Nov 23 23:55:00 CST 2020 0 1941
Blazor入手教程(四)路由

Blazor入手教程(四)路由 路由 路由 而Blazor中使用 @page “url路径” 来表示路由地址,比如/counter,那么该页面的请求地址就是域名:端口号/counter 更深层次也很简单 Vue工程一般使用一个独立的文件route.js ...

Mon Nov 23 23:52:00 CST 2020 1 2612
Blazor入手教程(一)前言

Blazor入手教程(一)前言 结论 最近在学习blazor。得出了这么一个结论: Blazor是一门很值得学习的技术,未来.net下将会有相当多的 web应用使用blazor开发。十分看好这一技术,原因有这么两点: 1,开发效率高。选择了Blazor就等于选择了全栈开发。以往 ...

Mon Nov 23 23:48:00 CST 2020 0 5004
Blazor入手教程(三)列表和条件渲染

Blazor入手教程(三)列表和条件渲染 Blazor和vue的列表渲染以及条件渲染大致类似,有区别的就是Blazor没有像vue里面v-show一样的功能。当然要实现也比较容易,只需要控制节点的diplay样式即可。 组件Virtualize ...

Mon Nov 23 23:51:00 CST 2020 0 2431
Blazor入手教程(十)部署安装

Blazor入手教程(十)部署安装 本篇只介绍部署到iis的方法,部署到其他平台后面会补充上。 部署blazor 程序到iis和我们之前不是web程序没有什么区别,唯一需要注意的就两个地方 1,需要aspnetcore模块 2,需要Rewrite模块 1,需要 ...

Mon Nov 23 23:59:00 CST 2020 0 1951
Blazor入手教程(二)css和class绑定

Css和class绑定 Blazor中的css和class绑定还是比较便利的。方式也和vue 十分类似,感觉唯一区别就是Blazor中拼接时不用像vue那样用+加号拼接字符串 @page "/cssbinding" <style scoped> ...

Mon Nov 23 23:50:00 CST 2020 0 3769
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM