11. Ant Design PC 后台 员工新增服务 快速上手教程

教程目标

掌握 后台 mysql 数据行 新增

demo预览地址 https://pre.d8dcloud.com/play/640

组件清单如下图

教程步骤

在后台节点下，添加一个 服务 组件

 创建 一个 员工数据表（关于建表的细节，请参看上一节内容），包含以下字段

用户名：文本类型

密码：文本类型

姓名：文本类型

在员工新增服务中，输入以下JS代码

//构建新增员工的数据对象
let row = {
  "用户名": '工号123456',
  "密码": '123123',
  "姓名": '张学友',
};
//使用 _F函数，传入 员工数据表的开发标识dbTable_ixxFAmdXwQ，调用数据表方法 新增单行addRow
_F('dbTable_ixxFAmdXwQ').callMethod('addRow', {
  row, //传入 新增员工 数据对象
  //新增成功回调
  success: (data) => {
    //使用 _funcCb 函数 将 新增成功的结果发送给前台
    _funcCb(data);
  },
  //新增失败回调
  fail: (err) => {
    //使用 _funcCb 函数 将 新增失败的错误原因发送给前台
    _funcCb(err);
  }
});

点击调试，自动保存，显示调试结果，可以看到数据行已经新增成功，返回的对象中的insertId值，就是新增的数据ID(_id) : 1

 点击员工数据表，可以查看刚才新增的数据行信息

保存

完成

DEMO下载地址  https://www.d8dcloud.com/#/app

多八多在线IDE介绍

多八多在线IDE是一个基于Web自带可视化IDE+编译器的开发平台，它为用户提供了一个可视化UI布局来实现前后业务逻辑的开发。多八多在线IDE使用了Node驱动的编译器和一个强大的组件化系统来支持多层组件嵌套。

UI组件库

多八多在线IDE支持Antd UI组件库和移动端的Nut UI组件库，从而可以满足不同设备和平台的需求。

在线CSS编辑器

多八多在线IDE支持组件CSS的在线编辑，让开发者能更方便快捷地实现样式的修改。

状态管理

全站的store状态管理让各组件之间的数据交互更加方便，从而让开发者能更好地控制应用程序的行为。

主题和多语言配置

多八多在线IDE支持全站主题和多语言配置，从而使得不同用户在使用平台时能更方便地切换应用程序的界面风格和语言。

免费注册

多八多在线IDE提供了免费的注册和开发平台，不限制应用数量和使用人数。此外，平台还提供免费下载前后台基础框架，让开发者可以快速上手开发。

应用导出和私有部署

应用程序的免费导出和私有部署让用户可以更好地对应用程序的使用和安全性进行控制。

微服务容器化部署和内网开发

多八多在线IDE支持微服务容器化部署，并且支持内网开发。这使得开发者能够更好地掌控整个应用程序的部署和安全性。

全场景应用支持

多八多在线IDE支持全场景应用开发，可以开发各种应用程序、小程序、APP等。移动端 H5、原生小程序、APP 可以使用同一套代码开发，从而减少重复的工作量和运营成本。

应用组件市场

多八多在线IDE还提供了应用组件市场，开发者可以在市场中寻找和选用已经实现的应用组件和代码，快速实现应用程序的开发。

多八多IDE注册使用地址 

https://www.d8dcloud.com