Ant Design

问题1：在modal里使用select多选的时候，当modal关闭之后，select框的值未初始化？ 解决方法：将<A-modal>参数 destroyOnClose 设置为true，表示当关闭时自动销毁Modal的子元素。 问题2：控件select的备选项option标签属性key和value值的区别？ 解决方法： <a-select style="width: 100%" placeholder="请选择开班课程" v-decorator="['courseType', validatorRules.courseType]"> <a-select-option value="">请选择开班课程</a-select-option> <a-select-option v-for="(course, index) in courseList" :key="index.toString()" :value="courseTypeList[index]" > {{ course }} </a-select-option> </a-select> courseList：[ 饮品教学班,营销实战,彩虹米课程,业绩实战班 ] courseTypeList：[ 0,1,2,3 ] key：key属性是用于区别于不同的<option>，多个key不能重复，通常去id作为key值。 value

你好，我是Dotnet9，继上篇介绍 Bootstrap风格的BlazorUI组件库 后，今天我来介绍另一款Blazor UI组件库：一套基于 Ant Design 和 Blazor 的企业级组件库。 本文导航： 一、关于Ant Design Blazor 二、Ant Design Blazor的社区贡献 2.1 项目关注度 2.2 Ant Design官方认可 2.3 微软官方认可 三、Ant Design Blazor UI库介绍 四、Ant Design Blazor后续计划 五、Ant Design Blazor技术交流 一、关于Ant Design Blazor 项目名称： Ant Design Blazor 项目作者： James Yeung（社区发起者，目前项目参与度高，有较多贡献者） 开源许可协议： MIT 项目地址： https://github.com/ant-design-blazor/ant-design-blazor ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 Blazor 组件，可在多种托管方式共享。 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。 🎨 支持渐进式 Web 应用（PWA） 🛡 使用 C# 构建，多范式静态语言带来高效的开发体验。 ⚙️ 基于 .NET

最近因为因为项目的原因，一直在寻找一款合适的前端模版，之前的 Vue 前端页面都是自己写的，写多了就烦了，因为功能都差不多，写来写去就没意思了。 所以在新项目中想看看市面上的 Vue 后台管理模版，找个现成的，改一改基本就 OK 了，团队也省事一些。 老实说，Vue 的生态还是相当丰富的，经典的、新生的后台管理框架都有，我这里和大家分享我们这次重点比较的三个。 vue-element-admin GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 演示地址： https://panjiachen.github.io/vue-element-admin 这个项目名气还是挺大的，在我刚开始做 vhr 的时候，就有了解过这个项目，那个时候这个项目才刚刚开发没多久，star 都没几个，现在已然混成一方霸主了。 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui 实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 可以说，这个项目的功能还是比较全的，它里边将一些常见的功能模块如权限管理等都做好了，有的时候，你甚至会觉得这个项目有些臃肿。 我们来看一张效果图：

AntDeign官网上没有table动态绑定显示图片的示例，baidu上搜索出来的大部分都是React语法，无法使用。 经过摸索，实现方法如下：以显示一个图片，一个按钮为例(picurl是返回的json数据，内容为图片地址)。 1、设置column，scopedslots const columns = [ { title: '图片',width: 120,dataIndex: 'picurl',fixed: 'left', key: 'pic',scopedSlots: { customRender: 'pic' }}, { title: '操作', key: 'operation', fixed: 'right', width: 100, scopedSlots: { customRender: 'action' } } ] 2、设置table slot < a-layout-content > < a-table :columns ="columns" :dataSource ="data" :rowSelection ="rowSelection" > < a slot ="action" href ="javascript:;" > 查看 </ a > < img style ="width:100px;heigth:100px" slot ="pic" slot

Jeecg-Boot 是一款基于SpringBoot+代码生成器的快速开发平台！ 采用前后端分离架构：SpringBoot，Ant-Design-Vue，Mybatis，Shiro，JWT。 强大的代码生成器让前端和后台代码一键生成，不需要写任何代码，保持jeecg一贯的强大，绝对是全栈开发福音！！ JeecgBoot在提高UI能力的同时，降低了前后分离的开发成本，JeecgBoot还独创在线开发模式（No代码概念），一系列在线智能开发：在线配置表单、在线配置报表等等。 源码下载 https://github.com/zhangdaiscott/jeecg-boot https://gitee.com/jeecg/jeecg-boot 演示地址： http://boot.jeecg.org 技术文档： http://jeecg-boot.mydoc.io 快速入门： http://jeecg-boot.mydoc.io/?t=345660 系统模块 ├─系统管理 │ ├─用户管理 │ ├─角色管理 │ ├─菜单管理 │ ├─权限设置（支持按钮权限、数据权限） │ ├─表单权限（控制字段禁用、隐藏） │ ├─部门管理 │ └─字典管理 │ └─树分类字典 │ └─系统公告 │ └─我的组织机构 ├─消息中心 │ ├─消息管理 │ ├─模板管理 ├─智能化功能 │ ├─代码生成器功能

