React与Vue作为当下最流行的框架有很多相似之处:同样是基于组件的轻量级框架,同样专注于用户界面的视图层。同样可以用在简单的项目中,也同样可以使用全家桶扩展为复杂的应用程序。但为什么关于React比Vue更实用的声音总源源不断呢?
前一段时间中,我们开发的表格当时只有展示后端信息的效果,并不能完成增删改查的操作。今天花了一点时间学习了下antd表格的使用,完成了具备增删改查完整通用功能的前后端交互,分享给大家,但界面稍丑,不断会完善。
昨天介绍这个antd表格的试用,我们先看了官方的示例,然后直接使用vben admin提供的表格看一下:
本系统是博客+论坛于一体的系统。支持用户注册,写博客与发帖子。 采用的技术栈也简单,前后端都是 JS, 数据库只有 mysql。 Nodejs+ nextjs + reactjs + koajs + ant-design 采用接口与客户端分离开发,前台页面服务端渲染,jwt方式授权登录,方便开发多个客户端
接着上一篇文章的分享来说,我们已经选了合适的前端框架,那么就需要了解其项目结构,以及对应的组件。上一篇中也提到了我们开源项目的需求,第一步项目需求确定后那么就开始我们的下一步计划。
由于一直在用 vue 写业务,为了熟悉下 react 开发模式,所以选择了 react。数据库一开始用的是 mongodb,后来换成 mysql 了,一套下来感觉 mysql 也挺好上手的。react-router、koa、mysql 都是从0开始接触开发的,期间遇到过很多问题,印象最深的是 react-router 参考官方文档配置的,楞是跑不起来,花费了好几个小时,最后才发现看的文档是v1.0, 而项目中是v4.3, 好在可参考的资料比较多,问题都迎刃而解了。
2-1 组件平台架构设计 点击查看【processon】 2-2 组件平台技术选型和框架搭建 umi-component-test改项目代码提交至:https://github.com/liugezhou/umi-component-test
你好,我是 Guide。今天在逛开源社区的时候,发现了一个基于 Spring Boot 技术体系的低代码开发平台 Diboot 挺有意思的,号称“关联无 SQL,性能高 10 倍”。
Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or set `rowKey` of Table to an unique primary key, see https://u.ant.design/table-row-key
我是一天不写代码,就浑身难受的那种人,所以假期过的很痛苦。牺牲了无数个假期和终末,就是为了和代码为伴。
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
React中使用Antd教程文档: https://ant.design/docs/react/getting-started-cn
20多天前,遇到一个日程表的业务需求,可以动态增加列、对单元格进行合并,结合公司的jsp项目的已有功能完成单元格的增、删、改操作。进行需求分析整理后,经过了一番查找,发现React版本的antd的表格组件功能很强大,可定制程度很高,可以助我完成这个业务需求的开发。
Antd是一个UI组件库, 与React非常搭 善用UI库, 可以节省写css样式的时间 如果我们把写css的时间压缩一大半, 或许就可以早点下班了~ 关于Antd Antd官网 Antd Gith
在前面的一文理解Redux中,已经知道了Redux的工作流程以及Redux的设计基本原则,它就是一个用于管理组件的公共数据状态的数据层框架,包括了Store,Reducer,React Component,Actions Creators四个部分
正在研究 Websocket,先搞一搞 HTML5 特征 Web Notification API 来简单实现浏览器在线的消息推送
最近刚好买了个域名(http://ifimcat.com),想着做点啥东西。想了想,于是就从简单点的开始吧,做个个人博客网站。本项目计划周期两个月时间 (主要是要上班,996也很辛苦),一共实现 后端服务、项目控制台、以及官网 共三部分,本系列文章将持续更新,直到项目上线。更新平台包括掘金,知乎,以及将来更新到个人的博客网站。
最近用react+vite+antd写了个后管项目,在菜单管理中,需要用户选择菜单的icon图标。
这段时间一直有学员和一些正在从事前端开发工作的朋友询问“有没有推荐的前端开源项目?”,因为一直忙于工作没有时间去整理,今天应各位的请求,我整理了一些开源项目 。推荐顺序与项目的好坏无关,框架的推荐顺序就大家询问的比例来分,跟当前市场框架的占有率无关,所以大家不要先入为主的认为我列在前面的可能就是好的。话不多说,我们进入正题。
在很早很早以前,WebSocket 协议还没有被发明的时候,人们在 Web 端制作类实时数据动态更新时,一般采用轮询、 长连接 (Long Polling) 来实现。大概就是:
袋鼠云数栈从 2016 年发布第⼀个版本开始,就始终坚持着以技术为核⼼、安全为底线、提效为⽬标、中台为战略的思想,坚定不移地⾛国产化信创路线,不断推进产品功能迭代、技术创新、服务细化和性能升级。
犹记得,我还是一个初入职场的新人,出去面试总会被问到会不会组件开发的问题。当时项目开发都使用现成的UI组件,最初用Element UI,后来换成了Antd。无论换哪种组件,都帮助节省了很多开发时间,自己平时组件开发,最多就进行一些简单的标题、弹窗、表格的二次封装。总之就是,组件开发的“道行”尚浅,所以面试的时候底气略微不足。
我记得大约是18、9岁的时候接触的java,比dotnet更早,毕竟java更早出来的。但是后来有了C#之后,我喜新厌旧了,原因很简单,好比两个姑娘,C#更美,更能体现我心目中编程是一种艺术的理念。当然,总有“高手”跳出来说,那只是语法糖而已,可是高级语言里哪个语法不是语法糖,你为啥不去用汇编或者干脆用打孔纸带。
我们都知道, AntD 最近喜提了4.0, 更新了许多新特性,看的我是心花怒放, 喜不自胜。更贴心的是还提供了升级工具,看了一些文章介绍说能三分钟升级。于是周六的时候, 懒觉我也不睡了, 跑到公司开始了升级之旅。
本文是深入浅出 ahooks 源码系列文章的第十六篇,这个系列的目标主要有以下几点:
包含内容:antd.min.css、antd.min.js、vue.min.js。
目前,JulyNovel后端框架基本搭建、部署完毕,GraphQL提供的API接口也有着高可用性,数据库里也存了六七百兆爬来的小说数据,是时候开始写前端了。
博客项目前端工程,所用技术栈为Next.js + React Hooks + Antd + Axios。
最近看了一些 Ant Design 的组件源码,学到一些很实用的技巧,这篇文章来分享一下。
在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。
本文主要介绍如何利用腾讯云搭建个人博客,包括整体架构、后台服务、数据库、前端框架以及部署方法等方面的内容。作者还提到了云主机、云数据库和云对象存储在项目中的应用,并给出了项目部署的具体步骤。
本文最后更新于 57 天前,其中的信息可能已经有所发展或是发生改变。 1、需求 最近遇到一个需求,一张表格中需要有个下拉框,antd官网中有相应的Select组件,但是由于数据比较多,用户需要一个全选的需求。即点击全选下拉框数据全部选中,再次点击取消全选即选中的数据清空。然后数据一条一条点击完后全选框会被选中,反之不会被选中。 2、实现代码 import React from 'react'; import 'antd/dist/antd.css'; import './index.css'; imp
组件“/machine”为已经定义好的路由,state负责传值state:{参数:值}
因为需要尽可能全且精炼的讲解 TypeScript 语法知识,所以我们需要一个恰到好处的实战项目,这一小节主要是用于讲解我们准备初始 TypeScript 版本的 React 项目代码的过程,在下一个小节中我们将会结合 React 项目代码,真正开始 TypeScript 语法的讲解。
ant design https://ant.design/docs/react/introduce-cn
最近在维护公司的中台erp系统,项目中js库用的是react,ui库用的是antd。平时还是喜欢自己写css,刚开始还是有点不太习惯直接上ui库做项目,觉得用antd还是挺恶心的,主要是form。在熟悉了以后发现这个库真棒。
Ant Design 是一个服务于企业级产品的设计体系,组件库是它的 React 实现,antd 被发布为一个 npm 包方便开发者安装并使用。
说到低代码大家不用想就觉得是表单设计器,或者是只能做非常流程化简单系统的工具,没有实用性,没办法按需求定制开发
注意:在webpack.config.dev.js添加的配置部分,也需要在webpack.config.prod.js中做相同的配置。否则可能导致项目发布上线后,报错无法执行。
今天圣诞节,所以在 type 是 primary 的 Button 上都加上了雪花。
至今为止,关于React中的组件已经接触到了有很多,用类class声明的组件,函数式funtion关键字声明的组件,以及样式组件(styled-components),对于前面几节当中已经用Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的
温馨提示:因微信中外链都无法点击,请通过文末的 “阅读原文” 到技术博客中完整查阅版;
antd@4 rc 发布已经有一段时间了(大概已经两周了),官网[1] 也已同步放出。最为一个酷爱尝鲜的人,当然要第一时间安装升级。在咨询了豆酱老师得到了api 不会修改的承诺之后,我已经在自己的项目中迁移完成。第一时间享受到了的 antd@4 各种优势。
写 react 项目的小伙伴应该都用过 antd 组件库,但绝大多数同学并没有看过它的源码。
首先分享一篇网易云音乐技术团队整理的一篇文章 React 组件库 CSS 样式方案分析
首先,确保您的项目已经创建并配置了React环境。然后,您可以通过以下命令使用npm或yarn安装Antd:
在使用 import {Button} from 'antd' 的时候 打开控制台,会出现这样的警告 You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size. 实际我们在用antd的时候,只需要一个Button组件,它给完全加载进项目了,要知道antd 8W多行代码,执行完之后得花一些时间吧. 于是官方就提供了下面
•微信公众号 《JavaScript全栈》•掘金 《合一大师》•Bilibili 《合一大师》
我最近写了一篇关于如何加快 React 开发的文章,其中提到使用包而不是重新造轮子。例如,你几乎肯定希望使用一个 modal 库,而不是构建你自己的实现。(我说“几乎肯定”,是包括那些受虐狂在内。)我之前的推荐有限定条件。使用第三方库会带来风险。每周都有恶意软件包的新闻。从一个废弃的包迁移代码花费了数百万开发工时。
领取专属 10元无门槛券
手把手带您无忧上云