Java Web程序设计 案例课后作业 杨丰玉.docx

案例配套课后作业

（一）作业1：页面布局

要求利用所学的HTML知识搭建以下网页界面，特别是运用Table或DIV进行页面布局。

具体技术要求如下：

总布局使用框架，左侧和上侧均为独立的页面；

点击“写短消息”链接能够跳转到“写短消息”页面，点击查看所有消息，跳转到另外的页面（可以用空白页面代替）；

填写内容的HTML元素均须放到一个Form元素中；

下拉框中的内容为“姓名1”、“姓名2”、“……”；

“重设”按钮要求能够让页面上的内容重置；

“标题”和“内容”的宽度尽量保持一致；

页面代码应该整齐规范。

（二）作业2：样式表的设计与使用

要求设计一个“查看所有人员”的管理查询功能，其界面如下图所示：

技术要求：

采用Table元素显示人员信息，其中要给出至少一条示例数据；

表头部分的文字要加粗并居中显示，表头行需要加背景，图片参见附件压缩包；

表格边框线要设置为细线，颜色用#cccccc；

表格上方的查询信息单独放在一行，居中显示；

“姓名”和“所在部门”的两个条件输入框只显示下边框；

操作列中的两个图标分别显示“查看详细”和“删除”的提示信息；

所有CSS样式定义需放在mystyle.css文件中，在页面中使用，样式的命名应简洁明了、便于理解；

（三）作业3：Javascript综合运用

在案例资源的左侧菜单中，增加“人员管理”功能模块，包含两块功能：查看人员和管理人员，系统界面如下图所示：

具体技术要求如下：

左侧的人员管理模块点击后可折叠和展开，根据当前的状态进行判断；

利用Javascript进行跳转，点击左侧的“查看人员”可在右侧的界面中进行页面跳转；

对查询条件中输入的特殊字符进行判断，不允许出现%、*、！等特殊字符，如果检测出现，则提示；

点击“查看详细”，可弹出一个新的窗口，显示该条记录的详细信息，页面可自己定制；

点击“删除”，需弹出一个提示框，询问是否确认删除，如果点击“是”，则提示“开始删除”，如果点击“否”，则无提示；

所有的JS文件要求放在单独的文件中，在HTML页中进行引用。

（四）作业4：Jsp应用编程

根据所学习的JSP知识与案例资源中的有关资料，编写“添加人员”功能，其界面要求如下：

具体技术要求如下：

添加人员页面命名为add_person.jsp，要求页面编码为utf-8，页面上元素有以下要求：

所有的输入和按钮元素均应放在form元素中；

表单元素的提交方法应设置为post方式，保存按钮的类型为submit；

所属部门的下拉框中列出三个以上部门，如财务部、办公室、工程技术部等；

添加一个新的页面add_person_do.jsp，在该页面中处理数据，主要操作包括：

通过request对象获取前一个页面上填写的数据，注意要处理中文；

验证用户是否登录，如果未登录或登录超时，则跳转回登录页面；

对“所属部门”和“姓名”两个输入框进行验证，如果为空，则跳转回add_person.jsp页面，并在*后提示“信息未填写”；

如果填写成功，则跳转至查看人员列表（list_person.jsp）页面；

（五）作业5：Jdbc数据库访问

根据所学的JDBC及数据库知识，要求在系统中添加功能“添加人员”，将页面填写的信息保存到数据库中，假设Mysql数据库(用户名：root,密码:test1234,url:127.0.0.1:3306)已存在数据表t_person，其表结构如下表所示：

序号

字段名称

中文含义

数据类型

是否主键

1

person_id

人员编号

int

是

2

person_name

姓名

varchar(50)

3

dept_name

所属部门

varchar(50)

4

description

个人简介

varchar(500)

5

work_date

入职时间

datetime(8)

要求在前一次作业中的add_person_do.jsp文件中完成下列技术要求：

建立数据库连接，有异常判断语句；

将页面上获取的数据保存到数据库中，要求使用PreparedStatement执行SQL语句和传参；

“入职时间”要求先转换为日期类，再插入到数据库中；

插入前要先判断数据库中某个部门是否已存在该姓名的员工，如果已存在，则跳转回add_person.jsp，并在页面上用红色字体显示“该员工已存在”；

获取插入语句的执行结果，如果插入出错，则跳转回add_person.jsp，并提示“出错了”，如果插入成功，则提示“保存成功”，并跳转到list_person.jsp页面；

要求页面中的代码必须整齐规范；

（六）作业6：Servlet技术应用

要求根据所学的Servlet技术和JDBC知识，完成“查看人员列表”功能，并能根据条件查询人员列表，数据库表参见上次作业，具体界