131-Web开发技术（Java）项目（实验）指导书.doc

PAGE

《Web开发技术（Java）》课程

项目/实验指导书

PAGE12

一：JavaWeb开发和运行环境的安装

（一）基本信息

本项目是课程单元项目（五级项目）。完成JavaWeb相关开发工具的安装和配置。

1、类型：

□综合类□设计类□创新类■验证类

2、学时安排：

课上2学时。

3、教学目标：

运用掌握的知识，完成JavaWeb相关开发工具的安装和配置。

（二）组织形式

课上实施，根据教师的讲解，每名学生单独完成项目的实施。

（三）任务描述

搭建JavaWeb的开发和运行平台，开发平台选择Eclipse4.12，JDK选择JDK10，Web服务器选择Tomcat9.0，数据库服务器选择MySQL8.0。为方便数据库的管理，选择Navicat12作为MySQL的图形化管理工具。

（四）指导内容

1、相关知识：

（1）JSP程序，JavaBean以及Servlet的编译和运行都离不开JDK的支持，所以建立JavaWeb开发和运行环境首先需要安装JDK。

（2）JSP的运行离不开Web服务器的支持。Tomcat服务器是一个免费的开放源代码的Web应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP程序的首选。

（3）Eclipse是著名的跨平台的集成开发环境，它是一个开放源代码的、基于Java的可扩展开发平台。Eclipse灵活，易扩展，可以免费下载使用，是目前最为常用的JavaWeb开发环境。

（4）Web应用系统的开发离不开数据库的支持，MySQL由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。

2、过程与步骤：

第一步：下载JDK10安装文件，运行安装文件，完成JDK的安装，具体步骤详见教材附录A。

第二步：下载Tomcat9.0安装文件，这个版本的Tomcat为绿色解压版，只需要将apache-tomcat-9.0.21.zip文件解压到任意的目录下即可。

第三步：下载Eclipse4.12的安装文件，Eclipse为绿色解压版，只需要将eclipse-jee-2019-06-R-win32_x86_64.zip文件解压到任意的目录下即可。解压完毕后，运行eclipse.exe文件启动Eclipse。

第四步：作为集成开发环境的Eclipse，可以将Tomcat配置到其中以方便Web应用系统的部署，调试和访问。具体步骤详见教材附录C.

第五步：下载MySQL社区版8.0的安装文件，运行安装文件，完成MySQL的安装和配置，具体步骤详见教材附录D。

第六步：下载Navicat12的安装文件，运行安装文件，具体步骤详见教材附录E。

（五）成果提交

教师检查学生的安装情况。

（六）考核方式与标准

1、考核方法

教师检查学生的工具安装和配置运行情况。

2、考核标准

本项目占形成性考核成绩中的2分。

根据工具的安装、配置及是否可运行的情况酌情给0~2分。

二：网络点餐系统的页面原型

（一）基本信息

本项目是课程单元项目（五级项目）。使用HTML编写网络点餐系统的页面原型。

1、类型：

■综合类■设计类□创新类□验证类

2、学时安排：

课上2学时，课下6学时。

3、教学目标：

（1）识记HTML常用标签的用法；

（2）识记HTML表单的用法；

（2）分析给定问题，运用合适的标签解决问题。

（二）组织形式

课上实施，根据教师对项目的分析，每名学生单独完成项目的设计与实现。

（三）任务描述

使用HTML完成网络点餐系统的静态页面开发。

（四）指导内容

1、相关知识：

（1）h1标签定义页面标题；

（2）form标签定义页面表单；

（3）table标签定义表格，tr标签定义表行，th定义表头单元格，td定义一般单元格；

（4）inputtype=”text”……标签定义单行文本框；

（5）inputtype=”password”……标签定义密码框；

（6）inputtype=”radio”……标签定义单选按钮；

（7）inputtype=”checkbox”……标签定义复选框；

（8）inputtype=”submit”……标签定义提交按钮；

（9）inputtype=”reset”……标签定义重置按钮；

（10）select和option标签定义下拉列表；

（11）textarea标签定义多行文本框；

2、过程与步骤：

下面以网络点餐系统的首页面为例，展示页面原型的制作过程，其他页面由学生课下自行实践完成。

第一步：创建homepage.html页面；

第二步：使用hn标签展示页面Logo，使用a标签提供登录