蒋川的博客_卡拉云

欢迎

ECharts 饼状图颜色设置教程 - 4 种方式设置饼图颜色

ECharts 饼状图中的每个扇形颜色其实都可以自定义或者随机显示颜色。比如 X 轴是各销售渠道名，那么你可以需要使用全局统一的识别色彩，那么就需要指定每个扇面的颜色。本文讲解 4 种配置修改 ECharts 饼图颜色的方法。

饼状图

搜索引擎

数据

原创 2022-04-10 14:00:37 5887 阅读

订单管理系统(OMS)搭建实战 - 低代码拖拽定制订单管理系统

订单管理系统是很多公司，特别是电商公司最常用的内部系统之一。订单管理系统的使用者通常是仓管或者运营人员，它常被用于管理用户订单，比如添加或者修改一条发货记录，与快递 API 集成以便自动更新订单号等场景。

管理系统

数据库

拖拽

原创 2022-04-09 02:39:18 1439 阅读

Element Plus for Vue 3 入门教程

Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级，对于第三方组件库来说是一件好事，那些已经修修补补无数次，还无法彻底解决的问题，在这次面向 Vue 3.0 重构时，一次性全部解决。

element-ui

element-plus

element plus

原创 2022-04-07 12:33:54 2657 阅读

Element Plus 和 Ant Design Vue 对比测评，哪个更好？

Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？本文从多个纬度对两个框架进行对比和测评。

vue

elementui

element-plus

antd vue

原创 2022-04-07 12:03:35 2266 阅读

Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件

Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。

chrome

数据

拖拽

原创 2022-04-02 03:40:41 2945 阅读 1点赞

Echarts 折线图完全配置指南 - 手把手教你设置 Echarts 折线图详细教程

Echarts 折线图是图表中最常用的显示形式之一。使用 Echarts 做出基本的折线图很简单，但要是想把多组数据放在一张图表中，展示的漂亮又直观就不容易了。本文将带领大家从最基本的折线图，一步步完善，最终做出可读性很高的可视化图表。根据本教程在卡拉云中搭建的折线图 Demo，你可以立即注册卡拉云，跟随本教程学习跟随本教程你将学到 1.折线外观属性折线增加弧线平滑过渡折线图变为散状圆点实线改为虚线折线指定颜色增加数据显示表格外观属...

数据

折线

折线图

原创 2022-03-29 03:28:21 4499 阅读

Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器

Video.js 是最强大的网页嵌入式 HTML 5 视频播放器的组件库之一，也是大多数人首选的网页视频播放解决方案。复杂的网页视频渲染，在引入 Video.js 后，轻松解决。本教程手把手教你搭建一套基于 Vue 的 Video.js 视频播放页。跟随本教程学习，最终你可以自己搭建一套可以播放本地视频文件及网络流媒体的网页视频播放器。学习如何修改 video.js 的默认样式来实现播放按钮自定义形状(圆形)、居中及播放时间的显示与否，如何播放 m3u8 格式，以及如何使用 video 的属性、事件及方法，音量增减，最终实现一个功能齐全的视频播放器。

视频播放器

原创 2022-03-29 03:11:32 506 阅读

React Router 6 (React路由) 最详细教程

React Router** 经历多个版本的发展，现在已经到了 **React Router 6**。虽然网络上写 React-Router 路由本身的教程很多，但真正讲到 React-Router 6 的并不多。同时因为第 6 版引入了很多新的概念，以及大量使用 Hook，因此网上的很多旧教程已经不实用了。

加载

github

html

原创 2022-03-29 02:30:10 567 阅读

最好的 6 个 React Table 组件详细亲测推荐

在日常开发中，特别是内部使用的后台系统时，我们常常会需要用表格来展示数据，同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好，但如果要在 React 中实现一个功能丰富的表格，其实是非常不容易的。

react

react table

原创 2022-03-22 01:41:58 982 阅读

最好的 6 款 React 后台管理系统模板和框架

