第2课 初识JSP开发环境.docVIP

第2课 初识JSP 练习目的： 熟悉JSP的开发环境，掌握在Myeclipse上编写简单的HTML静态网页和JSP动态网页。 实训内容： 在3个小网页程序的练习中，体会静态网页到动态网页的变化，以及动态网页的特点。 步骤一：使用Myeclipse创建Java Web项目。 首先在开始菜单中启动MyEclipse 9.0，如图1 图1 启动后，进入MyEclipse编辑窗体，如图2，图3 图2 图3 创建一个名为“FirstJSP”的Java Web 项目，方法为选择菜单File-New-Web Project。如图4 图4 在图5中的项目信息栏中输入项目名称“Project Name”为“FirstJSP” 图5 图6中展现了Java Web项目的的结构。 图6 步骤二：编写html与JSP文件 由于FirstJSP项目下的WebRoot目录中只有一个index.jsp的JSP动态网页文件，而我们练习中还需要一个名为index.html的HTML静态网页文件，因此在项目中我们还需要创建一个名为index.html的HTML静态网页文件。方法为鼠标右键点击WebRoot目录，选择New-Other…，如图7 图7 打开文件类型对话框，如图8，选择Web栏目下的HTML(Basic Templates)标准版html文件类型 图8 随后在图9中输入一个文件名称，本练习中的html文件名称为index.html。 图9 index.html文件创建后,在编码窗体中修改html文件内容，如图10 图10 步骤三：配置并运行网站页面 Java Web项目是必须依赖于把项目加载到Web服务器才能运行的。要想将项目加载到Web服务器中，方法为在任务窗体中选择Server（服务器）栏目，在栏目中鼠标右键点击Tomcat 6.x(注：我们之前安装的Web服务器为Tomcat6.0，配置方式看之前的JSP开发环境安装.doc中)，选择Add Deployment…（添加配置项目） 图11 接着在新配置对话框中选择我们的所要运行并加载的项目——FirstJSP，如图12 图12 加载后我们可以在Server栏目中看到项目被加载到了Tomcat服务器中，如图13 图13 选择启动服务器后，一定要保证服务器在若干毫秒后服务器正确的启动，如图14 图14 现在可以打开浏览器，输入http://localhost:8080/FirstJSP/index.html，回车，看到了运行后的index.html页面效果 图15 步骤四：作业练习，将WebRoot目录中的index.jsp内容改为图16的中的JSP编码内容 图16 按照前面内容，完成代码编写后，并运行程序，并把浏览器后的结果粘贴到本练习文档下面。 项目结构栏 编码码设计窗体 效果预览窗体 工作任务窗体 网页内容所在目录 用于访问该网站的URL名 存储html，JSP以及所有与WEB有关内容的目录 存储JavaBean ，Servlet，测试类等Java程序的目录 启动服务器 服务器在5256毫秒后启动了