eclipse和tomcat配置

网页+服务器学习与开发的一种方式

这么搭配的原因

我们选择的开发工具搭配是 eclipse 和 tomcat，这么搭配的原因有下：
网页前端的文件主要由HTML、CSS、JS脚本组成。服务器端编程语言有很多种，这里选取java 语言编程，java语言可以编写servlet也可以编写jsp页面。而且java也可以通过JDBC技术访问数据库，所以也是挺完善的。而下表明显的体现了java的易移植性。
Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

表格 1 动态网站开发平台技术比较

选取版本

jdk：jdk可以放心的选用最新版，没什么影响，可在以下地址进行下载http://www.oracle.com/technetwork/java/javase/downloads/index.html
eclipse：eclipse应选取j2ee的版本，我这里使用的是mars版本
https://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/mars2
tomcat：tomcat不必选最新版本，否则可能会出现eclipse不支持的情况，这里使用的是8.0版本，可在如下地址进行下载
http://apache.fayea.com/tomcat/tomcat-8/v8.0.37/bin/apache-tomcat-8.0.37.exe

安装

先安装jdk。eclipse一般是压缩包的形式，解压后可以直接使用。最后再安装tomcat，一路使用默认选项就好。
之后要做的是将tomcat添加到eclipse中。
首先，新建一个Dynamic Web Project （动态网页工程）。

图 1 新建Dynamic Web Project

然后输入工程的名称,一般是英文。

图 2 输入工程的名称

新建一个html文件，一会用来测试tomcat是否配置成功。

图 3 展开工程，新建一个HTML文件
在body中加入一个<h1>test</h1>一会能看到页面上有显示。

图 4 在body中插入一个大标题，用来测试页面是否能够显示

然后我们再设置sever即tomcat。

图 5 选中window->preferences

图 6 左侧选中Server->Runtime Environment

图 7 选中tomcat 8.0

图 8 选中next 然后路径选择到你安装tomcat的路径

图 9 此时tomcat已经链接上，点击ok

图 10 在刚才的html编辑页面，右键Run As->Run on Server

图 11 直接finish ，使用默认设置即可

图 12 你会发现左侧多了一个Server

图 13 再次Run on Server

看到上边的链接地址没，你可以复制他到其他浏览器打开。

图 14 你还可以复制链接在其他浏览器上

你还可以通过cmd来获得自己的局域网ip地址，然后其他设备在同一个局域网时，可以用ip地址替换localhost，此时其他设备也可以通过该网址访问到你的页面。

图 15 还可以将localhost替换为自己的ip地址

学习资料

首先需要了解些html的知识:
http://www.w3school.com.cn/h.asp
然后了解些javascript语法：
http://www.w3school.com.cn/js/index.asp
之后可以看看java web相关的东西，此处我用的是老师的ppt
如果想要进行webgl的学习，可以使用three.js库
https://github.com/mrdoob/three.js/