Ant Design

1 一级标题 章标题居中，三号黑体，使用 ## 。 1.1 二级标题 章下为节，节标题四号黑体，使用 ### 。 1.1.1 三级标题 节下为小节，小节标题小四黑体，使用 #### 。 1.1.1.1 四级标题 1.1.1.1.1 五级标题 一般只使用一二三级标题。 2 列表 2.1 无序列表 无序列表在符号 - 后加空格使用： 无序列表 1 无序列表 2 无序列表 3 如果要控制列表的层级，则需要在符号 - 前使用空格： 无序列表 1 无序列表 2 无序列表 2.1 无序列表 2.2 对条文内容采用分行并叙, 或结构有层级关系。 列举结束必须换行 。 2.2 有序列表 有序列表的使用，在数字及符号 . 后加空格后输入内容，如下： 有序列表 1 有序列表 2 有序列表 3 小节以下标题, 或表达同步顺序关系。 如果编号及其后内容新起一个段落，则需要换行,列举结束必须换行 3 引用 引用的格式是在符号 > 后面书写文字。如下： 疫情就是命令，防控就是责任。 ——领袖 用于大段原文引用， 引用结束必须换行 。 4 文本 4.1 粗体和斜体 用粗体标识段落内强调项 ， 一般只在英文中使用斜体 ， 用粗体加斜体标识注意项 。 如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性

e x T 1 特性 A 高度还原next-theme [1] A 论文规范排版,正文字体、代码高亮、表格样式 A 文章页显示摘要、关键词 A 导航区归档、相册、搜索 A 作者信息、联系、订阅 A 响应式设计 A 自动生成目录、滚动贴顶 A 阅读进度、一键至顶、顶部进度条 U 优化评论区显示 U 优化上下文切换 2 预览 2.1 截图 2.2 样例 博客园 <=> hexo 3 选型 3.1 为什么选择博客园 经常使用搜索引擎查找某些问题会发现博客园有着良好的SEO,相比自主建站或者其他静态站点方式，省去了SEO优化和推送，便于更好的呈现和分享。 博客园用户大多是早期开发者，内容可信度高。由于没有其他平台类似的激励计划(比如X币)，写文章出发点很纯粹，也就不会存在用一两句话凑一篇文章、凑一篇原创（比如CSDN）,即便存在也往往就是标准答案。 搜索结果比较真实，不像CSDN，通过 在大量相干不相干的广告和文章链接中夹带着文章 ，导致可能搜索概要中含关键词但是打开文章却毫无干系，迫使在其环境下跳来跳去增加点击率和广告曝光率，却永远找不到答案。 免备案,免服务器,https,自动二级域名(xxx.cnblogs.com) 支持标准markdown，渲染准确，可完美迁移。图片不会像其他平台一样强制转内链，但还往往转不成功需要找原图再上传。 重要 :支持高度自定义

<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：value属性是选中某一项之后，<select>控件的返回值，可以去id作为value值，也可以取相关的name作为select的返回值，比如上面的例子是将课程类型作为<select>的返回值，那么传到后端的值就是对应的type值(0,1,2...)。 另外： 实例1：没有设置标签值，下拉框value值作为备选值

不管大型还是中小型互联网公司，运维面对最多的工作就是发布部署，近些年各种运维自动化工具也越来越多，运维自动化每个人都有一套自己的理解，那么中小公司一般都怎么做运维自动化呢？ 我们先看一下中小企业面临的问题: 人员有限，小一点的公司专业运维可能没有，开发自己上线，也有可能1-2个运维人员，基本不会投入专门的运维开发来开发运维自动化平台。 服务器少，可能不超过50台服务器。 版本更新迭代比较快，需要快速方便的发布回滚。 中小企业运维自动化常见做法： Gitlab+Jenkins，创建Jenkins任务，使用Jenkins登录服务器执行脚本实现发布，配合服务器多个脚本实现对服务器管理。 Gitlab+Jenkins+Ansible，使用Jenkins调用Ansible登录服务器执行脚本实现代码的发布，平时服务器管理使用Anaible进行服务器管理。 K8S平台，使用K8s发布平台，打包应用Docker镜像，通过K8s发布到线上。 使用开源的运维自动化平台发布管理，Github上有很多优秀的开源项目，可以使用。 虽然可以通过上面的几种方法把发布和经常操作的都实现自动化，但是避免不了登录服务器操作命令、配置任务计划，修改应用配置文件，配置服务器监控报警等。那么有没有开源平台可以很方便的实现上面说到的这些功能呢？下面就给给大家推荐一款面向中小企业的轻量级开源运维自动化平台： Spug 平台介绍

本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《 AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为 》中讲到：AntD 的 upload 组件有很多坑，引起了很多人的关注。折腾过的人，自然明白其中的苦楚。 今天这篇文章，我们继续来研究 AntD 的 upload 组件的另一个坑。 备注：本文写于2020-06-11，使用的 antd 版本是 3.13.6。 使用 AntD 的 upload 组件做图片的上传，效果演示 因为需要上传多张图片，所以采用的是照片墙的形式。上传成功后的界面如下： （1）上传中： （2）上传成功： （3）图片预览： 代码实现 首先，你需要让后台同学提供好图片上传的接口。上一篇文章中，我们是把接口调用直接写在了 <Upload> 标签的 action 属性当中。但如果你在调接口的时候，动作很复杂（比如根据业务要求，需要连续调两个接口才能上传图片，或者在调接口时还要做其他的事情），这个 action 方法就无法满足需求了。那该怎么做呢？ 好在 AntD 的 upload 组件给我们提供了 customRequest 这个方法： 关于customRequest 这个方法， AntD 官方并没有给出示例，他们只是在 GitHub 上给出了这样一个简短的介绍

