• Ntaub表单开发入门系列 (一)


    此系列文章通过虚构场景介绍Ntaub表格开发流程。示例假设某公司人力部门要制定招聘计划,要求各部门按月提交招聘需求,招聘需求需经人力总监和公司总经理审批。

    软件可以从http://www.ntaub.com/download下载。

    最终会完成的表格样式如下图。

    1. 在目录中新建名为“招聘计划”的子目录,之后新建项放在此目录中。

    2. 新建名为“招聘计划表”的表格,在新建后系统会自动打开表格编辑器,或是在目录中表格右键菜单里选编辑打开编辑器。在表格编辑器中,可看到表格默认含有一主键字段、一筛选器和一数据源。

    3. 选中数据源,在右侧属性界面中,为表格指定一数据源。再将数据表改为recruit_plan,表格数据将保存到此名称的MongoDB集合(Collection)中。

    4. 选中主键字段,将字段标题改为申请ID。

    5. 选中字段节点,使用右键菜单或工具栏的新建按键,逐个创建下列字段,此步骤暂只设置字段名称、标题和值类型,其他属性保留默认。字段可以通过右键菜单或工具栏按键删除、复制,拖动字段可调整顺序。

     
    名称 标题 值类型
    applier_id 申请人账号 文本
    applier_name 申请人 文本
    recruit_year 招聘年份 数字
    recruit_month 招聘月份 数字
    reason 申请理由 文本
    detail 明细 数组
    total_head_count 招聘人数 数字
    submit_time 提交时间 日期
    submit_status 提交状态 文本
    create_time 创建时间 日期

    6. 创建字段后可点击工具栏的保存按键保存,点击测试按键可在标签栏中打开表格测试环境,可以尝试新建、修改、删除记录。在开发过程中可随时打开测试环境查看效果,测试环境使用测试数据库,不会对最终发布版本的生产数据库造成影响。

    7. 回到表格编辑界面,将数据源的创建时间设为字段create_time,创建人ID设为字段applier_id,创建人姓名设为字段applier_name。

    系统在保存新记录时会自动对这3个字段赋值,比使用字段的计算脚本更方便。

    修改字段create_time属性,勾选含时间选项框,将格式改为yyyy-MM-dd HH:mm:ss,创建时间字段将显示时分秒信息。并将默认宽度设为150。

    另外,因只需给用户看到申请人姓名,需要隐藏申请人账号,将applier_id的生成列属性设为否。

    8. 假设要求招聘年月输入改为下拉列表模式,且限制用户只能选择未来的6个月。先把recruit_year字段控件改为列表,在列表值中添加2018、2019、2020三个年份。

    2018年的列表值条件中输入下面脚本以限制显示6个月内的年份。类似输入其他年份条件,替换脚本中黄色标示值即可。

    var now = new Date();

    var ym = now.getFullYear() * 100 + now.getMonth(); // js月份从0至11

    return ym > 201705 && ym < 201811;

    再把recruit_month字段控件设为列表,加入12个月列表值。

    一月份列表值条件中输入下面脚本以限制显示6个月内的月份。类似输入其他月份条件,替换脚本中黄色标示值即可。

    if($row().getField("recruit_year").isNull()) {

        return false;

    } else {

        var now = new Date();

        var y = now.getFullYear();

        var m = now.getMonth(); // js月份从0至11

        var tmp = m - 5;

        var lM = (tmp == 6 ? (y + 1) * 100 : y * 100 + m + 1);

        var hM = (tmp > 0 ? (y + 1) * 100 + tmp - 1 : y * 100 + m + 6);

        var am = $row().getField("recruit_year").getValue() * 100 + 0; // 1月: 0; 2月: 1; ...

        return am >= lM && am <= hM;

    }

    为了在新建记录时自动填入默认值,在recruit_year字段初始值属性中输入下面脚本。

    var now = new Date();

    var m = now.getMonth(); // js月份从0至11

    if(m == 11) {

        return now.getFullYear() + 1;

    } else {

        return now.getFullYear();

    }

    在recruit_month字段初始值属性中加入下面脚本。

    var now = new Date();

    var m = now.getMonth(); // js月份从0至11

    if(m == 11) {

        return 1;

    } else {

        return m + 2;

    }

    9. 将reason字段的控件类型改为多行文本框。因此字段输入长文本,出于性能考虑,禁止此字段的排序和筛选操作,将排序和筛选属性设为否。

    To be continue...

  • 相关阅读:
    【杂文】搞一个对拍程序
    【学习笔记】线段树详解(全)
    【杂文】5亿大质数表(5e8)
    【学习笔记】OI玄学道—代码坑点
    【题解】动态逆序对 [CQOI2011] [P3157] [BZOJ3295] [P1393]
    【题解】永无乡 [HNOI2012] [BZOJ2733] [P3224]
    【题解】晋升者计数 Promotion Counting [USACO 17 JAN] [P3605]
    【题解】古代猪文 [SDOI2010] [BZOJ1951] [P2480]
    【题解】PERIOD
    Navicat Premium 12连接ubuntu18 ,Mysql 5.7.27-0
  • 原文地址:https://www.cnblogs.com/esestt/p/9894003.html
Copyright © 2020-2023  润新知