Web应用程序设计笔记3-开发第一个JSP应用程序
一、项目功能与设计思路介绍
1、项目功能:在浏览器端显示服务器端的当前日期时间。
2、实现思路如下:
- 设置Eclipse的系统参数
- 创建Web应用程序及JSP文件
- 在JSP文中编写Java代码
- 在Tomcat上部署、运行应用程序
- 在浏览器中访问应用程序
二、具体过程:
自己搭建服务器;
1、设置Eclipse的系统参数:
菜单中选择Windows,然后选最后一个preferences。
在文本框中输入jsp,选择JSP Files
选择encoding为UTF-8:
完成后关闭:
2、创建Web应用程序及JSP文件
创建Web应用程序
点击鼠标右键new一个动态web应用程序:
或者New Other
或点击菜单中File点击New Dynamic Web Project;
自己命名后next:
此处要修改命名:
此处修改为:
创建Jsp文件:
在目录中点开文件WebContent,点击鼠标右键New一个JSP File:
自定义文件名,然后finish:
完成即:
3、在JSP文中编写Java代码
修改页面标题:
使用jsp指令要导入Java类:
在body内输入服务器的当前日期时间,创建一个java的当前显示时间类,然后保存:
简单代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.Date" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>显示服务器的日期时间</title>
</head>
<body>
服务器的当前日期时间:<%= new Date() %>
</body>
</html>
到此简单的就写完了。
4、在Tomcat上部署、运行应用程序
先打开Tomcat服务器
然后在eclipse的下方sever中选择自己的服务器,点击鼠标右键,选择Add and Remove:
点击启动Tomcat容器的按钮,如图:
5、在浏览器中访问应用程序
启动成功后,打开浏览器,输入localhost/chap01/showDate.jsp后成功显示: