宜搭一物一码模板介绍

已于 2022-07-28 17:32:28 修改
阅读量2k 收藏 4
点赞数
分类专栏： 宜搭低代码 JavaScript 文章标签： javascript 小程序
于 2022-07-28 16:55:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ddm8_cn/article/details/125974704
版权
本文详细介绍了宜搭的一物一码模板，包括使用场景、使用说明和搭建方法。模板适用于定制产品和贵重物品管理，通过一物一码实现高效出入库。内容涵盖产品信息、生产订单、生产报表、二维码管理、扫码出入库的搭建步骤，并提供了流程分析和具体操作指导。
摘要由CSDN通过智能技术生成

一物一码模板由珈源科技制作。现在讲解一下模板制作方法：

模板下载地址/路径：钉钉 --> 宜搭 --> 模板中心 --> 按功能选择二维码 --> 一物一码

2a1335cfd6444dcebe42ff1a0a3f961e.png

目录

一、使用场景

二、使用说明

产品信息

生产订单

生产报表

二维码管理

扫码出入库

三、搭建方法

流程分析

步骤

产品信息

生产订单

生产工单

生产报表

二维码打印

二维码底表

扫码入库

扫码出库

 

 

一、使用场景

此模板为了方便对定制产品及贵重物品的管理，实施一物一码管理，每个产品一个二维码，出入库使用扫码枪扫码或手机扫码完成，通过本系统，⼤量的定制产品都可以准确、及时的查看、分析现状，或对贵重物品严格管理，提⾼⼯作的效率、准确度及安全性。

二、使用说明

下面是已定制产品为例的演示说明。

1、产品信息

 模板基础信息，只设置里一个产品信息。只有名称及规格，其他信息可以自行搭建。

1018ddc96c73e356974832533c1ca96a.png

 

2、生产订单

添加生产订单，支持录入多个产品。录入开工和完工日期提交后生产工单。

ab5f09183400c85cfe460d0f1f2f5221.png

 

3、生产报表

在生产报表里查看每个工单的产品数量信息，包括工单、打签、入库、库存、出库数量。单击“打签”跳转到二维码打印页面，进行标签打印。

f9ce59db00f90679ffd5dff15b606a3d.png

4、二维码管理

图1.这个是二维码打印页面，打印二维码，粘贴在产品上，即可扫码出入库。

d0df3fa9f48a423d5aad8efbf0fd31c5.png

 

图2.展示了所有工单内产品的二维码信息

552d857deee4600c8b809eb2df8f6008.png

 

5、扫码出入库

扫码入库：可以在移动端扫描产品上的二维码，也可以在PC端通过扫码枪录入，选择“入库”时即可扫码入库，选择取消时，取消已入库的产品，对出库状态的二维码无效，扫码后二维码信息将显示在下方的提示信息里。

2d29811789d1d305e79c0698e4a6b37d.png

 

扫码出库：与扫码入库相同。

 

三、搭建方法

1、流程分析

e2fbf184de88f8de7ba16d6417fbe7f1.png

 

2、步骤

1）产品信息

字段/组件：产品编号/下拉单选，产品名称/单行文本，规格型号/单行文本

说明：产品编号：是页面加载是用JS代码生成后自动填充的

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
  console.log(`「页面 JS」：当前页面地址 ${location.href}`);
  // console.log(`「页面 JS」：当前页面 id 参数为 ${this.state.urlParams.id}`);
  // 更多 this 相关 API 请参考：https://www.yuque.com/yida/support/ocmxyv#OCEXd
  // document.title = window.loginUser.userName + ' | 宜搭';
  this.$('selectField_l46fw35f').setValue(getBH('CP', '-'))
}
function pad(num, length) {
  return (Array(length).join("0") + num).slice(-length);
}
//return：日期格式的唯一值编号 需要配合pad()一起使用
function getBH(head, str) {
  let date = new Date()
  let bh = head + str + date.getFullYear() + pad((date.getMonth() + 1), 2) + pad(date.getDate(), 2) + str + pad(date.getHours(), 2) + pad(date.getMinutes(), 2) + pad(date.getSeconds(), 2)
  return bh
}

