门户程序(系统门户网站)

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

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

01 部署一个动态页面项目

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

门户程序(系统门户网站)

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

门户程序(系统门户网站)

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

门户程序(系统门户网站)

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

门户程序(系统门户网站)

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

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

门户程序(系统门户网站)

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

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

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

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

门户程序(系统门户网站)

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

02 认识JSP页面

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

门户程序(系统门户网站)

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

门户程序(系统门户网站)

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

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

门户程序(系统门户网站)

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

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

门户程序(系统门户网站)

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

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

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

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

门户程序(系统门户网站)

我输出的页面就是这样的

门户程序(系统门户网站)

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

    
本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 cloud@ksuyun.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.daxuejiayuan.com/45327.html