一、项目介绍
通过vue3+vite构建的lowcode平台，旨在实现快速构建你想要的页面。
在线预览地址：xinanzhijia.xyz/
github源码地址：github.com/ZhiJieRao/L…
二、项目分工
采用飞书团队管理工作表的形式分工：
团队成员自行协商预计完成的时间，以及每个任务预计花费的时间都做了量化。
便于及时跟进项目进度。
三、项目实现
3.1 技术选型与相关开发文档
鉴于国内前端最流行的框架是vue，并且vue现在也已经发布了第三版，vue3+vite便可以快速构建轻量级的应用，支持热重载，方便了开发与调试，页面的更新也是毫秒级的。开发文档采用官方文档，另外通过bilibili平台提供的相关资源可以方便理解。
3.2 架构设计
无论是页面还是功能，都采用了组件化的开发模式，方便管理和维护。整个页面挂载在根组件app中，左侧导航栏和右侧属性编辑栏为两个容器组件，分别实现可拖拽列表和属性的编辑功能，每个组件内部在进行细分，最后实现整个应用的开发。
3.3 项目代码介绍
管理页面的组件都存放在/src目录下
ts文件存放在types目录下：
此外还有其他配置文件一同存放在项目的根目录下。
四、Demo演示视频
观看演示视频请访问：字节跳动青训营lowcode平台大项目展示_哔哩哔哩_bilibili
五、项目总结与反思
目前的撤销功能和发布功能尚未实现，最终没有合适的解决方案，技术上也遇到了难题。
使用者可以简单的通过拖拽来布局自己的页面，并在移动端展示，但部分组件外观并不令人满意，因为集成了第三方的库函数，使用者不能够很好的自定义外观。
项目整体上使用ts开发，但在ts的运用方面，还不太熟练，并且组件的设计模块也存在诸多不足，所以通过这次青训营，认识到了一点，那就是不卷的话根本提高不了自己，还是得打基础，基础知识不牢靠，开发过程中难免出严重的问题。希望今后继续学习，提升自己能力。
