eclipse和tomcat配置

川长思鸟来 2022-09-25 14:27 155阅读 0赞

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

## 这么搭配的原因 ##

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

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

## 选取版本 ##

jdk：jdk可以放心的选用最新版，没什么影响，可在以下地址进行下载[http://www.oracle.com/technetwork/java/javase/downloads/index.html][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][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][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][1 _Dynamic Web Project]  
图 1 新建Dynamic Web Project

然后输入工程的名称,一般是英文。  
![图 2 输入工程的名称][2]  
图 2 输入工程的名称

新建一个html文件，一会用来测试tomcat是否配置成功。  
![图 3 展开工程，新建一个HTML文件][3 _HTML]  
图 3 展开工程，新建一个HTML文件  
在body中加入一个`<h1>test</h1>`一会能看到页面上有显示。  
![图 4 在body中插入一个大标题，用来测试页面是否能够显示][4 _body]  
图 4 在body中插入一个大标题，用来测试页面是否能够显示

然后我们再设置sever即tomcat。  
![图 5 选中window->preferences][5 _window-_preferences]  
图 5 选中window->preferences

![图 6 左侧选中Server->Runtime Environment][6 _Server-_Runtime Environment]  
图 6 左侧选中Server->Runtime Environment

![图 7 选中tomcat 8.0][7 _tomcat 8.0]  
图 7 选中tomcat 8.0

![图 8 选中next 然后路径选择到你安装tomcat的路径][8 _next _tomcat]  
图 8 选中next 然后路径选择到你安装tomcat的路径

![图 9 此时tomcat已经链接上，点击ok][9 _tomcat_ok]  
图 9 此时tomcat已经链接上，点击ok

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

![图 11 直接finish ，使用默认设置即可][11 _finish]  
图 11 直接finish ，使用默认设置即可

![图 12 你会发现左侧多了一个Server][12 _Server]  
图 12 你会发现左侧多了一个Server

![图 13 再次Run on Server][13 _Run on Server]  
图 13 再次Run on Server

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

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

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

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

## 学习资料 ##

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

[1]: /images/20220717/98ebaa9026fc42a5a0efd581a67cbc3e.png
[http_www.oracle.com_technetwork_java_javase_downloads_index.html]: http://www.oracle.com/technetwork/java/javase/downloads/index.html
[https_www.eclipse.org_downloads_packages_eclipse-ide-java-ee-developers_mars2]: https://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/mars2
[http_apache.fayea.com_tomcat_tomcat-8_v8.0.37_bin_apache-tomcat-8.0.37.exe]: http://apache.fayea.com/tomcat/tomcat-8/v8.0.37/bin/apache-tomcat-8.0.37.exe
[1 _Dynamic Web Project]: /images/20220717/da821194a44e449491af2495b2f45172.png
[2]: /images/20220717/2dc09cd032134ed0add7f981905793ba.png
[3 _HTML]: /images/20220717/1045bb21c1b74c4cace9767bb2e99a71.png
[4 _body]: /images/20220717/5a050e2d26eb44ea9f4b2ebf3c487441.png
[5 _window-_preferences]: /images/20220717/d8f2027a5030415e99fe4175748d4ccb.png
[6 _Server-_Runtime Environment]: /images/20220717/14d2c8d316c54013b1bfa8166c4a0e91.png
[7 _tomcat 8.0]: /images/20220717/67b4e4533c764e178132e80ed85ce0ba.png
[8 _next _tomcat]: /images/20220717/6bb73a3a789343e0abba63c54bccd596.png
[9 _tomcat_ok]: /images/20220717/dad81b2b23b34cf586fbba358a68f200.png
[10 _html_Run As-_Run on Server]: /images/20220717/e3e1757089034e9e97652551aac2e3a1.png
[11 _finish]: /images/20220717/ae81a7c726354775947ee8b4cf9ecb8c.png
[12 _Server]: /images/20220717/a72461d53c274d589b3d1516439b8809.png
[13 _Run on Server]: /images/20220717/afc869b4b4a1455daa962a7ccb6c372b.png
[14]: /images/20220717/a8f3ac32cb834e079ae4c636225f5e63.png
[15 _localhost_ip]: /images/20220717/58a0408f3208449f97aff1f0e493e9ec.png
[http_www.w3school.com.cn_h.asp]: http://www.w3school.com.cn/h.asp
[http_www.w3school.com.cn_js_index.asp]: http://www.w3school.com.cn/js/index.asp
[https_github.com_mrdoob_three.js]: https://github.com/mrdoob/three.js/