705d2bed2740543be44c0ee580cb48a3.png

2）生产订单

主要字段：

生产单号/单行文本，开工日期/日期，完工日期/日期，工单/子表单

说明：

生产单号说明：与产品信息->产品编号一样

日期字段说明：公式自动填充

d993eb25b4e1733897760c2b3d8a2d7d.png

34544d97aea71657eb03732dc6913f88.png

工单说明：子表单类型，手动添加，生产订单与产品关联，包括：编号、产品名称、规格型号、工单数量

工单.编号说明：

        1、单击添加一项，新建一行，触发onAddClick事件，编号自动增加，

        2、单击复制，复制此行数据，触发onCopyClick 事件，编号自动更新，

        3、单击删除，删除此行数据，触发onDelClick 事件，编号自动更新。


/**
* TableField onAddClick 子表单编号添加（物品编号）
*/
export function onAddClick(newGroupId) {
  console.lg
  let tb = this.$("tableField_l46g0i13").getValue()
  let tb1 = []
  for(let i in tb){
    tb1.push(tb[i])
  }
  let count = tb1.length - 1
  tb1[count].textField_l46geitn = "" + pad(count, 3) + ""
  this.$('tableField_l46g0i13').setValue(tb1)
}

/**
* TableField onDelClick 子表单编号删除
* @param groupId 被删除的ID
* @param removedItem 被删除的项数据
*/
export function onDelClick(groupId, removedItem){
  let tb = this.$('tableField_l46g0i13').getValue()
  let tb1 = []
  for (let i in tb) {
    tb[i].textField_l46geitn = "" + pad(i, 3) + ""
    tb1.push(tb[i])
  }
  this.$('tableField_l46g0i13').setValue(tb1)
}

/**
* TableField onCopyClick  子表单编号复制
*/
export function onCopyClick(newGroupId, copiedItem){
  const tableField = this.$('tableField_l46g0i13');//子表单唯一标识
  tableField.model.items.map(items => {
    tableField.updateItemValue(items.id, {
      'textField_l46geitn': "" + pad(_.findIndex(tableField.model.items, ['id', items.id]), 3) + "" // 自增字段标识
    });
  })
}

655a21a7027747fe83c1871409405daa.png工单.产品名称、工单.规格型号说明：产品名称关联产品信息表单，规格型号数据联动。

08794b23ddef459d40792338a5539556.png

工单.工单数量说明：录入数量不能小于0

function validateRule(value) {
  if(value<=0){
    return false
  }
  return true
 }

 

92803578c371a6a1460af2c7e190c1c6.png

提交更新

提交后在生产工单表单里添加数据

e2a613008e812e127441c5d0cc5ddfd1.png

3）生产工单

由生产订单生成的数据底表

9229e32da969ec386d390b32d25a9669.png

 

4）生产报表

报表说明：展示生产工单的数据，单击打签跳转到二维码打印页面

组件说明：基础表格组件，选择生产工单数据集，新建公式字段（操作列），设置链接到二维码打印，携带参数为实例ID

 

1061f2c97f65b8384e1fce26d772ec4b.png

5）二维码打印

说明：通过单击生产报表->打签，跳转到二维码打印页面，加载当前产品二维码打印情况。

9679113b59545459ce91d27b30aaaf7d.png

1、页面初始化：判断url是否携带实例ID，为空时提示加载错误。

 let formInstId = this.state.urlParams.id
  if (formInstId == "" || formInstId === undefined){
    this.utils.toast({
      title: '加载错误', // 'success', 'warning', 'error', 'notice', 'help', 'loading'
      type: 'error',
      size: 'large',
      duration: 2000, // 毫秒, type 为 loding 时无效
    })
    return false
  }

2、将实例ID填充到单行文本

this.$('textField_l46iqnp1').setValue(formInstId)

3、根据实例ID查询生产工单的产品信息，填充到打印预览分组里。