Blazor 作为一种 Web 开发的新技术已经发展有一段时间了，有些人标称 无 JS 无 TS，我觉得有点误导新人的意味，也有人文章大肆宣传 Blazor 是 JavaScript 的终结者，是为了替代 JavaScript 而生的，我认为这些言论都太激进了太片面了。我对 Blazor 的理解是： 它仅仅是为开发人员开发 Web 应用是多了一种选择，多了一条路而已，使用 Blazor 组件可以远离 Javascript 与 css，开发 Blazor 组件还是不能彻底抛弃 Javascript 与 css 本人在码云开源了一个 后台通用权限管理平台 BootstrapAdmin -，一直想把这个平台实现一个 SPA 的版本，随着 Blazor 的兴起，我个人想尝试使用 Blazor Server 端方式实现，由于一直比较喜欢 Eleme UI 的风格，于是在网上找了一下能满足需要的组件，要么是不好看，要么功能不全，比如 Table 组件展示一下数据可以，但是做到增删改查还差的很远很远。作为一个代码洁癖的人最不能接受是代码拿下来编译一下，几百个警告信息，眼泪立马流了下来。刚好 4 月份时间比较空闲，觉得利用一个月的时间自己写一套组件，由于出发点是想给 后台通用权限管理平台 BootstrapAdmin 使用，所以就叫了 BootstrapBlazor 这个名字。经过一个月时间的打磨

作为一个前端开发，了解一些基础的设计原理还是很有必要的，最近入职新公司，看见书架上有这本《写给大家看的设计书》，所以就借来看了，学习过程中发现书中介绍的一些设计原则，原来在日常的开发都有很多的体现。特别是用的比较多的 Ant Design，其设计语言的原则就是应用了这本书中介绍的 亲密性、对齐、对比、重复 四大原则。 亲密性 如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。 对齐 正如『格式塔学派』中的连续律（Law of Continuity）所描述的，在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。 对比 对比是增加视觉效果最有效方法之一，同时也能在不同元素之间建立一种有组织的层次结构，让用户快速识别关键信息。（要实现有效的对比，对比就必须强烈，切不可畏畏缩缩。） 重复 相同的元素在整个界面中不断重复，不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。 这些设计原则在实际应用时又有很多的规则和技巧，一个好的设计往往同时使用到了这些原则，基础的学习是一方面，更重要的还是实践

最近blazor更新很快，今天在官方博客上发布了 Blazor WebAssembly 3.2.0 RC： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-release-candidate-now-available/ ，这是最后一次预览版了，功能开发都已经完成。 5.19的微软Build大会上就正式发布了，我最近也在积极的研究学习blazor，在博客和公众号发了几篇最新版本发布的文章，在评论区还是微信群，有人问我，为什么你对blazor如此热情，这些同学都在使用vue/angular/react等前端框架，blazor正好是利用WebAssembly 开发的前端框架，编程语言从js变成了c#， 我觉得如果您对你的前端技术栈感到满意，你可以继续使用现在你所用的框架继续前进，也许blazor并不适合你 ，巧的是最近vue3 也发布了beta版本，vue3 要真正普及也是需要至少一年的时间，blazor 可以充分的吸收前端技术栈的精华，为我所用，我将在文章的末尾列出一些blazor 吸收前端技术圈的成果的开源项目。 blazor适用于编写内部应用程序，企业应用开发人员开发的B2B和B2C的应用程序都适合使用blazor开发，现在已经有很多企业应用开发人员接受了JavaScript，还有许多企业开发人员没有

最近blazor更新很快，今天在官方博客上发布了 Blazor WebAssembly 3.2.0 RC： https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-release-candidate-now-available/ ，这是最后一次预览版了，功能开发都已经完成。 5.19的微软Build大会上就正式发布了，我最近也在积极的研究学习blazor，在博客和公众号发了几篇最新版本发布的文章，在评论区还是微信群，有人问我，为什么你对blazor如此热情，这些同学都在使用vue/angular/react等前端框架，blazor正好是利用WebAssembly 开发的前端框架，编程语言从js变成了c#， 我觉得如果您对你的前端技术栈感到满意，你可以继续使用现在你所用的框架继续前进，也许blazor并不适合你 ，巧的是最近vue3 也发布了beta版本，vue3 要真正普及也是需要至少一年的时间，blazor 可以充分的吸收前端技术栈的精华，为我所用，我将在文章的末尾列出一些blazor 吸收前端技术圈的成果的开源项目。 blazor适用于编写内部应用程序，企业应用开发人员开发的B2B和B2C的应用程序都适合使用blazor开发，现在已经有很多企业应用开发人员接受了JavaScript，还有许多企业开发人员没有

博客当笔记系列. 收录各种资源 前言 总的来说, Blazor 是一个很新鲜的事物. 它的最大特点是极大地加速了UI的开发效率. 然而, 要活用Blazor的话, 比MVC要难一个等级, 毕竟MVC是输出静态HTML, 好理解. Blazor是生成更动态的界面. 这表示Blazor需要一个更长的学习过程. 现在收录一些链接. 以后遇到的继续添加. 官方路线图 2019年末的资料 : https://www.youtube.com/watch?v=MetcuX1OHD0&list=PLReL099Y5nRd04p81Q7p5TtyjCrj9tz1t 主要内容 https://visualstudio.microsoft.com/zh-hans/vs/ Visual Studio 下载 https://visualstudio.microsoft.com/zh-hans/vs/preview/ 预览版下载 微软官方的Blazor教程 (不建议编程入门者阅读) https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-3.1 ASP.NET Core 机制 (不建议编程入门者阅读) https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/?view