本文主要分享我创建 Ant Design of Blazor 项目的心路历程,以及文末有一个 Blazor 线上分享预告。Blazor WebAssembly 来了!Blazor 这个新推出的前端 Web 框架,想必是去年 .NET Core 3.0 发布时才进入 .NET 开发者的视线的。但其实,那时发布的是服务端托管版,而真正具有跨时代意义的,是即将在今年5月            
                
         
            
            
            
            目录Ant Design的介绍与使用安装与使用自定义主题Ant Design的介绍与使用Ant Design是阿里蚂蚁金服团队基于React开发的ui组件,主要用于中后台系统的使用。其官方网址为:官方网址 。以下可以看到antd的特性与介绍,可以看出antd的生态已经很完善了,可以说大部分的公司的项目都能找到使用antd的影子。博主撰写此文时,antd已经更新5版本,如果是初次使用的新手可以点击网            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-24 21:36:38
                            
                                84阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            作为踩坑过 vue-quill-editor 富文本编辑器,以及 wangEditor 编辑器来说,个人感觉还是 Tinymce 功能更加强大跟齐全一些。说一下体验感,wangEditor 编辑器太年轻了,功能上缺乏很多东西,比如说上传图片无法方便的添加图片的 alt 信息,git issue上也有人提意见,功能目前还在计划中。而 vue-quill-editor 这款编辑器是根据 quill 编            
                
         
            
            
            
            antd介绍在我们学习JavaScript 的时候,我们学习了一个 bootstrap 的组件库。可以让我们快速开发,但是我们现在学习了 React ,一种组件化编程方式,很少说会去贴大量的 HTML 代码,再配一下 CSS,JS。我们也有一些现成的组件库可以使用,我们只需要写一个组件标签即可调用。这让我们 React 开发变得十分的快速,方便和整洁。我们这里学习的是 Ant-design (应该            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 20:16:54
                            
                                109阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              Ant Design 组件提供了Input,InputNumber,Radio,Select,uplod等表单组件,但实际开发中这是不能满足需求,同时我们希望可以继续使用Form提供的验证和提示等方法(使用起来确实很爽),这时需要自己动手封装一些表单,同时我们还要保持方法可以继续是使用。  github的代码地址: https://github.com/haozhaohang/ant            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-07 06:34:03
                            
                                489阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            react UI 组件库 Ant-design 蚂蚁金服UI组件库流行的开源 React UI 组件库material-ui (国外)官网:https://mui.com/zh/material-ui/getting-started/installation/这是国外非常流行的 react UI 组件库,但是在国内并不是很常用。Ant-design UI组件库官网:https://ant.desi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-18 13:56:55
                            
                                109阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            作者丨Max Rozen译者丨王强策划丨小智本文最初发布于 网站,经原作者授权由 InfoQ 中文站翻译并分享。Ant Design项目链接:Ant Design包大小(来自 BundlePhobia):缩小后 1.2mB,缩小 +gzip 压缩后 349.2kB,通过摇树减少体积。优点:AntDesign 随附了大量支持文档,有一个社区,包括一个带有预制模板的单独项目(AntDesignPro)            
                
         
            
            
            
            antd专门为react定制的中后台组件库,提供了大量的组件供开发者使用,官网地址 点击跳转在中后台中,用户管理是必不可少的。外部用户和内部用户的管理,都涉及到用户、角色和权限的管理。用户管理贯穿业务各个环节,是支撑业务运营的核心部分。今天就使用react结合antd V5.0 处理一下用户管理.此用户管理,分为以下部分:用户列表 – 展示用户用户添加用户删除用户信息更新用户查询/筛选本节主要是阐            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-07 10:37:45
                            
                                65阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Swing 常用组件面板组件JPanelJScrollPane文本组件JTextFieldJTextArea标签组件按钮组件JCheckBoxJRadioButton下拉框组件菜单组件下拉式菜单弹出式菜单 面板组件JPanel是一个无边框,不能被移动,放大,缩小或者关闭的面板,它的默认布局管理器是FlowLayout 可以使用构造函数 JPanel (LayoutManager layout)            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-09 22:27:22
                            
                                151阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、 引入ant design of vue 组件库二 、使用axios进行数据交互在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource, Vue 更新到 2.0 之后,官方就不再更新 vue-resource。作者尤雨溪推荐使用axios:最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-30 22:15:05
                            
                                487阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            推荐几个比较流行的VUE3 UI框架,同时提供出色的开发人员体验,合理利用,又或者学习借鉴都是不错的选择,排名不分先后。Ant Design VueAnt Design Vue 是一个非常成熟的框架,使用 Ant Design Vue 创建用户界面非常简单,这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件,基本覆盖项目大部份需求,而且使它们变得更好            
                
         
            
            
            
            需求一 图片上传就是要一个富文本编辑器,然后有图片上传功能,因为vue-quill-editor是将图片转为base64编码,所以当图片比较大时,提交后台时参数过长,导致提交失败。解决思路将图片先上传至服务器,再将图片链接插入到富文本中 图片上传的话可以使用element或者iview,这里我以iview举例 图片上传区域要隐藏,自定义vue-quill-editor的图片上传,点击图片上传时调用            
                
         
            
            
            
            前言:我们在后台项目中,经常会使用到富文本,当我们需要把后台编辑的内容原封不动的展示到前台页面的时候,富文本是一个非常好用的东西~~今天主要记录我在项目中使用vue-quill-editor富文本的情况实现过程(可以直接复制代码使用,但是要注意新建文件的路径,改成自己的路径):1、首先我们需要安装vue-quill-editor富文本 npm install --save vue-qui            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 16:59:22
                            
                                312阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            创建组件一般来说,在构建新组件时,我喜欢遵循类似于行为驱动设计方法的方法。这意味着我首先要定义如何使用该组件,然后再深入实施。动画化!当然,我们仍然缺少动画片段。为了实现这一目标,我使用了一个库,这是我在 React 中处理所有动画的方法。它重量轻,文档齐全,并且非常易于使用。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-16 17:11:59
                            
                                88阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文本控件 Text在android中,一个页面,一般是用 Activity 或者是一个Fragement 来加载显示出来的,而其中的 一个View 或者 最...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-22 11:02:20
                            
                                296阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            实现“Java富文本组件”的步骤如下:
流程图:
```mermaid
flowchart TD
    A[定义富文本组件类] --> B[添加文本显示功能]
    B --> C[添加字体样式功能]
    C --> D[添加颜色样式功能]
    D --> E[添加图片显示功能]
    E --> F[添加链接功能]
```
类图:
```mermaid
classDiagram            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-13 09:07:47
                            
                                36阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              今天开发需求的时候,用到了ant design中的table组件,其中遇到一些困难,虽然ant design官网给出了很详细的使用说明,但往往还是需要进行改动,谁让需求总是不按套路出牌的。于是乎,有了一个想法:把自己开发中遇到和ant design插件相关的知识来个汇总,自己以后开发也不会再遇到类似的问题犯难,也希望对其他网友有所帮助。一、Table 组件1、想要自定义表格的文本信息,比如,想            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-22 20:37:30
                            
                                317阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            AntDesign组件库AntDesign的介绍AntDesign ,简称 antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。中后台的产品 属于工具性产品,很多优秀的设计团队通过自身的探索和积累,形成了自己的设计体系。AntDesign的特点:提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 React 组件。使用 TypeSc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-19 11:27:47
                            
                                301阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、流行的开源React UI组件库流行的开源React UI组件库material-ui(国外) 
   1、官网:http://www.material-ui.com/#/
2、github:https://github.com/callemall/material-ui
ant-design(国内蚂蚁金服) 
   1、官网:https://ant.design/index-cn
2、git            
                
         
            
            
            
            文本控件 Text在android中,一个页面,一般是用 Activity 或者是一个Fragement 来加载显示出来的,而其中的 一个View 或者 一个布局文件(layout.xml) 都可以作为一个页面的根元素在Flutter中,Widget 可以理解为 用来代替 activity fragement view  viewgroup 等等。Widget用来配制显示的页面View信息,最...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-01 15:55:51
                            
                                717阅读