上一节我们用“无代码”模式创建的《学生信息管理》应用已经初具模型，它实现了学生信息记录的查询、新增、修改、删除等功能，但它看起来距离实际应用还缺少点什么，本节我们继续来优化它吧。

本节优化的目标：

• 增加学生照片

• “是否在校”状态的校验控制，“已离校”的学生必须指定离校日期和原因

• 增加“奖惩记录”

• 增加“学生统计”页面，以直观呈现数据分析

相信你已经要跃跃欲试了吧！让我们开始吧！

优化学生编辑页面

我们继续设计“学生编辑”页面，按照如下视频所示完成开发工作。

设计说明：

    为student表增加“照片”字段zhaopian，并增加“学生照片”表单域，照片上传使用“图片上传”组件完成。

    一个学生可能有多条“奖惩记录”，所以需使用“子表编辑器”组件完成奖惩记录的增删改操作。子表编辑器在主子表编辑场景下（如销售单等）使用广泛，掌握好它的使用，会使你的开发能力如虎添翼呢。

    学生为“离校状态”时才允许且必须指定“离校日期、离校原因”。所以我们使用“组件数据联动”功能来实现，也就是说”离校日期“和”离校原因“的“状态”属性值（正常/只读/禁用）是动态的，它依赖于 “是否在校”组件的值，当值为“Y”时，设置组件状态值为禁用或只读，为'N'时设置组件状态值为”正常“可编辑。还要在”是否在校“组件值改变为”Y“时，用代码清空“离校日期、离校原因”组件的值。    这是我们第一次编写代码处理逻辑。你只需要掌握一些基础的JS语言知识就可以胜任哦。

学生管理页面

我们继续设计"学生管理"页面，按如下视频设计：

设计说明:

    在通用报表组件的查询设置中添加"照片"列，注意单元格类型为“自定义”，然后在照片列的“单元格容器”里拖入“图片”组件，设置属性“图片地址”绑定表达式为字段名zhaopian就可以显示出照片了。

    修改原”是否在校“单元格类型为”自定义“，拖入2个图标组件，设计好样式，并设置属性”显示“为绑定表达式，来控制”在校“和”离校“时的动态显示。

    要实现点击一个学生展开显示他的”奖惩记录“，我们需开启通用报表的”是否折叠“，在折叠内容区拖入通用报表组件，”查询设置“里设置数据来源，重点是SQL语句里参数{id:0}的理解和使用。

学生统计页面

我们新建“学生统计”页面，按如下视频设计：

设计说明：

    我们演示了使用”行列容器“组件来进行页面布局，并使用图表组件直观展示分析数据。相信你也能设计出更加炫酷的图表效果来！

结语

    经过细心优化打磨，我们的《学生管理》应用越来越完善了。

    我们还实现了“学生统计”功能，可以对学生人数进行直观的数据分析，而我们仅仅输入了两行SQL语句并设置了图表的一些属性值，就实现了它！蛮有成就感吧！