const params = {
    formInstId: formInstId
  }
  this.dataSourceMap["getDateById"].load(params).then(res => {
    console.log("res",res)
    if(res){
      let data = res.formData
      let ewm = data.selectField_l46g8c0z + "-" + pad(data.numberField_l46hq990 + 1, 5)//已打印数加1
      this.$('selectField_l46glkgc').setValue(ewm)
      let qrcode = document.getElementById("qrcode")
      qrcode.innerHTML = makeCode(ewm).innerHTML
      this.$('text_kwmuvveh').set('content', data.selectField_l46g8c0z)//产品编码（二维码）
      this.$('text_l46gqfjq').set('content', data.selectField_l46g0i14)//产品名称
      this.$('text_kwmuvvei').set('content', data.selectField_l46g0i15)//规格型号
      this.$('numberField_l46gqfjm').setValue(data.numberField_l46hq990)//已打签数量
      let sysl = data.numberField_l46g0i16 - data.numberField_l46hq990
      this.$('numberField_l46gqfjn').setValue(sysl)
    }
  })

参照官方实例初始化二维码，与官方实例的区别，创建一个新的DIV，将二维码保存在DIV里。

let ewm = data.selectField_l46g8c0z + "-" + pad(data.numberField_l46hq990 + 1, 5)//已打印数加1
this.$('selectField_l46glkgc').setValue(ewm)
let qrcode = document.getElementById("qrcode")
qrcode.innerHTML = makeCode(ewm).innerHTML
/** makeCode(value)
 * @params value 二维码值
 * return 二维码图片<div>
 * 
 */
function makeCode(value) {
  var qrcode = document.createElement("DIV")
  qrcode.id = "qrcode"
  var code1 = new QRCode(qrcode, {
    text: value, // 二维码链接
    width: 180, // 二维码宽度
    height: 180, // 二维码高度
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H
  })
  var canvas = code1._el.querySelector("canvas");//获取生成二维码中的canvas，并将canvas转换成base64
  var base64Text = canvas.toDataURL("image/png");
  var base64 = "<img src=" + "\"" + base64Text + "\"" + "/>"

  //与官方的区别，创建一个新的DIV，将二维码保存在DIV里。
  var qd = document.createElement("DIV")
  qd.innerHTML = base64
  //返回二维码图片<div>
  return qd
}

前端补0方法：num需要补0的数字，length补0后的长度

//数字补0
function pad(num, length) {
  return (Array(length).join("0") + num).slice(-length);
}

 

完整的页面初始化代码

export function didMount() {
  console.log(`「页面 JS」：当前页面地址 ${location.href}`);
  // console.log(`「页面 JS」：当前页面 id 参数为 ${this.state.urlParams.id}`);
  // 更多 this 相关 API 请参考：https://www.yuque.com/yida/support/ocmxyv#OCEXd
  // document.title = window.loginUser.userName + ' | 宜搭';

  let formInstId = this.state.urlParams.id
  if (formInstId == "" || formInstId === undefined){
    this.utils.toast({
      title: '加载错误', // 'success', 'warning', 'error', 'notice', 'help', 'loading'
      type: 'error',
      size: 'large',
      duration: 2000, // 毫秒, type 为 loding 时无效
    })
    return false
  }
  this.$('textField_l46iqnp1').setValue(formInstId)
  const params = {
    formInstId: formInstId
  }
  this.dataSourceMap["getDateById"].load(params).then(res => {
    console.log("res",res)
    if(res){
      let data = res.formData
      let ewm = data.selectField_l46g8c0z + "-" + pad(data.numberField_l46hq990 + 1, 5)//已打印数加1
      this.$('selectField_l46glkgc').setValue(ewm)
      let qrcode = document.getElementById("qrcode")
      qrcode.innerHTML = makeCode(ewm).innerHTML
      this.$('text_kwmuvveh').set('content', data.selectField_l46g8c0z)//产品编码（二维码）
      this.$('text_l46gqfjq').set('content', data.selectField_l46g0i14)//产品名称
      this.$('text_kwmuvvei').set('content', data.selectField_l46g0i15)//规格型号
      this.$('numberField_l46gqfjm').setValue(data.numberField_l46hq990)//已打签数量
      let sysl = data.numberField_l46g0i16 - data.numberField_l46hq990
      this.$('numberField_l46gqfjn').setValue(sysl)
    }
  })
}