React admin框架繁多，在本文里我们介绍 React 下最好的 6 款后台系统，每款均严格测试后，整理它们的优缺点方便你来挑选。同时我们给出一些实用建议，帮你避免选型时不注意可能导致的埋坑。

github

二次开发

react

原创 2022-03-21 10:09:51 1185 阅读

手把手教你用 Vue 搭建带预览的「上传图片」管理后台

手把手教你开发带预览的 Vue 图片上传组件，即图片上传管理后台。只要你跟本教程一步一步走，最终能很好的理解整个前后端传图的工程逻辑。前端我们使用 Vue + Axios + Multipart 来搭建前端上传图片应用，后端我们使用 Node.js + Express + Multer 来搭建后端上传图片的后端处理。

图片上传

ios

上传图片

原创 2022-03-21 09:45:34 374 阅读

7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果（Vue loader）类型 - 卡拉云

Vue Loading 加载动画组件 (Vue-loader) 看起来很简单不重要，实际上它是保证用户留存的关键一环。选择好 Loading 加载动画，用户留存率翻倍。本文介绍 7 种不同的加载动画 UI 效果（Vue loader），每一种都有其对应的使用场景。举例，旋转加载动画适合短时间加载，旋转加载还能更细分，比如在按钮上的旋转加载，适合提交数据的极短时间，旋转动画在全局的适合多表格数据加载，旋转动画图片可自定义的适合高度定制化的 APP / 网站等。再举例，进度条类的加载动画适合长时间加载，进度条类也可以更细分，比如有蒙层的进度条，有加载进度条带取消按钮，有加载进度条放在网页顶部，显得更轻盈快捷。

加载动画

加载

进度条

vue

vue loading

原创 2022-03-16 23:52:39 1144 阅读

最棒的 7 个 Laravel admin 后台管理系统推荐 - 卡拉云

Laravel 已经凭借自己的易用性及低门槛成为 github 上 stars 第一的 PHP 框架，本文将介绍我精心为大家挑选出来的 Laravel admin 后台管理系统，从抽象程度最低（灵活但代码量大）到抽象程度最高（代码量小但不灵活）来帮助大家选择合适自己的 Laravel admin 后台管理系统。

laravel

后台管理

拖拽

原创 2022-03-16 23:34:00 919 阅读

如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

很多 Vue 项目中都需要 PDF 文件预览功能，比如合同 ERP，销售CRM，内部文档CMS管理系统，内置 PDF 文件在线预览功能。本文手把手教你搭建一套 PDF 预览组件嵌入到 Vue 项目中，实现 PDF 文件在线预览等 PDF 预览的所有常见功能。

vue

vue pdf

原创 2022-03-08 00:04:07 424 阅读 1点赞

appsmith 怎么用？评价如何

AppSmith 是印度一家创业公司开发的低代码开发工具，它的原型是另一家名叫 Retool 的美国的创业公司。AppSmith 从 2019 年开始开发，到现在已经发行了 1.x 版本，也就是处于正式发行状态。那么 Appsmith 到底怎么样？它的评价如何？对比卡拉云它有哪些优缺点呢？

服务器

拖拽

数据

appsmith

原创 2022-03-07 23:31:04 590 阅读 1点赞

React Draggable 实现拖拽 - 最详细中文教程 - 卡拉云

React Draggable 是 react 生态中，最好用的拖拽实现库之一。如果你的应用中需要实现拖拽功能，可以尝试用 react-draggable，它可以满足多数情况下的拖拽需求，比如一个弹出设置浮窗，可以相互遮挡的容器之类。在所有 react 拖拽库里(即 react dnd, drag and drop)，react-draggable 算是把功能性和易用性平衡得最好的拖拽库了。

拖拽

css

github

原创 2022-03-07 23:12:53 1002 阅读 1点赞

12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐

Vue 3 发布已经有一段时间了，就在刚刚过去的一年，各大组件库、框架纷纷对 Vue 3 做了优化和支持。整个前端从谨慎使用 Vue 3 转向了开始拥抱 Vue 3。特别是年初年末几家大厂陆续开源或新发布了支持 Vue 3 的组件库或框架，非常值得在本文安利一波。本文推荐 12 款适用于中文使用者习惯的开源 Vue 3 UI 库或支持 Vue 3 的开源 UI 库

