xui考试题及要求

数据表

Id-主键	姓名	日期	任务	自述
xxxx	张三	20190318	完成第一周的作业	第一周作业完成80%

功能要求

原型：

1. 页面

1. 新建&编辑对话框

 

注意：

以上只是原型设计图，具体样式符合界面规范就可以了。

 

功能点：

1. 初始化

1. 根据jdbc.conf文件创建数据库连接池
2. 使用ORM创建表等数据库操作

1. 初始页面

1. 页面打开时，界面列表列出数据库中的数据

1. 工具栏【新建】

1. 弹出新建对话框
2. 姓名和时间是必填项，点击确定按钮时需要校验必填
3. 通过校验就添加数据到数据库， 页面弹出【添加成功对话框】，1秒后隐藏该对话框

1. 保存成功后，需要刷新列表数据

1. 工具栏【删除】

1. 弹出确认删除对话框，确定后进行删除

1. 获取列表的勾选行（checkbox勾选）， 进行批量删除 （只考虑当前页）
2. 更新数据库
3. 更新列表数据

 

1. 列表【删除】

1. 删除当前行
2. 更新数据库
3. 更新列表数据

 

1. 列表【编辑】

1. 弹出修改对话框，对话框中需要带上当前行的数据
2. 姓名和时间必填项，点击确定按钮时需要校验
3. 通过校验就更新数据到数据库， 页面弹出【修改成功对话框】，1秒后隐藏该对话框（使用公共对话框，直接调用，不需要自己创建）
4. 保存成功后，需要刷新列表数据

页面要求

1、页面要求是用freemarker编写

2、页面上主要使用到以下组件：

XUI组件

组件	文件	描述
XCoolBar	xui/ctrls/xcoolbar.js	工具栏
XCalendarCombobox	xui/ctrls/xcalendar.js	日历下拉框
XList	xui/ctrls/xlist.js	列表
XPageBar	xui/ctrls/xpagebar.js	分页条
XDialog	xui/ctrls/xdialog.js	对话框
confirmDialog	xui/util.js	确认对话框