4、打印逻辑说明：首先判断已打印数超过物品组数，然后更新生产工单，然后保存打印的二维码（二维码底表新增数据），然后打印二维码标签


/**
* 打印 onClick
*/
export function onClick(){
  //已打印数超过物品组数，是否继续打印！
  let sysl = this.$('numberField_l46gqfjn').getValue()
  if (sysl <= 0) {
    this.utils.dialog({
      type: 'confirm',
      title: '提示',
      content: '已打印数超过物品组数，是否继续打印！', // 如需换行可传入 HTML/JSX 来实现
      onOk: () => {
        this.upDataGD()
        this.saveDataEWM()
        this.print()
      },
      onCancel: () => {},
    })
  } else {
    this.upDataGD()//更新生产工单
    this.saveDataEWM()//二维码底表新增数据，保存打印的二维码
    this.print()//打印二维码
  }
}
export function upDataGD() {
  let ydsl = this.$('numberField_l46gqfjm').getValue()
  let formInstId = this.$('textField_l46iqnp1').getValue()
  let params = {
    formInstId: formInstId,
    updateFormDataJson: JSON.stringify({ numberField_l46hq990: ydsl+1}),
  }
  this.dataSourceMap['upDate'].load(params);
}

export function saveDataEWM() {
  let ewmJson = {
    selectField_l46glkgc: this.$('selectField_l46glkgc').getValue(),
    selectField_l46glkgg: "打签",//状态
    dateField_l46glkgd: Date.now(),//日期
    textField_l46iqnp1: this.$('textField_l46iqnp1').getValue(),//工单formInstId
  }
  let ewmParams = {
    formUuid: "FORM-AKA66FB1EG51S088DG3JZCXPWJR93U8LKG64L9",
    appType: "APP_A3H6JM16PC2EMTWRZ0DK",
    formDataJson: JSON.stringify(ewmJson)
  }
  this.dataSourceMap["saveData"].load(ewmParams)
}
export function print(){
  //打印定义的网页区域
  let oldstr = window.document.body.innerHTML
  var printPart = document.getElementById('div_kwmuvvdt')
  window.document.body.innerHTML = ""
  window.document.body.appendChild(printPart)
  window.print()
  document.body.innerHTML = oldstr
  location.reload()
}

6）二维码底表

保存二维码数据的底表，包括二维码（下拉单选）、状态（下拉单选）、打签日期、入库日期、出库日期、和工单formInstId（工单实例ID）

e3532e54cc0ba9a84131ba2a8d1c3c73.png

 

7）扫码入库

支持移动端扫码入库

字段说明

操作（下拉单选），可选值为入库和取消。

扫描二维码（单行文本），PC端可手动录入或使用扫码枪录入，移动端支持手机扫码

提示信息（多行文本），扫码后的产品信息提示（二维码的状态、打签、入库或出库日期等）

6f24c60d13c4b0fb6a71390b1d9069f8.png

扫描二维码字段说明

绑定OnPressEnter()和OnScanCodeSuccess()两个动作

787e2de25e573f4a0ca451f1d79b1c14.png

1、 onPressEnter（）监控PC端扫键盘按下回车时调用，获取扫描二维码字段的值，作为查询条件，在二维码底表里面查找数据，若存在再查询生产工单。然后当操作是等于入库并且二维码状态等于打签时可完成入库；当操作等于取消并且二维码状态等于入库时可取消入库；否则提示产品当前状态。

