开源低代码平台-Microi吾码-表单控件数据源绑定配置

开源低代码平台-Microi吾码

• 技术框架：.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus
• 平台始于2014年（基于Avalon.js），2018年使用Vue重构，于2024年10月29日开源
• Vue3试用地址（仅查询）：https://microi.net
• Vue2传统界面试用地址（可操作数据）：https://demo.microi.net/
• Gitee开源地址：https://gitee.com/ITdos/microi.net
• GitCode开源地址：https://gitcode.com/microi-net/microi.net/overview

表单控件数据源目前支持4种模式

普通数据

目前普通数据暂时只支持Value一种形式
平台正在扩展Key-Value形式的普通数据源
这样就不需要一定用接口引擎、数据源引擎、Sql数据源来实现Key-Value的数据绑定了

数据源引擎

这个很简单，选择相应自定义的数据源引擎即可

Sql数据源

• 支持开启远程搜索功能
• 未开启直接在数据源中前端本地搜索
• 开启后每次搜索均从数据库查询，因此必须配置相应的 K e y w o r d Keyword Keyword变量以及limit分页
• Sql数据源支持在Sql中使用【$CurrentUser.字段名$】相关变量，如【$CurrentUser.Id$、$CurrentUser.Account$】等
• 由于sys_user表也由表单引擎驱动，因此您在表单设计中为sys_user表新增的任何字段，均能在【$CurrentUser.字段名$】中访问，如您添加了一个字段[Wife]，可以【$CurrentUser.Wife$】访问

通过其它字段来动态绑定数据源

• 比如说您在表单中先选择了下拉框控件【部门（Dept）】，然后在下拉框控件【联系人（Contact）】仅绑定选择当前部门的人员数据
• 此时只需要给【联系人】的数据源配置为空即可
• 然后在【部门】控件的【值变更事件中输入以下V8引擎代码】

//获取选中部门中的人员数据var deptId =V8.ThisValue.Id;//或者V8.Form.Dept.Idif(deptId){//如果选择了部门var contactResult =awaitV8.FormEngine.GetTableData('sys_user',{
        _SelectFields:['Id','Name','Account'],//只查询哪些字段，提高性能
        _Wherer:[{ Name :'DeptId', Value : deptId, Type :'='}]});if(contactResult.Code !=1){V8.Tips('获取部门人员失败！',false);}else{V8.FieldSet('Contact','Data', contactResult.Data);}}else{//如果清空了部门V8.FieldSet('Contact','Data',[]);}

• 当然以上只是基础示例，实际上还有更多玩法
• 比如说使用接口引擎V8.ApiEngine.Run()实现
• 比如说使用数据源引擎V8.DataSourceEngine.Run()实现
• 以上用到的相关知识点：
• V8.FormEngine的使用方法：https://microi.blog.csdn.net/article/details/143623519
• Where条件的用法：https://microi.blog.csdn.net/article/details/143582519
• V8.Field前端V8函数：https://microi.blog.csdn.net/article/details/143623205