开心心,竟然被监督打卡啦,立刻圆润地回家码字惹!

既然如此,我们就从创建一个项目开始咯~

01 部署一个动态页面项目

首先打开eclipse 编译器(ide)。

java大型web项目实战(新手实现JavaWeb项目开发)(1)

进入工作台后,点击左上角“File”—“New”—“Other”弹出菜单列表。

java大型web项目实战(新手实现JavaWeb项目开发)(2)

在菜单列表中选择Web文件夹中“Dynamic Web Project”创建一个Web动态页面项目。

java大型web项目实战(新手实现JavaWeb项目开发)(3)

点击“Next”,要注意打上Generated web.xml deployment descriptor 前的方框,自动创建web.xml。

java大型web项目实战(新手实现JavaWeb项目开发)(4)

我们就有一个名为“myWeb”的动态页面项目了。

点开“myWeb”项目列表,可以看到整体结构:

java大型web项目实战(新手实现JavaWeb项目开发)(5)

这里用一下网上下载的图,说明一下:

Java代码写在“src”文件夹里;

“WebContent”文件夹里放着我们的页面信息,包括jsp文件和css文件;

项目所需要的jar包放在“lib”文件夹里。

java大型web项目实战(新手实现JavaWeb项目开发)(6)

这就是我们的“myWeb”动态页面项目。

02 认识JSP页面

右键点击“WebContent”文件夹,“New”新建一个JSP File文件,命名为“index.jsp”。

java大型web项目实战(新手实现JavaWeb项目开发)(7)

创建完后,“index.jsp”文件的位置如下图所示:

java大型web项目实战(新手实现JavaWeb项目开发)(8)

这里的报错(红叉叉)是因为服务器没部署好。

双击点开“index.jsp”文件,我们能看到下方代码。它包含了一个JSP页面的基本构成元素,page指令、<html>、<head>、<title>、<body>等HTML标记。

java大型web项目实战(新手实现JavaWeb项目开发)(9)

初步做页面,可以更换两个<title>、<body>中间的内容,分别对应标题和主题。

修改完毕后,右键Tomcat服务器,选择“Add and Remove”,将项目“myWeb”添加进右侧“configured”中。

java大型web项目实战(新手实现JavaWeb项目开发)(10)

再选择下方控制台中“Servers”模块的服务器双击或者右键启动,已经启动服务器的可以选择“Restart”重启服务器。

然后在浏览器中输入网址 http://localhost:8080/myWeb/

就会出现你编辑的内容咯~

比如说我在<body>中加入了用符号画的猫咪,如下图所示:

java大型web项目实战(新手实现JavaWeb项目开发)(11)

我输出的页面就是这样的

java大型web项目实战(新手实现JavaWeb项目开发)(12)

今天就到这里啦,大家来试试吧~

,