Vue3 开发拒绝 CV, 快使用 CRUD
我要评论
开发管理后台基本是开V快企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用。
crud-vue通过简单的发拒JSON配置即可实现完整的"增删改查".
注意: crud-vue是基于ant-design-vue的b2b供应网, 所以更进一步的开发中,可直接使用ant的组件
安装
yarn add crud-vue
复制代码使用
下面是一个简单的表格, 只需要配置columns和done字段.
columns就是"ant"组件库中 table 组件的配置, 用来配置列.
done是"crud-vue"定义的字段, 值是站群服务器个函数, 用来格式化接口返回数据, 函数返回{total:10,list:[{xx:1}]}这样的数据表格就会显示：
import crud,{defineR} from crud-vue;
const primaryKey = id;
const r = defineR({
columns: [
{
title: name,
dataIndex: name,
},
{
title: 操作,
key: operation,
width: 250,
},
],
async done() {
const { data } = await http(/role);
return { list: data.list, total: data.total };
},
});
复制代码API
通过配置"crud-vue"组件的"c/u/r/d"4 个字段实现"增删改查".
primaryKey(主键)
必填项, ant 中的a-table需要, 选用数据中的能"表示唯一的id"字段即可.
image
r(读取)
必填项, 主要配置"表格"和"数据", 这里的表格实际就是
相关文章
- 摘要：电脑作为我们日常生活和工作中必不可少的工具，对于很多人来说，启动时出现风扇错误可能是一个常见的问题。这种问题不仅会影响电脑的性能和使用寿命，还可能导致系统崩溃或严重损坏。本文将介绍...2025-11-05
- 以下安全管理最佳实践可以大大降低组织遭受代价高昂有时甚至是毁灭性的）网络攻击的可能性，这种攻击利用了远程工作环境中的弱点和漏洞：实施基本的安全控制措施。“确保你的安全基础已落实到位，”麦金农说。“例如2025-11-05
一文揭秘专为 RAG 打造的高性能开源图向量数据库：HelixDB
在人工智能技术尤其是大语言模型LLM）蓬勃发展的浪潮中，检索增强生成Retrieval-Augmented Generation，简称 RAG）正迅速成为提升生成式 AI 系统内容准确性、实时性与上下2025-11-05
物联网 (IoT) 将改变我们的世界。 据估计，到 2025 年，将有近 220 亿台物联网设备。将互联网连接扩展到日常物品将改变行业并节省大量成本。 但是，不支持互联网的设备如何通过无线传感器获得连2025-11-05微信文件大小限制解除所需时间（突破微信文件大小限制需要多久？）
摘要：随着微信的日益普及，人们越来越多地使用微信进行文件传输和分享。然而，微信对于发送的文件大小有一定的限制，这给用户带来了一些不便。本文将探讨解除微信文件大小限制所需的时间，并提供一些...2025-11-05
PassJava 小破站生产级事故，请放弃这个 CDN 吧！
昨天读者群里反馈我的网站passjava.cn崩了，上去一看果然崩了。原因就是我的网站引用了这个站点cdn.jsdelivr.net的静态文件，而这个站点崩了!它是一个国际的免费的 C2025-11-05
最新评论