JavaWeb.doc

洛 阳 理 工 学 院 Java Web程序设计报告 专 业 计算机应用技术 班 级 Z120551 学 号 姓 名 张玉红 完成日期 2014-06-26  实 训/ 实 验 内 容 与 要 求  1．下载并安装JDK、Tomcat、MySQL和Eclipse，完成Java Web应用程序开发环境的搭建。 2．使用JSP和JavaScript技术实现一个网络聊天室，功能要求具备一个使用用户昵称登录的页面，在聊天主窗口左侧有当时在线成员列表（建议采用AJAX技术），通过鼠标可以选择说话的对象（不允许自己对自己说话），在聊天时可以设置说话时表情，输入说话的内容，单击发送按钮完成会话的发送，会话内容实时显示在聊天主窗口内，包括发言人姓名、聊天对象姓名、聊天内容和会话发起的时间，选作的功能是将会话内容保存在数据库中。 3．使用Servlet、JSP和JavaScript技术实现一个照片上传模块，功能要求能够上传照片（建议使用Servlet技术和Common File Upload库），可以选择照片的裁剪功能（建议使用JavaScript技术），当照片经过上传和裁剪后可以在线浏览。 指导教师：_______________ 年 月 日指 导 教 师 评 语  成绩： 指导教师：_______________ 年 月 日洛 阳 理 工 学 院 技 能 训 练 / 实 验 专 用 周 报 告  PAGE 15 目录 一、 程序开发环境的搭建………………………………………………2 1.1、下载并安装JDK…………………………………………………2 1.2、下载并安装Eclipse………………………………………………2 1.3、下载并安装Tomcat………………………………………………3 1.4、下载并安装MySQL…………………………………………………..4 二 、 编写目的…………………………………………………………4 三、程序分析…………………………………………………..4 3.1 实训一：ChatRoom……………??……………………….5 3.2 实训二：ZoomImage………………………………………..……5 四、模块设计………………………………………………….5 4.1 实训一：ChatRoom………………………………………………5 4.2 实训一：ChatRoom的模块设计分析……………………………...6 4.3 实训一：ChatRoom的关键技术AJAX重构技术7 4.4实训一：ChatRoom数据结构逻辑级设计……………………..7 4.5实训二：ZoomImage………………………………………..……...10 五、 实训结果…………………………………………………………...…10 5.1、实训一：ChatRoom运行结果………………………………..11 5.2实训二：ZoomImage运行结果………………………………..12 六、实训总结 ……………………………………………… …14 一、程序开发环境的搭建 1.1 下载并安装JDK 1.1.1解压jdk-7u15-windows-i586.rar，双击jdk-7u15-windows-i586.exe开始安装，,安装完成后配置环境变量，其操作结果如下图所示; 设置JAVA_HOME环境变量 设置CLASSPATH环境变量 设置Path环境变量 1.1.2 在命令提示符里输入命令“java _version”检测JDK的安装是否成功，其运行结果如下所示： 检测JDK的版本 1.2 下载并安装Eclipse 1.2.1 解压文件eclipse-jee-kepler-SR1-win32.zip，双击eclipse.exe启动Ec