项目实训 3 总体设计1

166 阅读2分钟

1.UI页面与Controller总体设计

a)需求单列表页面(嵌入了添加和申请修改、申请删除功能)(添加人员)

    初始数据:根据筛选和条件查询需求单列表(条件为空)

        i.页面有一个筛选表单:

    筛选项包含:一个需求单的若干属性

              表单包含前端验证功能

              还包含需要的页码

              初始化按钮:清空表单的所有筛选项

              提交按钮 ,上一页和下一页首页末页以及邻页:

                     调用“提交筛选”函数

         ii.页面有一个添加按钮,点击后:

        调用“弹出表单窗口”函数,传入“添加”

         iii.列表每一项包含:

        一份需求单的摘要

        在该项范围内点击:下拉显示其详情属性

        按钮:

            文本为“以此为模板添加”,调用“弹出表单窗口”函数,传入id和“添加”

            “处理状态”若为“待分配”,则包含按钮:

            “提交修改申请”,调用“弹出表单窗口”函数,传入id和“修改”

            “提交删除申请”,弹出确认后,&&5修改为申请删除,更新页面列表

            “处理状态”若为“生产中”,则包含:

                查看生产计划:链接进入生产计划的查询页,携带条件

                查看物料申请:链接进入物料申请的查询页,携带条件

“弹出表单窗口”函数:

    弹出一个窗口,包含:

    标题为参数文本和“需求单”字符串拼接

    一个表单,包含三个下拉框

    获取所有的品牌列表,填充第一个下拉框

    选中品牌之后,获取该品牌的样式,在第二个下拉框显示

    选中样式之后,获取该样式的颜色,在第三个下拉框显示

    选中颜色后方可提交

        提交:

            弹出确认弹窗,确认后

            数据保存到数据库(进行输入验证),返回成功或失败信息

            “原表单id”属性在修改时才需要赋值

            显示返回信息

            若成功则弹出提示信息,并关闭子窗口,调用“提交筛选”函数

            若失败则显示出现的问题,表单项不变

            若传入了id参数

            根据参数id查询该份需求单,然后给表单添加上查询出来的属性

“提交筛选”函数:

    根据筛选和条件查询需求单列表,更新页面列表数据