dsyuan001-CSDN博客

原创 AK-Design 可视化低代码快速开发平台拖拽式表单设计器拖拽式可视化大屏数据设计器简单审批流程设计器

AK-Design 是一个纯前端的`拖拽式`、`可视化`、`低代码`数据可视化设计器开发平台，主包括拖拽式表单设计、列表页设计、流程设计、拖拽式数据可视化大屏设计、数据统计设计。

2024-04-25 12:34:26 358

原创 ak-gantt-charts甘特任务负荷进度管理图

一款纯js开发的功能强大的项目管理工具，它能够帮助团队更好地管理和跟踪任务的进度，提高团队协作效率。该组件提供了一个直观的甘特图，展示任务的时间线和进度，并支持多人协作编辑，实时同步任务状态，可自动统计组内成员在一定周期范围内同时进行的事项数，并在日历中展示事项安排，帮助部门负责人统一查看对比成员的工作量和工作安排。通过直观展示成员工作饱和度，管理者能清晰认识到成员的工作负载与工作效率，及时进行调整与推进。

2024-01-22 09:39:08 401

原创 Vuex/Pinia实现数据持久化存储另一种解决方案：vuex页面刷新数据丢失问题

vuex/pinia实现数据持久存储的另一种解决方案，使用浏览器beforeunload事件，在浏览器刷新或关闭时将数据存储在本地。

2023-11-08 10:37:13 555 1

原创基于Echarts+Vue3的低代码可视化数据大屏拖拽设计器 vue拖拽设计大屏

本产品是一款基于Vue3开发的可视化数据大屏拖拽设计器。提供一种简单易用的拖拽式数据可视化大屏设计方案，可帮助用户快速创建和定制自己的数据大屏，通过拖拽组件、调整布局和设置属性，实现数据展示的自由组合和个性化定制。

2023-10-30 10:04:54 2156 2

原创一款基于vue3的简单审批流程开发的表单+流程设计器

这款基于Vue3开发的简单审批流程表单+流程设计器，旨在为用户提供一种高效、灵活且易用的审批流程构建解决方案。

2023-10-19 13:34:20 1947 1

原创拖拽表单设计器－大文件分片断点上传、拖拽选择文件、切片上传、断点续传、上传并发数控制

分块上传就是前端将大文件拆成一个个小的文件，发送给后端。后端接收完所有分片小文件后将后片小文件合并成新的文件。实现秒传就是在上传之前，先调取后端接口，根据md5值判断文件是否已存在。限定每次请求只能进行固定次数的异步任务，每请求成功一个则新增一个，确保并发的数量固定。拖拽上传是利用HTML5特性dragover实现拖拽上传，有很多现成的例子。前端:vue3+element-plus+axios。后端:node+express+multer/php。

2023-10-18 15:10:56 89 1

原创如何更加完善的封装axios请求：防抖拦截、无感刷新token、各环境baseUrl配置等

先看下常见的封装请求及使用方法：})// 这里是添加token、判断登录权限等等一些处理逻辑},error => {res => {// 这里是一些处理逻辑},error => {// 用户登录method: 'POST', // post请求data})// 获取列表信息id='+id,method: 'GET'　//　get请求})// 文件下载类})3.页面引入使用//页面中的请求方法。

2023-09-04 13:24:58 563 1

原创 vue/react使用vite插件将png图片转换为svg格式

在前端开发中，为适应各种需求，很多情况下都需要将icon图标进行转换以满足需求。将png转为iconfont是一种比较好的方法。本文介绍一款自动直接将png图片转为svg格式的vite插件，可在vue和react框架中使用。

2023-08-07 11:19:20 740 1

原创 Vite Markdown生成文档和演示案例插件

实现基于`Vite`插件机制实现对`markdown`文件内容进行转换。核心通过`marked`结合`hightlight.js`实现代码高亮和美化。并且可让文档中带有如`preview`指定标识的`markdown`代码块替换为组件，体验预览效果。支持`Vue`和`React`框架

2023-07-20 15:05:54 431

原创基于Vue3+Element-Plus的拖拽式表单设计器

在项目开发中，总少不了各类表单的设计，常规开发中总是复制粘贴，包括各种校验规则，提交表单获取列表等操作。一个好的表单设计器可以很好的解决这些问题。

2023-07-07 15:22:54 2935 1

原创 Vite+Vue3 React Seo预渲染插件

只需要puppeteer示例下加上遍历所需路由地址，然后fs保存为html即可完成一个简单的预渲染，适合所有框架，非vite框架也需稍微改动下即可。如果你还在翻遍百度查找关于vite+vue3和react的预渲染，看这篇就够了。写一个完全符合自己需求的预渲染插件。预渲染原理基本上都是启动无头浏览器，加载页面路由并将结果保存为静态HTML文件，存在很多优点。1.在项目安装无头浏览器，npm add puppeteer --dev。

2023-07-07 11:52:43 837 1

dsyuan001的博客