第页共NUMPAGES7页第页共NUMPAGES7页《JSP高级》结课考试A卷班级：姓名:日期:命名规范考试开始创建一个文件夹文件夹命名为：班级+名字+（A/B）如：ZIES1011张三A1.要求XXX公司有一个人事管理系统，其中一个功能模块是根据员工职位及员工姓名进行查询，以及新增一个新员工。功能和页面设计要求：使用过滤器对编码方式为UTF-8进行指定避免乱码，整个工程的编码方式也为UTF-8。列表页面输入雇员姓名查询出相应的雇员的信息，如果雇员姓名查询项为空则显示全部雇员信息。新增一个员工点击新增员工按钮，进入新增员工页面，输入员工信息之后成功保存数据至数据库中，保存成功之后返回列表页面。2.数据库设计要求：数据库表POST_TYPE的所有字段必须按（表1）内容设置。数据库表EMPLOYEE的所有字段必须按（表2）内容设置，该表中的字段职位代码POST_CODE与POST_TYPE表中的POST_CODE相对应。3.数据库的设计表1：表名POST_TYPE主键POST_CODE序号字段名称字段说明类型位数属性备注1POST_CODE职位编号int4必填，非空POST_NAME职位名称varchar100必填，非空表2：表名EMPLOYEE主键EMP_ID序号字段名称字段说明类型位数属性备注1EMP_ID雇员编号int4必填，非空POST_CODE职位代码int4必填，非空2EMP_NAME雇员姓名varchar1003EMP_SEX雇员性别int41:男2:女EMP_AGE雇员年龄int4EMP_DEPT所属部门varchar504EMP_YEAR雇员工龄int44.推荐实现步骤1.建表建表语句参考HYPERLINK\l"附录2"附录22.设计WEB页面创建项目：A、在Eclipse中建立JAVAWEB项目。制作查询页面：A、设计查询页面，风格可以参考图1。B、当查询的雇员名项为空时，点击查询显示所有记录。不为空时则显示相匹配的记录。C、要求对数据进行分页显示，分页风格可以自己定义。分页数据要求为每页显示4条记录。图1查询主界面设计制作新增雇员页面客户点击新增员工后，进入新增员工页面如图.B输入雇员信息，点击提交之后将新的雇员信息保存至数据库，页面返回至该新增员工的明细页面（图2），显示结果为新增员工的明细信息。C在jsp页面，在点击提交的时候对页面表单进行验证。验证要求如下：雇员编号不能为空，在10个字符以内含十个字符。雇员名称不能为空，在10个字符以内含十个字符。员工年龄只能为数字且不能大于200小于18。员工工龄只能为数字切不能大于70小于0。D点击保存按钮并通过了页面表单的验证，则使用ajax对雇员编号的唯一性进行验证：在数据库中查询是否已经有该编号，如果已有该编号返回并提示编号已存在的错误信息，如果没有则通过验证，对表单数据进行数据库保存操作,保存成功跳转至查询页面。图2新增主界面5代码编写过滤器对编码方式进行指定（10分）整个工程编码要求为utf-8，使用过滤器对编码方式进行指定。列表查询（45分）在同一页面根据查询职位和姓名做出正确的查询（20）JSP页面使用EL迭代明细信息（15）支持分页（10）新增雇员（40分）页面端js验证数据。（10）对页面数据提交，保存。（20）ajax对编号唯一性验证，参考附录1（10）页面美观（5分）6附录1<scripttype="text/javascript">varreq;functionajaxSample(){req=null;varurl="AjaxTest";if(window.XMLHttpRequest){req=newXMLHttpRequest();}else{req=newActiveXObject("Microsoft.XMLHTTP");}if(req){req.open("GET",url,true);req.onreadystatechange=complete;req.send(null);}}functioncomplete(){if(req.readyState==4){//4="loaded"if(req.status==200){//200="OK"alert(req.responseText);document.getElementById('divId').innerHTML=req.responseText;}else{alert("Problemretrievingdata:"+