写在前面

感谢队长magiconline主持设计开发。 该项目为第四届字节跳动青训营低代码类别团队项目，获得该类别第一名。项目实现登录注册、仓库管理、设计、预览与发布等基本功能。 作为队员同时上传项目到github分享。

项目介绍

基于React实现的低代码平台，拥有设计、预览、发布等功能。
项目部署在fly.io平台，项目地址：https://lowcode.fly.dev/
迭代的版本还未正式部署，只先更新github，因此上述地址是仍然结营后的版本。

技术选型

React, Next.js, MongoDB, antd

项目配置

安装依赖

npm install

配置数据库

使用你的MongoDB字符串替换/src/utils/database.ts里的url参数

编辑画布界面地址

• http://localhost:3000/admin.html

运行

npm run dev
打开 http://localhost:3000

接口文档详见

• https://www.apifox.cn/apidoc/shared-4c8f624c-b8dc-42f9-9702-49878430f922/api-33019479

待完善

• Header.js处的index 216行，应该是点击enter后尺寸修改，而不是onchange就立刻响应
• 自定义布局组件不能向其中嵌套组件，因为无法分清原有的div和自定义组件的外层div，因此给id为dropId自定义组件的push
• 思路：自定义组件外层div的Dropid正常，但需要push到自定义的子组件，将子组件的id变为dropId的负数。将要push的item push到Id为-Dropid的组件中。

本地开发

• 本地开发时，将所有https://lowcode.fly.dev替换成'/'即可
• 编辑区的url为：https://lowcode.fly.dev