/**
* PC端扫码成功 onPressEnter
*/
export function onPressEnter() {
  let ewm = this.$('textField_l46lfbw1').getValue()
   //查询二维码
  let params = {
    formUuid:"FORM-AKA66FB1EG51S088DG3JZCXPWJR93U8LKG64L9",
    searchFieldJson: JSON.stringify({ selectField_l46glkgc:ewm})
  }
  this.dataSourceMap['getDateByEWM'].load(params).then(res=>{
    if(res){
      let data = res.formData
      let kcgl = this.$('selectField_l46o309r').getValue()
      let zt = data.selectField_l46glkgg

      //查询生产工单
      const gdParams = {
        formInstId: data.textField_l46iqnp1
      }
      this.dataSourceMap["getDateById"].load(gdParams).then(r1 => {
        if(r1){
          if(kcgl == "入库" && zt =="打签"){
            console.log(r1)
            //更新入库数量
            this.upDataGD(r1.formInstId, r1.formData.numberField_l46g8c11 + 1, r1.formData.numberField_l46g8c12 + 1)
            this.upDataEWM(res.formInstId, Date.now(), "入库")//更新二维码
            this.$('textareaField_l46lfbw3').setValue("入库成功")

          }else if(kcgl == "取消" && zt == "入库"){
            this.upDataGD(r1.formInstId, r1.formData.numberField_l46g8c11 - 1, r1.formData.numberField_l46g8c12 - 1)
            this.upDataEWM(res.formInstId, "", "打签")//更新二维码
            this.$('textareaField_l46lfbw3').setValue("取消入库成功")
          }else{
            let info = `产品当前状态为${data.selectField_l46glkgg}
              打签日期：${this.utils.formatter('date', data.dateField_l46glkgd, 'yyyy/MM/dd') || "无"}
              入库日期：${ this.utils.formatter('date', data.dateField_l46glkge, 'yyyy/MM/dd') || "无"}
              出库日期：${ this.utils.formatter('date', data.dateField_l46glkgf, 'yyyy/MM/dd') || "无"}`
            this.$('textareaField_l46lfbw3').setValue(info)
          }
          
        }else{
          this.$('textareaField_l46lfbw3').setValue("生产工单错误")
        }
      })
    }else{
      this.$('textareaField_l46lfbw3').setValue("二维码错误")
    }
  })
}

2、移动端扫码：onScanCodeSuccess()  移动端扫码成功后直接调用this.onPressEnter()方法

/**
* 扫码成功后，可在此修改扫码结果
*/
export function onScanCodeSuccess(text) {
  this.onPressEnter()
  // 返回字符串会被填充到输入框中
  return text;
}

3、两个工具方法 更新二维码和更新生产工单

// 更新二维码
export function upDataEWM(formInstId,date,zt) {
  let params = {
    formInstId: formInstId,//实例ID
    updateFormDataJson: JSON.stringify({ 
      dateField_l46glkge: date,//日期
      selectField_l46glkgg: zt,//状态
    }),
  }
  this.dataSourceMap['upDate'].load(params);//调用数据源更新
}
//更新生产工单
export function upDataGD(formInstId, rk, kc) {
  let params = {
    formInstId: formInstId,//实例ID
    updateFormDataJson: JSON.stringify({
      numberField_l46g8c11: rk,//入库数量
      numberField_l46g8c12: kc,//库存数量
    }),
  }
  this.dataSourceMap['upDate'].load(params);//调用数据源更新
}

4、页面完成JS代码

/**
* 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。当然，你也可以咨询身边的技术顾问或者联系宜搭平台的技术支持获得服务（可能收费）。
* 我们可以用 JS 面板来开发一些定制度高功能，比如：调用阿里云接口用来做图像识别、上报用户使用数据（如加载完成打点）等等。
* 你可以点击面板上方的 「使用帮助」了解。
*/

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
  console.log(`「页面 JS」：当前页面地址 ${location.href}`);
  // console.log(`「页面 JS」：当前页面 id 参数为 ${this.state.urlParams.id}`);
  // 更多 this 相关 API 请参考：https://www.yuque.com/yida/support/ocmxyv#OCEXd
  // document.title = window.loginUser.userName + ' | 宜搭';
}

