查看“创建第一个Java Web项目”的源代码

这个小项目作为一个JavaWeb的入门例子，从前台页面到项目发布，把整个流程走通。所谓麻雀虽小，五脏俱全。难度不是很高，正好可以作为入门使用

==项目的大致规划==
开发工具还是用eclipse，数据库采用mysql。MVC框架的话，我就不用框架了，纯粹用JSP来写，实际开发肯定不会这么做，不过，这毕竟还是有意义的。当然，你也可以把它换成框架版的。为什么用JSP？因为JSP比较简单，作为一个入门级的web项目，是可以的。

如果你是初学者，并且希望完整地看一个小项目是如何做出来的，那么，这个系列也许会适合你。

==项目搭建==
===新建项目===

*启动eclipse后，点击菜单栏中的"File"->"New"->"Dynamic Web Project"新建一个动态网站项目

[[文件:jw1-4.PNG]]

*然后弹出对话框中项目名称填入项目名称

[[文件:jw1-12.png]]

*点击‘下一步’

[[文件:jw1-13.png]]

*按照图示操作：

[[文件:jw1-14.png]]

[[文件:java2-74.png]]

将项目的编码改为 utf-8

[[文件:jw1-22.png]]

[[文件:jw1-23.png]]

===编写index.jsp===
在WebContent目录下新建一个index.jsp


代码：

 <nowiki><%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body>
    恭喜，web项目已经搭建完成。</body></html></nowiki>

这就是我们项目的首页。

===用 tomcat 发布项目===
我这边用的是tomcat7.0

点击运行按钮

[[文件:java2-75.png]]

[[文件:java3-19.PNG]]

[[文件:java3-20.PNG]]

启动完毕后，打开浏览器，在地址栏输入

 http://localhost:8080/test01/index.jsp

然后可以清楚得看到，网页上出现了这么一行字：

 恭喜，web项目已经搭建完成。



这就说明，web项目已经搭建成功了！

[[文件:java3-21.PNG]]

参考文档;

[1] http://www.cnblogs.com/skyblue-li/p/5902712.html