Blazor入手教程(五)组件 组件是相当重要的一部分内容。Blazor是一种单页应用模式,单页应用里面万物皆可为组件, 一个页面是一个组件,一段可重用的ui代码也可以做成一个组件。 Vue中创建组件的方式大概有单文件组件,字符串模板组件等等。 Blazor中创建 ...
Css和class绑定 Blazor中的css和class绑定还是比较便利的。方式也和vue 十分类似,感觉唯一区别就是Blazor中拼接时不用像vue那样用 加号拼接字符串 page cssbinding lt style scoped gt .active width: px height: px .active background color: ff a lt style gt lt h ...
2020-11-23 15:50 0 3769 推荐指数:
Blazor入手教程(五)组件 组件是相当重要的一部分内容。Blazor是一种单页应用模式,单页应用里面万物皆可为组件, 一个页面是一个组件,一段可重用的ui代码也可以做成一个组件。 Vue中创建组件的方式大概有单文件组件,字符串模板组件等等。 Blazor中创建 ...
Blazor入手教程(七)表单 Blazor为表单元素定义了一些内置组件 除此之外还有EditForm组件搭配起来十分好用 EditForm 提供了一系列数据验证的属性/方法,这样我们不用自己再去实现 ...
Blazor入手教程(四)路由 路由 路由 而Blazor中使用 @page “url路径” 来表示路由地址,比如/counter,那么该页面的请求地址就是域名:端口号/counter 更深层次也很简单 Vue工程一般使用一个独立的文件route.js ...
Blazor入手教程(一)前言 结论 最近在学习blazor。得出了这么一个结论: Blazor是一门很值得学习的技术,未来.net下将会有相当多的 web应用使用blazor开发。十分看好这一技术,原因有这么两点: 1,开发效率高。选择了Blazor就等于选择了全栈开发。以往 ...
Blazor入手教程(三)列表和条件渲染 Blazor和vue的列表渲染以及条件渲染大致类似,有区别的就是Blazor没有像vue里面v-show一样的功能。当然要实现也比较容易,只需要控制节点的diplay样式即可。 组件Virtualize ...
Blazor入手教程(十)部署安装 本篇只介绍部署到iis的方法,部署到其他平台后面会补充上。 部署blazor 程序到iis和我们之前不是web程序没有什么区别,唯一需要注意的就两个地方 1,需要aspnetcore模块 2,需要Rewrite模块 1,需要 ...
Blazor入手教程(八)布局Layout 网站应用往往有许多公共的视图部分,比如顶部导航nav,底部的footer,管理系统的左边的menu菜单等等。Layout可以轻松实现以上的效果。 Blazor的布局方式其实一直沿用了Mvc的Layout布局方式。在往上追溯的话,一直 ...
Blazor入手教程(十一)使用组件库AntDesign Blazor AntDesign Blazor是基于AntDesign的一套组件库,组件相当丰富,且在不断完善中。 。除了基础的组件外还提供了图表库,国际化等功能。 官网地址:https ...