/**
* textField onPressEnter
*/
export function onPressEnter() {
  let ewm = this.$('textField_l46lfbw1').getValue()
  let params = {
    formUuid:"FORM-AKA66FB1EG51S088DG3JZCXPWJR93U8LKG64L9",
    searchFieldJson: JSON.stringify({ selectField_l46glkgc:ewm})
  }
  this.dataSourceMap['getDateByEWM'].load(params).then(res=>{
    if(res){
      let data = res.formData
      let kcgl = this.$('selectField_l46o309r').getValue()
      let zt = data.selectField_l46glkgg

      //查询生产工单
      const gdParams = {
        formInstId: data.textField_l46iqnp1
      }
      this.dataSourceMap["getDateById"].load(gdParams).then(r1 => {
        if(r1){
          if(kcgl == "入库" && zt =="打签"){
            console.log(r1)
            //更新入库数量
            this.upDataGD(r1.formInstId, r1.formData.numberField_l46g8c11 + 1, r1.formData.numberField_l46g8c12 + 1)
            this.upDataEWM(res.formInstId, Date.now(), "入库")//更新二维码
            this.$('textareaField_l46lfbw3').setValue("入库成功")

          }else if(kcgl == "取消" && zt == "入库"){
            this.upDataGD(r1.formInstId, r1.formData.numberField_l46g8c11 - 1, r1.formData.numberField_l46g8c12 - 1)
            this.upDataEWM(res.formInstId, "", "打签")//更新二维码
            this.$('textareaField_l46lfbw3').setValue("取消入库成功")
          }else{
            let info = `产品当前状态为${data.selectField_l46glkgg}
              打签日期：${this.utils.formatter('date', data.dateField_l46glkgd, 'yyyy/MM/dd') || "无"}
              入库日期：${ this.utils.formatter('date', data.dateField_l46glkge, 'yyyy/MM/dd') || "无"}
              出库日期：${ this.utils.formatter('date', data.dateField_l46glkgf, 'yyyy/MM/dd') || "无"}`
            this.$('textareaField_l46lfbw3').setValue(info)
          }
          
        }else{
          this.$('textareaField_l46lfbw3').setValue("生产工单错误")
        }
      })
    }else{
      this.$('textareaField_l46lfbw3').setValue("二维码错误")
    }
  })
}

export function upDataEWM(formInstId,date,zt) {
  let params = {
    formInstId: formInstId,
    updateFormDataJson: JSON.stringify({ 
      dateField_l46glkge: date,
      selectField_l46glkgg: zt,
    }),
  }
  this.dataSourceMap['upDate'].load(params);
}
export function upDataGD(formInstId, rk, kc) {
  let params = {
    formInstId: formInstId,
    updateFormDataJson: JSON.stringify({
      numberField_l46g8c11: rk,
      numberField_l46g8c12: kc,
    }),
  }
  this.dataSourceMap['upDate'].load(params);
}

/**
* 扫码成功后，可在此修改扫码结果
*/
export function onScanCodeSuccess(text) {
  this.onPressEnter()
  // 返回字符串会被填充到输入框中
  return text;
}

8）扫码出库

扫码出库与扫码入库类似，不在详细介绍。

 

