正式开工
基础控件都做完了，那么可以干正事了，实现个增删改查看看。
常规方式需要做个后端API来配合，但是我又想做在线演示，这个后端API成本有点高，所以想到了一个省钱的方法，用webSQL模拟后端的关系型数据库，那么为啥不用indexedDB呢？因为查询控件提供的查询条件，需要变成SQL语句的形式，虽然有些第三方库也提供了类似SQL的方式，但是indexedDB的原理毕竟不是关系型数据库的方式，所以还是差着一层，还是webSQL更贴近一些。
设计一个简单的表
客户信息表
客户信息表
制作控件需要的属性
本来想做个维护小工具的，但是差了一点没弄完，那么就先用excel凑合一下。
- 数据列表需要的 meta。
可以用excel的公式生成需要的json：
=""""&A5&B5&""":{""id"":"&A5&B5&",""colName"":"""&C5&""",""label"": """&D5&""",""title"": """&D5&""",""width"": 60,""header-align"": ""center""},"
列表需要的meta
-
看看效果：
数据列表
- 表单的 model
=C4&": '',"
image.png
- 表单的meta
=""""&A4&B4&""":{""controlId"":"&A4&B4&",""controlType"": 101,""colName"":"""&C4&""",""label"": """&D4&""",""title"": """&D4&""",""placeholder"": """&D4&"""},"
image.png
- 看看效果：
表单效果
当然这只是一个毛坯房，后续还需要精装修。
- 查询的效果：
快捷查询
更多查询
只设置了两个，还可以设置更多的查询条件。
最后把数据连通上就可以了。
