《Java Web程序设计》实验报告一 Java Web环境配置
目 录
一、实验目的
二、实验环境
三、实验步骤和内容
1、小组成员分工（共计4人）
2、实验方案
3、实验结果与分析
四、项目任务评价
五、遇到的问题和解决方法
六、实验总结
一、实验目的
1、掌握理解B/S、C/S结构应用的概念
2、理解Web服务器Tomcat各版本的概念、下载、目录结构
3、理解IDE的概念，对Eclipse的概念、下载、应用配置
4、掌握Tomcat8.5、Eclipse的Java Web环境的配置，第一个Web应用界面的建立，测试
二、实验环境
1、硬件要求：笔记本电脑一台。
2、软件要求：Windows操作系统，使用Eclipse编译环境、Tomcat服务器以及Microsoft Edge浏览器。
3、网络要求：能访问互联网。
三、实验步骤和内容
1、小组成员分工（共计4人）
（1）组长——锦鲤
完成小组内部成员的分工以及前端界面的设计和把控，制定相关的组内合作机制，组内项目的构建遵从“四模四合三并一详”制度，即“四模”为相关项目的制作分为四个模块，每一个人负责一个模块的制作；“四合”为组内四人之间相互合作，将项目开展过程中出现的问题及时的反馈到小组群内，小组成员一起解决；“三并”为以3天为一个期限合并一次代码，检测代码之间以及网页之间是否能够正常的进行衔接和跳转，即每周周三和周六各进行一次小的代码合并工作，将过程中出现的问题发到小组群里让对应负责的同学进行修改和完善，最后在每周的周天进行一次大型的代码合并，此时所有成员必须全部到场，对运行过程中和演练过程中可以改进的地方进行记录，全部演示完毕后对自己负责的模块再进行相应的完善工作；“一详”为组内所有代码都要有相应的注释，确保组内成员都可以看懂各自负责模块的代码，方便进行后期代码的修改工作。
设计网页的整体布局结构并完成模块分工，解决项目制作过程中出现的问题并合理的指导组员完成实验报告的撰写和核查，实现视频网页中间主体以及网页底部介绍、图像渲染、视频嵌入等的前端制作。
（2）组员——孙悟空
完成Eclipse编译软件的安装以及Tomcat服务器的安装工作，并进行网页右边栏目模块的整体制作。
（3）组员——猪八戒
完成Eclipse编译软件的安装以及Tomcat服务器的安装工作，并进行网页左边栏目模块的整体制作。
（4）组员——唐僧
完成Eclipse编译软件的安装以及Tomcat服务器的安装工作，并进行网页顶部模块的整体制作。
2、实验方案
1、根据课本、PPT和老师课堂中讲解的内容，去官网下载JDK、Eclipse集成开发环境和Tomcat服务器。
2、完成环境搭建以及Eclipse集成开发环境和Tomcat服务器的安装。
3、利用Eclipse环境对程序进行调试运行，检查集成开发环境是否搭建正确成功。
4、新建Web项目，测试Tomcat服务器是否成功连接。
5、最后组内成员开展自己模块内容的代码编写工作。
3、实验结果与分析
1、点击链接网址https://www.oracle.com/java/technologies/downloads/下载JDK安装包并进行JDK安装，网址下载界面如图5-1：
图5-1 JDK安装包下载界面
2、点击链接网址https://www.eclipse.org/downloads/packages/下载Eclipse集成开发环境安装包并进行Eclipse的安装，网址下载界面如图5-2：
图5-2 Eclipse集成开发环境下载界面
3、点击链接网址http://tomcat.apache.org下载Tomcat服务器安装包并进行Tomcat的安装，网址下载界面如图5-3：
图5-3 Tomcat服务器安装包下载界面
4、相关的编译软件安装完成和环境配置好以后，打开Eclipse进行Web项目的创建，Web项目创建界面如图5-4：
图5-4 Web项目创建界面
5、点击新建Web项目后进行相关资源的配置，选择8.5的Tomcat服务器进行项目工作的开展，项目建立与资源配置界面如图5-5：
图5-5 项目建立与资源配置界面
6、项目编写完毕后右击鼠标点击Run As进行项目的运行，启动服务器顺利进行页面的部署，项目运行启动界面如图5-6：
图5-6 项目运行启动界面
7、项目启动运行后的中间主体腾讯视频界面，通过一个盒子进行封装，里面设置了输入的文本框，并对相关的字体进行了渲染和设置，中间主体腾讯视频界面如图5-7：
图5-7 中间主体腾讯视频界面
8、项目启动运行后的中间主体精彩视频界面，在其中嵌入视频以及图片，以盒子的形式将各个视频栏目进行分割，并对视频、图片、文字进行相关的渲染，在更多处添加链接使用户可以查看更多的精彩视频，中间主体精彩视频界面如图5-8：
图5-8 中间主体精彩视频界面
9、项目启动运行后的中间主体精彩动漫界面，在其中嵌入视频以及图片，并对视频、图片、文字进行相关的渲染和设置，中间主体精彩动漫界面如图5-9：
图5-9 中间主体精彩动漫界面
10、项目启动运行后的中间主体精彩详情界面，在其中嵌入图片，对点击量和观看量最多的视频或者动漫进行详细解读，显示对应的观看量、评论数、点赞数等，并添加相关的文字特效，中间主体精彩详情界面如图5-10：
图5-10 中间主体精彩详情界面
11、项目启动运行后的底部阅览界面，在其中嵌入图片以及文字，并对文字进行渲染以及添加相应的链接，底部阅览界面如图5-11：
图5-11 底部阅览界面
四、项目任务评价
1、组内成员之间的交流较少，导致对于项目的整体进度把握的不够充分，每次在合并代码时总会出现完成进度一多一少的情况，进而导致整体页面的布局过于零散，致使其他组员不能够很好的把控自己模块的布局位置，从而出现合并代码后页面嵌套或者拥挤导致换行的现象。
2、由于对知识的掌握力度不够导致经常会出现一些编译错误，特别是在使用HTML语言进行编写时会出现标签没有封闭也可以运行的情况，最后导致页面的排版出现问题，在寻找错误源头的过程中花费了一定的时间。
3、组内成员可以认真的完成自己负责的模块，并能够准时的提交自己完成的代码，使我们在进行代码合成的过程中节约了一定的时间，为我们进行页面预览和发现问题提供了充足的时间。
4、每次完成代码迭代更新后对应模块出现的问题大家都可以积极的进行解决，对于解决不了的问题也会在群里进行及时的反馈，进而组员之间相互合作、共同解决发现的问题，不但提高了对问题的解决效率，而且还加深了我们每一个人处理问题的能力。
5、每一个组员在编写代码的过程中都可以对自己的代码进行注释，每一期合成完毕后的代码组内的成员都可以看懂其他组员所编写的代码，这样组内的每一位成员都可以详细的了解我们整个项目的运行，并且在运行后可以比较快速的定位到出现错误的地方。
6、虽然在项目制作的过程中存在一定的问题，但是我们都会进行及时的调整，总的来说优点是大于缺点的，我们会继续保持好的的一方面，及时对缺点和不足进行改正和完善，让小组成员和自己的项目更加完善。
五、遇到的问题和解决方法
1、配置问题：在进行JDK环境变量的配置时始终无法成功完成配置。
解决方法：在JDK当前目录下新建文件夹并命名为runTime并将jdk的相关文件全部移动到该文件夹中即可成功完成环境变量的配置。
2、环境问题：在Eclipse集成开发环境中编写代码时字体太小不利于观察。
解决方法：点击Window->Preferences->在搜索栏中输入font->General-> Appearance->Colors and Fonts->Basic->Text Font->点击Edit进行字体的设置->点击确认即完成了字体大小的设置。
3、运行问题：编写的代码在运行过程中出现了乱码现象。
解决方法：鼠标右击->Run As->Run Configurations->Common->在Other后填写gbk然后点击Run进行运行后中文可以正常输出。
4、运行问题：代码编写完成后进行运行发现网页无法进行页面加载，显示页面请求失败。
解决方法：由于没有在Tomcat服务器上进行运行所导致，先运行服务器然后再运行代码后页面可以正常加载。
5、运行问题：启动Tomcat的过程中，有时出现端口被占用的情况。
解决方法：对服务器进行配置，将服务器运行的端口号改为别的端口即可（找到Tomcat安装目录下的文件“/conf/server.xml”->使用记事本或写字板打开文件，在文件中找到“Connector port=8080”->将“8080”改为“8888”，然后保存配置文件->重启Tomcat服务器）。
六、实验总结
1、下载JDK安装包后不要随意删除里面的文件，不然会造成相关配置文件的丢失进而无法完成JDK的正常安装。
2、在进行JDK的环境变量配置以及Eclipse集成开发环境的调试时要按照步骤一步一步来，不要轻易跳过相关步骤，不然在进行代码程序的编译运行时可能会造成错误。
3、在使用单引号和双引号的时候要特别注意，输出单个字符时可以使用单引号，如果同时输出多个字符时只能使用双引号进行输出，不然会报错。
4、C/S表示（客户机/服务器模式），把应用软件安装在客户机端，通过网络与服务器端相互通信。
5、B/S表示（浏览器/服务器模式），可以不用通知客户端安装某个软件，内容修改了也不需要通知客户端升级。
6、在Web程序结构中，浏览器端与Web服务器端采用请求/响应模式进行交互。
7、浏览器与服务器端的交互模式为用户输入-发送请求-访问数据-返回结果-返回响应-显示。
8、建立Web网站，最基本的要求就是让客户能够通过http/https协议访问网站里面的页面。
9、为了能通过http/https协议访问网页，需要将网页放在服务器中进行运行。
10、在对笔记本电脑进行配置时尽量不要使用C盘。
11、IDE集成开发环境是帮助用户进行快速开发的软件。
12、Web应用的配置文件不能删除或者随意修改。