1. 首页
  2. 全部文档
  3. 开发案例手册
  4. 申请审批管理系统(9节)

申请审批管理系统(9节)

开发说明:

  • 我们通过开发一个审批管理系统来为开发平台的使用做一个完整的无代码开发示例
  • 开发过程会以视频形式发布供大家学习参考,请参考腾讯课堂教学视频
  • 步骤开发,从界面设计开始,先开发电脑端,后进行手机应用部分的开发;包含多平台开发,前端用户界面开发和后端服务器逻辑开发
  • 项目假设某公司想开发一套在线办公用品申请管理软件,员工可以在浏览器网页端进行物品申请,如购买电脑、设备、笔等,主管人员可以进行审批批准或不批准处理,采购人员可以将已批准的申请转为采购单记录给供应商
  • 我们的开发平台本身在菜单栏帮助下“帮助内容”中附了一个同样的项目开发教程,但是那个是2010年做的,且基于传统模板的开发指导,与当前最主流的新移动应用模板有很多不同,我们在此项目中也会加入一些帮助文档中没有的内容,包括UI界面设计等。此项目中使用的开发平台我们汉化菜单部分,开发平台菜单汉化请参考之前发布的文章及指导视频

开发内容目录:

  • 第一部分:电脑端用户界面框架及显示内容设计
    • 用新移动应用模板新建一个项目
    • 电脑端中设计用户界面
      • 设计分页页面
      • 本地运行查看结果
      • 添加子元件方式添加更多分页页面
      • 重命名元件
      • 员工申请页界面内容
        • 申请页内设计
        • 申请提交“表单”设计
      • 主管审批页界面设计
      • 采购管理页中界面设计
        • 上传供应商信息表格数据设计
        • 订单信息窗口设计
        • 刷新显示转为订单按钮等新设计
      • 申请信息简单表格中子元件设置
        • 简单表格显示信息列及列名称设计
        • 保存过程中自动验证开发逻辑
      • 订单信息表复杂表格中显示元件的添加及命名
        • 表格中信息列及列名称设计
      • 表格属快,显示样式调整
        • 为元件添加属性
        • 添加属性值
  • 第二部分、手机(包括PDA等)移动端用户界面设计(含部分美工)
    • 首页显示块开发
      • 新建项目时默认生成的移动端显示块
      • 默认移动页调整
      • 添加九宫格式显示块元件
      • 添加文本显示元件并设置CSS大小参数
      • 为文本显示对象传递显示值
      • 小屏的浏览器中显示如下:
    • 二级页面设计
      • 行为框中添加子页面
      • 申请页设计
      • 审批页内容设计
      • 查看页面设计
  • 第三部分:电脑端申请单提交功能设计
    • 数据库表设计
      • 库表字段属性设定
      • 用数据库工具连接数据库
    • 电脑端提交申请,数据库添加、查询、删除申请记录
      • 输入框输入值传值给数据结构(数据库表等)
      • 服务器端数据库表记录存入数据库行为
      • 提交按钮后的刷新行为与关闭提交窗口行为设计
    • 员工申请页面添加已有申请记录查询显示功能:
      • 数据库表查询及记录传出
    • 记录转为表格显示
      • 数据库表记录转为前端表格显示信息
      • 显示信息传值至显示表格中的每行显示元件
    • 现在进行取消申请处理
      • 服务器端数据库表记录删除
  • 第四部分:审批功能设计
    • 审批页面中待审批记录显示
      • 新申请记录的查询及导出
      • 新申请的记录转化为显示信息并传值给表格显示
    • 批准申请项目的无代码开发
      • 申请记录服务器端更新为批准
      • 批准更新完成后刷新审批页面
    • 不批准申请项目的无代码开发
      • 申请记录服务器端更新为不批准
  • 第五部分:采购管理下供应商信息维护
    • 供应商数据库表设计
      • 供应商数据库表设计
      • 文件上传至服务器处理
      • 上传Excel文件进行记录保存
      • Excel每行数据的可视化对象结构设计
      • 将Excel数据转为库表记录并保存入数据库
      • 服务器端Excel记录上传完成后的关闭和刷新处理
    • 供应商页面供应商信息刷新显示
      • 服务器端查询供应商信息并传出记录
      • 供应商记录转为显示数据结构
      • 显示的数据传入供应商表格显示在前端
    • 测试上传记录及上传更新记录
      • 设计已有主键值的记录则更新旧记录
  • 第六部分:采购管理下采购单生成
    • 采购单数据库设计
    • 已批准未转订单的申请信息和已生成的订单信息的查询显示
      • 服务器端两个库表数据查询
      • 记录转化并传至显示对象
      • 申请单库表记录转为显示记录时数据传值设计
      • 采购单库表记录转为显示记录时数据传值设计
    • 申请信息转化计算保存为采购单数据库表信息并刷新显示页面信息
      • 供应商值传至选项中
      • 查询并传出供应商名称
      • 保存采购单自动运算总额及添加日期
      • 申请单更新为“已购买”状态
      • 关闭当前窗口
      • 刷新采购单管理界面行为设计
      • 采购单转化按钮全部功能设计
  • 第七部分:手机端申请功能开发
      • 查询申请记录后转为显示信息传至表格显示对象
      • 数据库记录转为显示的每行数据
      • 提交按钮内的设计
      • 设计显示内容刷新及当前弹窗关闭功能
  • 第八部分:手机端审批功能开发
    • 待审批记录查询转化并传值显示
    • 显示记录值转为数据库记录并更新记录的设计
    • 刷新显示设计
    • 设计可复用的更新功能模块
      • 复用更新功能模块来设计不批准功能
  • 第九部分:手机端查看页功能开发
    • 已批准申请记录查询转化显示