github

移动端

官网

原创 2022-03-07 22:35:10 726 阅读 1点赞

最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云

Vue 拖拽组件库（drag-and-drop）组件在使用 Vue 框架开发中非常常见的需求，做个内容行排序，拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件库，它们各有各的特点，推荐给大家。

拖拽

vue

拖拽组件

原创 2022-03-04 23:08:42 2777 阅读

最好用的 7 个 Vue Tree select 树形组件 - 卡拉云

Vue 树形选择器（Vue tree select）组件在搭建 Vue 的 app 中特别常用，Vue tree select 除了简单的树形结构外，还有非常多样的功能来配合不同场景的使用。比如搜索过滤，前端添加删除树枝，前端编辑修改子树名，拖拽排序，对用户操作事件记录等。本文记录了我自己使用多年最好用的 7 款 Vue tree select 组件，每一款都经过我实际测试，推荐给大家。

拖拽

选择器

搜索

原创 2022-02-28 23:33:15 2165 阅读

如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云

在 Vue 搭建的后台管理工具里添加炫酷的图表，是所有数据展示类后台必备的功能，本教程手把手教大家如何在 Vue 中加入 Echarts ，一个基于 JavaScript 的开源可视化图表库，Echarts 涵盖了常见的数据图表类型。当然，如果你对前端不是很熟悉，又想快速搭建数据图表看板，那么推荐使用卡拉云，卡拉云是新一代低代码卡发工具，无需懂任何前端技术，仅需拖拽即可快速生成「数据图表」，1 分钟搭建属于你自己的数据图表展示管理后台。详见本文文末。

数据

3c

初始化

原创 2022-02-28 23:15:13 553 阅读

如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表，是所有数据展示类后台必备的功能，本教程手把手教大家如何在 Vue 中加入，一个基于 JavaScript 的开源可视化图表库，Chart.js 涵盖了常见的数据图表类型。

折线图

vue

chart

chartjs

原创 2022-02-26 08:06:55 449 阅读

最好用的 5 个 Vue select 单选多选下拉组件 - 卡拉云

单选 / 下拉 / 多选（select）组件在搭建 Vue 的 app 中特别常用，Vue select 除了用鼠标点选外，还可以有更多样的功能，比如搜索过滤，树状结构，tab 分组，按组选择等。这些高级功能都可以在第三方组件中找到，本文记录了我自己使用多年最好用的 5 款 Vue select 组件，每一款都经过我实际测试，推荐给大家。

单选

选择器

vue

原创 2022-02-26 07:36:34 2527 阅读

Vue Router 手把手教你搭 Vue3 路由 - 卡拉云

Vue 的单页面应用是基于路由+组件的形式，路由用于设定访问路径，并将路径与组件映射起来。这种形式相对于 a标签超链来说不会重新加载页面，而是在同一个页面中进行路由跳转。本教程在 Vue3 中手把手教你搭建 Router ，并详细讲解其中的路由原理以及当用户输入错误时，如何路由到 404 页面等方法。请打开你的 Terminal 跟随本教程一起学习。如果你正在搭建后台管理工具，又不想处理前端问题，推荐使用卡拉云，卡拉云是新一代低代码开发工具，可一键接入常见数据库及 API ，无需懂前端，仅需拖拽即可快速搭建属于你自己的后台管理工具，一周工作量缩减至一天，详见本文文末。

开发工具

后台管理

vue

原创 2022-02-26 06:59:27 454 阅读

如何在 Vue 中导出数据至 Excel 表格 - 卡拉云

本文手把手教大家搭建了一个 Excel 数据功能页，我们用到 **bootstrap-vue** 和 **xlsx** 这两个 JS 库。其实还有更简单的办法处理前端数据展示及数据，完全不用写前端，推荐试试卡拉云，卡拉云是一套低代码开发工具，可轻松接入任意数据库及 API，仅需拖拽即可搭建属于你后台管理工具。

