• Stars
    star
    5,107
  • Rank 8,137 (Top 0.2 %)
  • Language Vue
  • License
    MIT License
  • Created almost 4 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

一个低代码(可视化拖拽)教学项目

一个低代码平台的前端部分,靠拖拉拽生成页面。

功能点

这是本项目具有的功能点,如果想了解详情请参考本项目的四篇文档,每个功能点都有不同程度的描述以及动图帮助你理解。

  1. 编辑器
  2. 自定义组件(文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合)
  3. 接口请求(通过接口请求组件数据)
  4. 组件联动
  5. 拖拽
  6. 删除组件、调整图层层级
  7. 放大缩小
  8. 撤消、重做
  9. 组件属性设置
  10. 吸附
  11. 预览、保存代码
  12. 绑定事件
  13. 绑定动画
  14. 拖拽旋转
  15. 复制粘贴剪切
  16. 多个组件的组合和拆分
  17. 锁定组件
  18. 网格线

在线 DEMO

文档

开发

安装

npm i

运行

npm run dev

打包

npm run build

License

MIT

赞助

More Repositories

1

nand2tetris

计算机系统要素-从零开始构建现代计算机
JavaScript
2,630
star
2

introduction-to-front-end-engineering

一本小书《带你入门前端工程》
1,885
star
3

MIT6.828

实现一个操作系统内核
C
1,796
star
4

Front-end-articles

分享我的编程经验和学习心得,订阅请点 watch
JavaScript
1,523
star
5

Front-end-basic-knowledge

前端知识点、面试题
792
star
6

vue-admin-template

Vue 轻量级后台管理系统基础模板
Vue
763
star
7

vue-form-maker

Vue 表单生成器——动态生成表单组件
JavaScript
259
star
8

monitor-demo

一个前端监控 SDK 教学项目
JavaScript
186
star
9

mini-vue

模仿 Vue1.0 写的迷你版 Vue
JavaScript
177
star
10

true-question

计算机及应用(本科)自考历年真题分享
159
star
11

mini-cli

模仿 Vue CLI 写的迷你版脚手架
JavaScript
124
star
12

node-blog

用 node 搭建个人博客
JavaScript
119
star
13

mini-single-spa

一个微前端框架教学项目
TypeScript
109
star
14

2017ife-task

2017百度前端技术学院任务
JavaScript
61
star
15

tiny-rendering-engine

从零开始实现一个玩具版浏览器渲染引擎
TypeScript
60
star
16

vue-upload-imgs

vue 图片上传组件(base64 版)
JavaScript
50
star
17

copy-rollup

拷贝自 rollup 初版源码,并对其进行了部分修改
JavaScript
46
star
18

i18n-replace

前端国际化辅助工具——自动替换中文并翻译
JavaScript
44
star
19

2016ife-task

2016百度前端技术学院任务
HTML
39
star
20

vue-ssr-demo

Vue 服务端渲染 demo
JavaScript
29
star
21

front-end-specification

前端规范
27
star
22

front-end-engineering-demo

前端工程化 demo
JavaScript
23
star
23

lowcode-llm-demo

低代码与大语言模型的结合实践 demo
Python
21
star
24

Computer-Networking-Lab

计算机网络-自顶向下-第六版实验
JavaScript
19
star
25

Algorithm

《算法》第 4 版 JavaScript 实现
JavaScript
19
star
26

platform-template-generator

JavaScript
18
star
27

micro-frontend-demo

微前端 DEMO
JavaScript
17
star
28

vite-vue3-eslint-stylelint-demo

vite-vue3-eslint-stylelint-demo 代码自动格式化
JavaScript
13
star
29

leetcode

leetcode
JavaScript
11
star
30

git-hooks-demo

用于演示 git hooks 脚本的 DEMO
JavaScript
10
star
31

table-tree

一个jquery树形表格组件
HTML
10
star
32

2018ife-task

2018前端技术学院任务
HTML
10
star
33

Notes-and-Labs

计算机学习笔记及实践
10
star
34

mini-vuex

和mini-vue配套使用的状态管理模式
JavaScript
10
star
35

markdown-editor-sync-scroll-demo

markdown 编辑器双屏同步滚动
HTML
9
star
36

source-map-demo

对压缩过的代码报错信息进行还原
HTML
9
star
37

vue-mergeable-table

根据数据动态生成可合并行列的表格
Vue
8
star
38

MIT6.830

实现一个数据库
6
star
39

rollup-plugin-import-to-const

将 import 导入变量替换为 const 命名变量 的 rollup 插件
TypeScript
6
star
40

nestjs-demo

multiple nestjs demos
TypeScript
6
star
41

github-actions-aliyun-demo

github-actions-aliyun-demo
HTML
5
star
42

github-actions-demo

自动部署到 github page
Vue
5
star
43

self-learning-english

分享一下自学英语的过程
5
star
44

eslint-config-airbnb-vue3-ts

结合了 airbnb 和 prettier 风格规范的 eslint 配置,适用于 vue3、js、ts 项目
JavaScript
4
star
45

nodejs-learning-notes

nodejs 学习笔记
JavaScript
4
star
46

woai3c.github.io

HTML
3
star
47

npm-proxy-cli

可以方便的通过命令行开启/关闭 npm http/https 代理,不支持 socks5。
JavaScript
3
star
48

toggle-router-abort-request

切换路由,取消请求-demo
JavaScript
2
star
49

type-challenges-answers

answers to type-challenges
2
star
50

webpack-demo

写一个 webpack loader 和 webpack plugin
JavaScript
2
star
51

tan-cli

tan-cli
JavaScript
2
star
52

monorepo-demo

monorepo-demo
JavaScript
1
star
53

apipost-api-generator

根据 apipost 导出的接口数据生成前端接口
TypeScript
1
star