ElementProCrud 快速搭建 CRUD 的利器
npm i element-pro-crud -s
引入方式
import Vue from 'vue';
import ElementProCrud from 'element-pro-crud'
import ElementUI from 'element-ui'
import 'element-pro-crud/lib/ProCrud.css'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
Vue.use(ElementProCrud)<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- 引入ProCrud CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-pro-crud/lib/ProCrud.css" />
<!-- 引入ElementUI CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
/>
</head>
<body>
<div id="app">
<form-designer ref="form"></form-designer>
<table-designer ref="table"></table-designer>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import ElementUI -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<!-- import ElementProCrud -->
<script src="https://cdn.jsdelivr.net/npm/element-pro-crud@latest/lib/ProCrud.umd.js"></script>
<script>
new Vue({
el: "#app"
});
</script>
</html>-
ProForm根据表单设计器 json 自动渲染表单 -
ProTable二次封装 el-table -
CrudTable高级增删改查 CrudTable -
FormDesigner表单设计器 -
TableDesigner表格设计器
Copyright (c) 2020-present, BoBoooooo