bootstrap

数据

json

原创 2022-02-24 09:24:14 185 阅读

最好的 6 个免费天气 API 接口对比测评

天气 API包含丰富的天气数据，不仅有实时温度、湿度、风速、降水等这些基础数据，还有过去的历史天气数据和未来的天气预测数据，**顶级的天气 API 接口**还会包括天气灾害预警，空气质量指数，日出日落、潮汐及月相相关的天文气象等数据。**天气 API 也并不难获得，本教程将介绍 6 款国内外免费的天气 API，并手把手教你搭建一套属于自己的天气数据看板。**

api

天气api

原创 2021-12-31 17:30:41 488 阅读

Postman 使用教程 - 手把手教你 API 接口测试

Postman 是一套 API 接口测试工具，它的强大在于灵活趁手的接口测试功能，极大的提高了 API 测试效率。本教程将由浅入深，带领大家一起学习如何使用 Postman 进行接口测试。

postman

postman接口测试工具

postman教程

原创 2021-12-31 17:06:07 248 阅读

最好用的 5 款 React 富文本编辑器

富文本编辑器常用于网络上各种形式的内容展示，从简单的静态博客到复杂的内容管理系统。它应用于多种应用程序，如博客、文章、列表以及更强大的界面 —— 电商网站商品详情和博客上的。然而，从这么多功能各异的编辑器中挑选出一个合适的并不容易。我测评了 5 款 React 富文本编辑器，比较了他们编辑器的核心功能，希望我的测评可以帮你找到最合适你应用场景的编辑器。如果你完全不会前端，也不用担心，可以使用卡拉云，仅需简单拖拽即可生成「富文本」编辑器，卡拉云帮你快速搭建属于你自己的应用程序，详见本文文尾。

富文本编辑器

react

react富文本编辑器

原创 2021-12-17 20:57:44 609 阅读

最好用的七大顶级 API 接口测试工具

现在 API 接口已经成为软件开发重要的组成部分，由于 API 并没有 GUI 图形界面，无法直观的对接口进行测试，所以对于前后端开发来说，找到一套趁手的工具对 API 接口进行测试，了解开发的程序是否符合预期十分重要。面对批量的 API，手动测试变得非常低效，自动化 API 接口测试工具，帮我们提高测试效率的同时，更能帮我们保证程序的稳定和安全性。

接口测试

mysql

测试工具

原创 2021-12-17 19:45:16 466 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

卡拉云-低代码开发工具

欢迎

ECharts 饼状图颜色设置教程 - 4 种方式设置饼图颜色

订单管理系统(OMS)搭建实战 - 低代码拖拽定制订单管理系统

Element Plus for Vue 3 入门教程

Element Plus 和 Ant Design Vue 对比测评，哪个更好？

Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件

Echarts 折线图完全配置指南 - 手把手教你设置 Echarts 折线图详细教程

Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器

React Router 6 (React路由) 最详细教程

最好的 6 个 React Table 组件详细亲测推荐

最好的 6 款 React 后台管理系统模板和框架

手把手教你用 Vue 搭建带预览的「上传图片」管理后台

7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果（Vue loader）类型 - 卡拉云

最棒的 7 个 Laravel admin 后台管理系统推荐 - 卡拉云

如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

appsmith 怎么用？评价如何

React Draggable 实现拖拽 - 最详细中文教程 - 卡拉云

12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐

最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云

最好用的 7 个 Vue Tree select 树形组件 - 卡拉云

如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云

如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

最好用的 5 个 Vue select 单选多选下拉组件 - 卡拉云

Vue Router 手把手教你搭 Vue3 路由 - 卡拉云

如何在 Vue 中导出数据至 Excel 表格 - 卡拉云

最好的 6 个免费天气 API 接口对比测评

Postman 使用教程 - 手把手教你 API 接口测试

最好用的 5 款 React 富文本编辑器

最好用的七大顶级 API 接口测试工具