没想到之前发的文章(# 为了快乐的摸鱼，专门写了个网站！)有这么多人的关注和点赞，非常感谢掘友们的支持和鼓励，还有好多小伙伴提出了中肯和宝贵的建议。于是在文章发布大约一周以后，我就在琢磨如何改善这个项目。
首先，声明一下“重复造轮子”这个问题，严格来说，我做的事并不能称之为造轮子，只是探索组装汽车的方法。毕竟小作坊水平有限，不能和专门做低代码平台的公司去相提并论，纯粹是业务爱好，瞎搞一通。
其次，给这个小工具命名为快马设计，取快速编码、快乐设计之意，侵权必改。
平台新功能
- 美化UI，优化自适应方案 外观方面，精心设计并包装了一下，比起上一个版本，这次感觉更简洁大气了。优化了顶部工具栏，将更多的功能链接放在了下拉框内，其次的话，拓宽了设计面板，将组件选择器做成了浮动形式，这样就有更大的空间来布局，也能在预览的时候，保持页面尺寸上的一致。
- 弹性布局，灵活组合 第二个比较大的改动是，将组件摆放的方式做成了栅格放置，之前做的是拖拽设计，这种方式有很大的弊端，手动拖放做不到精确的布局，并且组件的position全部采用absolute，会触发多次repaint和reflow，性能不好。所以这次采用了flex布局，并且支持24x24、24x36、36x24、36x36这几种行数和列数的组合，理论上是可以支持任意行和任意列的组合形式的，默认采用24和36这两个多项式分解比多的合数，是为了能支持更多的组件组合方案。
我把这种分割的方案称作格子模型，每个基本单元格都能任意组合成不同大小的长方形，满足了页面布局的需求，也具有一定的灵活性，主要是解决了手动调整位置不精准且繁琐的弊端。通过按住ctrl键可以开启多选模式，能同时选择多个合并过的单元格进行拆分操作，也可以选择多个基础单元格进行合并操作。按住shift则可以快速合并单元格，比如这样：
当我们采用合并单元格这种方式，将页面各个模块的盒子制作完以后，只需要点击侧边的组件，就能将组件装载到对应的盒子当中。如果对布局不满意或者想改换盒子中的组件，可以将组件删除然后拆分单元格，重新设计布局。
- 数据存放服务器，安全便捷 第三处改进的是，数据存储的方式由一代的本地存储，升级成线上存储。如果遇到网站运维问题，比如恶意攻击和不友好的内容展示，我也会再次将存储方式变成本地方式。
另外，这次版本升级，使用了ruoyi-ui，完善了echarts图表组件以及antd自带的组件，改良了很多细节，想要了解更多新功能和特性，可以花几分钟去网站体验一下。
开发计划
| 更新内容 | 日期 | 备注 |
|---|---|---|
| 升级域名访问 | 2022.05 | 五月停更 |
| 表单设计器 | 2022.06 | 支持多种表单控件，灵活搭配，开箱即用 |
| 注册功能 | 2022.07 | 微信注册/邮箱注册/手机号注册? |
| antd源码导出(vue2) | 2022.08 | 通过邮件方式或者直接zip包下载方式导出/支持批量导出 |
| antd源码导出(vue3) | 2022.10 | |
| 集成vuetifyjs | 2022.12 | |
| vuetifyjs源码导出(vue2) | 2023.03 | |
| vuetifyjs源码导出(vue3) | 2023.05 |
新版入口
旧版入口
感谢你的耐心阅读，有任何意见和建议，欢迎留言评论。