在Myeclipse2017上面配置tomcat9.0服务器以及第一个web开发

﹏ヽ暗。殇╰゛Y 2021-09-22 10:58 263阅读 0赞

> **01 软件准备**

*  myeclipse2017配置与安装 详见[https://blog.csdn.net/qq\_33945246/article/details/79589152][https_blog.csdn.net_qq_33945246_article_details_79589152]
 *  tomcat服务器（9.0版本） 地址[https://tomcat.apache.org/download-90.cgi][https_tomcat.apache.org_download-90.cgi]

> **02 给myeclipse设定默认的jdk路径**

*  在myeclipse上面部署自己安装jdk中的jre
 *  依次选中Windows->perference->java->installed jres
 *  在选择add，选中jdk的安装目录  
    ![选中安装jdk的根目录][jdk]

> **03 在myeclipse上面集成tomcat服务器**

*  windows->perference->server->runtime environments
 *  点击add，选择tomcat的版本，选择tomcat的根目录  
    ![添加tomcat服务器][tomcat]

> **04 测试tomcat服务器是否配置成功**

*  点击启动服务器的按钮，在manage deployment按钮的右边就是选中选中服务器的按钮  
    ![按钮][70]  
    ![启动按钮][70 1]
 *  点击start，启动tomcat的服务器，若在控制台没有报错，在浏览器中输入[http://localhost:8080/][http_localhost_8080] 显示如下，则服务器配置成功  
    ![tomcat主页][tomcat 1]

> **05 发布自己第一个web应用**

*  file->new->web project
 *  命名firstweb，打开项目，打开webroot->index.jsp
 *  修改body标签中的内容 保存之后，  
    ![修改index.jsp][index.jsp]
 *  先部署到tomcat服务器上面，在打开服务器的按钮旁边，有部署按钮叫做manage deployments  
    打开之后，在下拉框中选择要部署的文件，在点旁边的add，选中部署的tomcat服务器，ok  
    ![部署项目][70 2]
 *  运行结果  
    ![网页显示][70 3]

> **06 其他修改**

*  设置jsp文件的字体  
    windows->perference->general->appearance->color and fonts  
    在选中右边框中的basic->text font
 *  改变文件的虚拟地址，即通过网络访问的时候，可以通过其他路径访问到部署的项目  
    右击项目->properties->project faces->web  
    在右边的web context root 一栏中重写路径名

[https_blog.csdn.net_qq_33945246_article_details_79589152]: https://blog.csdn.net/qq_33945246/article/details/79589152
[https_tomcat.apache.org_download-90.cgi]: https://tomcat.apache.org/download-90.cgi
[jdk]: /images/20210920/623a84b214a04b249899222d14600b88.png
[tomcat]: /images/20210920/9f39ebe64e7b40a3b2a2ac4e915173fc.png
[70]: /images/20210920/699bb0c9d65e4eec85bb5185dec00d16.png
[70 1]: /images/20210920/9cdbdcac67794dab8624dd462641b17e.png
[http_localhost_8080]: http://localhost:8080/
[tomcat 1]: /images/20210920/8626c91ac45c4c06a1e08c03c7273119.png
[index.jsp]: /images/20210920/1cf6e6ca4429412b9d3be880a0fd5732.png
[70 2]: /images/20210920/1f15973dfa634799926fcb347e786b3e.png
[70 3]: /images/20210920/c32b1856d189429ca44478ed15fdb161.png