珈源大佬
关注
专栏目录
基于宜搭的《T恤尺码收集》应用搭建
chikuai9995的博客
08-28 623
一、产品介绍 宜搭：人人搭建、人人使用。应用搭建，从未如此简单。 宜搭平台的命名取适宜搭建、容易搭建之意。平台集合了页面设计、业务规则定义、数据收集与分析三大核心能力，用户通过简单的拖拽、配置，即可完成业务应用的搭建。同时，平台还具备一次搭建双端适配、权限独立设置、定制消息提醒推送及...
《0 代码，搭应用——宜搭开发手册》.pdf
09-16
日益上涨的人力成本和时间成本给企业发展带来了严峻考验，越来越多的企业把信息化建设提升到了企业战略的高度。通过技术手段对企业管理和流程进行积极改造，让业务发展更规范、更高效成为了众多企业的共识。但是，企业在信息化过程中还是会遇到很多问题。 ● 业务无系统支持：大量使用邮件或者线下 xls 来进行收集数据及工作协调 ● 与系统流程脱节：不能全面准确反映实际工作流程，系统变更时效性差 ● 信息孤岛：各系统不关联、不兼容，系统数据切换效率低 ● 智能化程度低：无数据 or 数据质量差 ● 开发、运维成本高 为了解决以上问题，阿里巴巴企业智能事业部推出了 0 代码企业应用搭建平台——宜搭，将原本开发过
如何用宜搭来制作签到码
最新发布
ID19941234的博客
08-24 137
具体操作如下：在宜搭应用中新建普通表单，然后添加相关组件，如图所示。当我们已经有宜搭应用时，就可以制作一个签到页面，快速完成人员签到。
低代码平台-宜搭的核心概念
分享互联网的有趣知识~
04-25 3085
钉钉宜搭是云钉的低代码开发平台，提供基础的表单、流程、报表等场景搭建能力满足业务需求，还提供更加灵活的自定义页面能力，用于实现更加复杂的业务需求。钉钉宜搭自定义页面还可以借助钉钉宜搭应用的表单做数据存储，通过宜搭的 Open API 去做表单的 CRUD（增删改查），把宜搭当做数据库 + 图床使用，用于构建自己的前台展示类产品，如宜搭行业案例页面。
在宜搭工具里做一个生成随机数的功能
weixin_44542401的博客
11-03 9208
宜搭是阿里巴巴钉钉旗下的一款企业应用级开发工具（低代码开发）。话不多说上操作。 首先你要创建一个应用，宜搭里面有应用模板，当然也可以自己创建，创建应用后要创建一个页面如下 然后点击右上角的编辑进入页面编辑窗台如下图： 然后点击左侧的js面板如图： 正常的写js代码就可以了如下图： js代码我就不写出来了，写法都是一样的，主要注意的事项就是按钮绑定的方法在面板右侧高级属性里面绑定方法即可，如下图： 结语：我也是刚接触这个宜搭，有很多地方不是很懂，期待与大佬交流 ...
宜搭低代码引擎LowCodeEngine开源
布衣低代码的博客
09-24 4804
低代码引擎是一款为低代码平台开发者提供的，具备强大扩展能力的低代码研发框架。
阿里宜搭和阿里宜搭接口打通对接实战
weixin_55464238的博客
02-27 1455
特别是在面向阿里宜搭、阿里宜搭间API接口集成时，通过对API的设计、创建、测试、部署、集成、管理、运维、下线等全生命周期管理，帮助企业洞察运营状况，进一步优化流程，提高企业商业价值。基于Web图形界面，通过拖拽、连接、配置完成流程设计，数据整合和集成，高效打通业务系统，通过面向运营的统计报表，直观查看API各项指标，实现对全局和项目层级双维度的监控管理。只需要根据指引设定好对应的参数即可启动使用。设定好源平台：阿里宜搭的接口参数设置，以及设定好目标平台：阿里宜搭的映射，即可启动方案进行测试。
如何让二维码变得好看
qq_44911820的博客
08-16 4880
二维码带来的便捷生活。比如微信账号二维码，QQ二维码，微信公众号二维码，网易云二维码，扫描登录二维码等等。 但如何通过美化 让二维码更加好看呢。下面来推荐几个方法： 模板码https://www.mobanma.com/ 通过首页界面我们可以看到，我们可以编辑内容 生产文字，音视频，名片等等的二维码，感兴趣的可以去尝试一下。 具体讲二维码美化。点击二维码美化 第一步：点击上传取码（上传所需美化二维码） 进行预设。 可以看到，有三种样式可以选择，根据自己的需要选择喜欢的样式。 以我本人...
计算机论文数据建模怎么写,建模论文模板_数学建模论文范例_数学建模论文3000字...
weixin_26831583的博客
07-07 3325
数学建模论文范例：计算机技术在数学建模中的应用优势分析[摘要]經济数学建模运用数学语言和方法，通过抽象、简化方式对实际的经济问题进行数学刻画并提供强有力的解决方法，对于促进经济学发展，提高现实生产效率，开展科学化、定量化经济决策具有重要的作用。然而，在经济数学建模过程中，海量数据的处理、各类数学模型算法以及数据结果的展示都依赖于高性能计算机技术，高性能计算机硬件平台和软件在数学建模过程中发挥着重要...
开源 | 携程 Foxpage 前端低代码框架
热门推荐
携程技术
02-24 1万+
作者简介Jason Wang，携程研发经理，目前主要负责低代码类产品的设计和研发，关注低代码行业的发展及相关解决方案在企业内部的落地。一、背景随着低代码开发方式被越来越多的人接受和认可，...
微信十周年了，一文速览六大生态产品成绩单
ITValue的专栏
01-20 1569
关注ITValue，看企业级最新鲜、最价值报道！ “以前我们的口号是微信是一种生活方式，没想到十年后，微信真的变成了某种意义上的生活方式。”正值微信十周年，在2021年微信公开课的“微...
施工组织设计
落叶小灌木.BLOG
08-10 1万+
第一章  编制说明1.1前 言XXXX遵循公开、公平、公正的原则，在确保质量、合理造价的前提下,择优选择XXXX工程的施工队伍。在收到招标文件及施工图后，我公司立即组织有关技术力量，对招标文件和施工图进行细致探讨、研究，并根据招标文件的规定，着手编制本工程的技术标书及施工预算报价单，以报给建设单位XXXX以及代理单位上海XXXXXX公司审阅。我们将十分珍惜这一宝贵机会，进一步发扬企业精神，实施一流
宜搭低代码开发师（高级）「 创建待办列表应用」代码参考（全）
bug_love的博客
05-22 3003
「 创建待办列表应用」代码参考，希望可以帮助到你。
自定义页面打印(宜搭)生成PDF
2301_80286061的博客
01-23 492
vue弹框生成二维码显示多个二维码问题解决
牛先森家的博客
04-19 2175
Vue生成二维码1、npm安装2、项目中导入使用3、生成多个二维码问题 1、npm安装 npm install --save qrcodejs2 2、项目中导入使用 import QRCode from 'qrcodejs2' // 导入项目中使用 <div class="dialog"> <el-dialog title="" :visible.sync="dialogImageVisible"> <div class="code-text"
宜搭进销存项目的搭建认识
XMYBOBO的博客
08-22 275
表单系统存在于企业系统的各方各面，每一条业务线都离不开表单系统，最基本的表单系统无非数据录入与展示，宜搭把基本表单组件都一一呈现在组件库，企业可以选择组件类型，比如单行文本、日期等，来设计自己需要的系统。除了提供丰富的组件类型，针对组件的属性也提供了很大的配置自由度，这个和部分低代码平台相比显得人性化很多，也就是样式可以自己调整修改，组件交互也可以自己写，页面逻辑都支持自己调整，并不会一味地进行平台内封装。快速搭建：宜搭低代码平台提供了丰富的组件库和模板，可以快速搭建进销存系统的各个模块，减少了开发周期。
宜搭问题总结
qq_44729578的博客
07-08 1万+
钉钉宜搭学习
如何让pbootcms模板自动生成当前页面二维码-教程
m0_55416028的博客
02-23 351
用于生成对应文本的二维码图片，可用于产品列表页或详情页为每个产品生成二维码 ：{pboot:qrcode string={pboot:httpurl}{content:link}}或{pboot:qrcode string={pboot:pageurl}
简数采集器数据发布到PbootCMS
ccchen888的博客
07-14 833
简数采集器发布数据到PbootCMS 1. 安装PbootCMS发布插件（在PbootCMS后台上传安装） 2. 创建发送目标（在简数系统控制台） 3. 简数采集数据发布到PbootCMS
PUT /v1.0/yida/forms/instances HTTP/1.1 Host:api.dingtalk.com x-acs-dingtalk-access-token:String Content-Type:application/json { "appType" : "String", "systemToken" : "String", "userId" : "String", "language" : "String", "formInstanceId" : "String", "useLatestVersion" : Boolean, "updateFormDataJson" : "String" }
06-02
这段代码是一个 HTTP 请求，请求的是钉钉开放平台的 API 接口，用于提交表单数据。具体解释如下： - 请求方法为 PUT，请求的地址是 /v1.0/yida/forms/instances，使用的是 HTTP/1.1 协议。 - 请求头包含了三个参数：Host，x-acs-dingtalk-access-token 和 Content-Type，分别表示请求的主机名、接口访问令牌和请求体的数据类型。 - 请求体是一个 JSON 格式的数据，包含了以下字段： - appType：字符串类型，表示应用类型。 - systemToken：字符串类型，表示系统令牌。 - userId：字符串类型，表示用户 ID。 - language：字符串类型，表示语言。 - formInstanceId：字符串类型，表示表单实例的 ID。 - useLatestVersion：布尔类型，表示是否使用最新版本。 - updateFormDataJson：字符串类型，表示更新的表单数据。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

珈源大佬

一起学习低代码吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值