1. SCRUM会议 会议记录表(2020-05-27) 组员 昨天完成的任务 今天花了多少时间 还剩余多少时间 遇到什么困难 今天解决的进度 明天的计划 221701224叶博宁 发布通知页面布局优化 4.0 4天 nz-list的loadMore属性还在研究中 群组详情页面1.群成员列表改为ant-design的list2.群组信息改为放在右侧抽屉3.群通知的展示尝试了列表、时间线、表格等形式，最终还是用表格实现 完成群组详情页面 221701340沈志峰 通知中心模块迁移到微服务 通知中心模块模块错误处理完善 3.0 4天 暂无 通知群组待办事项自动添加部分功能 通知群组待办事项自动添加功能 错误处理完善 221701220赵伟男 完善用户头像上传功能 1.5 4天 上传文件命名可能会有冲突，通过使用MD5计算文件名称得以解决 完成了用户头像文件上传并显示的功能 初步实现注册邮件发送时间间隔限制 221701331陈赐 大致实现了待办事项的搜索逻辑，按照志峰的要求编写了通知转换待办的接口框架 1.0 4天 暂无 删除了错误判断的冗余代码，完善了 完善错误机制 221701233岳逾先 完成通知中心详情页面优化登 3.0 4天 暂无 登录注册页面优化和debug登录失败提示 debug登录提示，代码规范 221701103郑澜 添加了头像上传框与相关的ts代码 2.5 4天

Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 一、getFieldDecorator getFieldDecorator是一个方法，这个方法接收两个参数，第一个是表单的字段对象，第二个是验证规则。这个方法本身返回一个方法，需要将需要获取值的标签包裹进去。 <From> <FormItem> //JS代码书写时需要用 { } 包裹起来，不能直接写在代码块中 { getFieldDecorator('userName',{ initialValue:'Jack', rules:[] })( <Input placeholder='请输入用户名'/> ) } </FormItem> </From> 第一个参数是用户自定义的、用于识别该控件的变量名，这样便于在获取或设置该控件的值。 2019.3.12补充：值得注意的是，getFieldDecorator是一个非常智能的方法，它可以获得自定义组件的value值，在提交表单时会很方便。其次，initialValue的值会覆盖子组件中的placeHolder，如果子组件是下拉框，也会根据initialValue的值来匹配自己的value，并显示相应的值，可以说非常智能了。 二、getFieldValue handleSubmit = e => { const {

<DatePicker defaultValue={moment(day, 'YYYY-MM-DD')} disabledDate={this.disabledDate} /> dayStart:起始时间 dayEnd结束时间 /*只有dayStart-dayEnd的时间可选，其他时间均不可选，实现代码如下*/ disabledDate = (current) => { const {dayData:{dayStart,dayEnd}}=this.props return current&&current.valueOf()<Date.parse(dayStart) ||current&&current.valueOf()>Date.parse(dayEnd) }; 来源： oschina 链接： https://my.oschina.net/u/4280438/blog/4283412

1. SCRUM会议 会议记录表(2020-05-27) 组员 昨天完成的任务 今天花了多少时间 还剩余多少时间 遇到什么困难 今天解决的进度 明天的计划 221701224叶博宁 发布通知页面布局优化 4.0 4天 nz-list的loadMore属性还在研究中 群组详情页面1.群成员列表改为ant-design的list2.群组信息改为放在右侧抽屉3.群通知的展示尝试了列表、时间线、表格等形式，最终还是用表格实现 完成群组详情页面 221701340沈志峰 通知中心模块迁移到微服务 通知中心模块模块错误处理完善 3.0 4天 暂无 通知群组待办事项自动添加部分功能 通知群组待办事项自动添加功能 错误处理完善 221701220赵伟男 完善用户头像上传功能 1.5 4天 上传文件命名可能会有冲突，通过使用MD5计算文件名称得以解决 完成了用户头像文件上传并显示的功能 初步实现注册邮件发送时间间隔限制 221701331陈赐 大致实现了待办事项的搜索逻辑，按照志峰的要求编写了通知转换待办的接口框架 1.0 4天 暂无 删除了错误判断的冗余代码，完善了 完善错误机制 221701233岳逾先 完成通知中心详情页面优化登 3.0 4天 暂无 登录注册页面优化和debug登录失败提示 debug登录提示，代码规范 221701103郑澜 添加了头像上传框与相关的ts代码 2.5 4天

原文: Blazor 修仙之旅 - Ant Design of Blazor 一.前言 这是《Blazor 修仙之旅》的第三篇，前面两分别是《初次尝试》、《组件与数据绑定》，直接到这里上 Ant Design 确实连不起来，跨度比较大，其实我也是在边学边写，看的是官方文档，我觉得中间这部分重复写博客的意义不大，所以我建议去看官方文档，传送门： 点我 。如果看过我的前两篇，我建议您从这里开始看： 点我 。不用每篇都深刻理解，但需要有一个基本概念。好了，下面进入正题。 二. Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。在前不久的微软Build大会也见到了它的身影，受到了微软官方推荐，点赞！顾名思义， ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。 ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 Razor 组件，可在多种托管方式共享。 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。 🎨 支持渐进式 Web 应用（PWA） 🛡 使用 C# 构建，多范式静态语言带来高效的开发体验。 ⚙️ 基于 .NET Standard 2.1，可直接引用丰富的