javaweb实例之使⽤l及index.jsp构造⾸页
如有侵权请联系删除
/(ㄒoㄒ)/~~由于是个博客新⼿，这篇博客之前写的没有保存，现在都没了。好想哭~~~~~
现在只好从新开头这个故事告诉我们：写完了要保存！！写完了要保存！！写完了要保存！！（重要的事要说三遍）
最近在导师的指导下看了⼀点java web前端的内容。就想着为我可怜的博客数量贡献⼀下，因此有了这篇博客(*^__^*) 嘻嘻……
这篇博客主要是理⼀下各个⽂件应该存放的位置，即存放在哪⾥才能正常运⾏，否则不运⾏。
完成内容：创建⼀个⽹页⾸页，点击⾸页中的相关链接进⾏跳转。
1.创建java web项⽬
使⽤eclipse创建⼀个java web项⽬，不知道怎么创建的童鞋请⾃⾏百度。不在此多说。此web项⽬中，有两个重要的⽂件夹：⼀个是src⽂件夹，⽤于存放java的.calss⽂件，另⼀个是WebContent⽂件，⽤于存放各种jsp等⽂件。我的web项⽬的名称为FirstWebFontEnd。
1.1创建index.jsp⽂件
在创建了web项⽬后，在WebContent⽬录下创建index.jsp⽂件（同上，不知道怎么创建jsp⽂件的请⾃⾏百度）。在创建的⽂件中将“ISO-8859-1“改为“utf-8”，⼀共有三处。创建好了index.jsp⽂件后，我的web项⽬的⽬录结构如下图：
index.jsp中我根据做了⼀个相似的⾸页。⽹页展⽰如下图：
index.jsp的代码如下：具体的代码不在解释，我是根据上⾯的链接做的。不懂请参照链接。
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>⾸页</title>
<style>
*{
padding:0;
margin:0;大旱
font-family:"微软雅⿊";
}名人格言大全
.header{
height:72px;
background:#458fce ;
}
.header .logo{
color:#fff ;
line-height:70px;
font-size:30px;
margin-left:20px;
display:inline-block;
text-align:center;
}
a {
color: #fff ;
text-decoration: none ;
}
.header .login{
float:right;
color:#fff ;
line-height:72px;
小五 金恩圣margin-right:2px;
trevor行云display:inline-block;
}
.banner{
height:380px;
徐子珊图片overflow:hidden;
background: #ddd;
}
社保卡怎么用</style>
</head>
<body>
<div class="header">
<div class="logo">web实践</div>
<div class ="login">
<a href ="javascript:void(0)">登录</a>
<span>|</span>
<a href ="javascript:void(0)">故事</a>
</div>
</div>
</body>
</html>
web项⽬是通过l配置来识别index.jsp⽂件的。l的配置如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="/2001/XMLSchema-instance" xmlns="java.sun/xm
l/ns/javaee" xsi:schemaLocation="java.sun/xml/ns/javaee java.sun/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID <display-name>FirstWebFontEnd</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>
上述xml⽂件的意思是系统从上往下挨个检查上述index.html->index.htm->....⽂件，到了就执⾏相应的⽂件，没到就继续往下，直到到为⽌。
另外：是web项⽬的⾸页。显⽰的就是WebContent⽬录下index.jsp⽂件中的内容（xml从index.html开始查⽂件，直到index.jsp才到相应的⽂件，从⽽执⾏相应的内容，并
且不再往下查。）如果WebContent⽬录下没有<welcome-file>中包含的所有⽂件，则会报404的错误。
下图是移除index.jsp⽂件后的执⾏效果：
每⼀个web项⽬在访问项⽬名的url时，如果在WebContent下没有到相应的⽂件，则会出现404的错误，如果到了，则执⾏相应的⽂件。
发布评论