目录主要思路准备前端代码关键代码：后端代码运行结果主要思路前端vue接收Excel文件中的数据，通过js对接收的数据进行规划，把接收的数据规整到一个对象数组中，然后我们把这个数组通过接口传给后端，然后通过后端的springboot框架对接收的数据和数据库进行交互，进而实现对数据的增删改查等操作。准备要在前端vue文件中下载XLSX依赖npm install xlsx然后在vue的 main.js

目录大体介绍具体思路修改useBlockDragger.js函数修改主函数对useBlockDragger.js函数的引用预期结果大体介绍在上一篇文章中，我们实现了预览区组件的拖拽渲染的功能，在一篇文章中，我们将实现在组件拖拽的过程中形成辅助线的功能。（让组件更容易上下左右对齐的功能）。具体思路我们想要实现的辅助线，就是在一个组件靠近另一个组件的水平或竖直的顶、中、底的时候可以触发，形成一组水平或

目录为什么要搭建低代码平台？低代码平台的组成和预期结果项目初始化搭建创建data.json文件创建搭建主界面的大体样式创建一个editor.jsx用来渲染主页面在 App.vue 中引入 data.json在 App.vue 中引入 Editor组件editor.jsx接收传过来的参数我们项目实训的题目是 “开发组件库并实现低代码平台的搭建”，我们小组主要有三个人组成，我负责的部分主要是代码平台的

大体介绍在进行组件移动的同时，可能会出现组件移动出错或者是更改组件的zIndex层的问题，只靠预览区已经没有办法进行实现了，所以我们引入了编辑区，这样的话，我们就可以实现重做、撤销、导入、导出、清空、删除等一系列的功能。具体思路我起初打算是在编辑区添加一系列的按钮来实现对组件的所有控制操作，添加的功能按钮主要包括撤销：当移动或者引入组件发生错误的时候能够实现回溯的效果。重做：当撤销的操作发生错误的