(图形+文字超详细解读)Eclipse配置tomcat服务器&创建Web项目&解决jsp文件乱码问题

        ※Eclipse配置tomcat服务器

               1.打开eclipse,依次点击Window->Preferences->Server->Runtime Environment->Add
在这里插入图片描述

               2.点击Add后打开New Server Runtime Enviroment对话框,选择Apache路径下的Apache Tomcat版本,我下载的是8.5版的,之后点击Next
在这里插入图片描述

               3.单击Next后,出现Tomcat Server对话框,服务器名称和JRE版本默认就好了,不用改,只需点击Browse按钮把你自己Tomcat的安装路径选上去就行了,但是要注意的,如果你的Tomcat安装路径即解压路径有中文,建议换个没有中文的路径解压,否则后期可能出现乱码问题。完成后点击Finish按钮,在点击OK
在这里插入图片描述
在这里插入图片描述

               4.接着在eclipse右上角选择JavaEE模块,如果没有的话就点击下图红框旁边的小方块,如果在里面也没找到,那可能就是你下载eclipse不对,要重新去下载
在这里插入图片描述

               5.在Eclipse最下面找到Servers视图,没有的话可以通过Window->Show View->Servers打开,然后点击create a new server…
在这里插入图片描述

               6.点击后,会弹出Define a New Server的对话框,然后选择自己下载的Tomcat版本,可以设置服务器的ip地址和服务器名称,也可以直接默认就行了,然后点击Next。
在这里插入图片描述

               7.如果有写好的web项目就可以在左边选中,点击Add按钮,如果没有先点Finish完成,后面创建好项目了再来部署项目。
在这里插入图片描述

               8.点击Finish按钮,或者前一步手快没有点Next直接点Finish后,就可以在项目栏中看到有一个Servers项目,下面那个是我自己建的JavaSE项目,不用管。而且可以看到下面的Servers视图中也有刚刚第6步配置的tomcat的名字,下面第二张图
在这里插入图片描述
在这里插入图片描述

               9.接着双击Servers视图中那个tomcat的名字,也就是上一步的第二张图所示,在打开的窗口中选择红框框中的选项,还有因为我们的项目的文件信息都在webapps中,所以把wtp这3个字符删掉,修改后保存关闭,如下两张图
在这里插入图片描述
在这里插入图片描述

               10.因为Tomcat的默认端口号是8080,为了避免和其他应用程序冲突,我们可以改一下端口号,一般为了方便,改为80,因为80刚好是http协议的端口号,这样改的话,以后访问时就不需要加上端口号,同时设置一下get传输方式的默认编码格式为UTF-8。
               那么首先就是在项目栏的Servers中找到server.xml的配置文件,双击进入,点下面的Source查看源码,找到编码方式和端口号,如下图修改就好了,修改后记得保存在退出
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

               11.一切就绪后,然后就可以启动服务器了,如第一张图,启动按钮在臭虫旁边,启动后会打印很多日志文件,出现Server starup in xxxx ms 就表示启动服务器成功了,如下第二张图,最后打开浏览器,输入localhost,因为端口号是80,就不用输了,回车,如果出现了tomcat的主页就说明已经配置成功了,这样不用破解myeclipse也可以直接用eclipse开发web项目了。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


        ※在eclipse环境下建立web项目

               1.打开eclipse,选择左上角的File->New->other,如下图,找到web文件夹下的Dynamic Web Project 静态web项目,选择后点击Next按钮。
在这里插入图片描述

               2.点击Next后,弹出如下对话框,输入项目的名称MyFirstWebProject,然后根据自己下载的tomcat版本,选择合适的Target runtime,我的是8.5,接着点击Finish按钮即可。
在这里插入图片描述

               3.点击Finish按钮后,在项目栏就可以看到建好的web项目,在MyFirstWebProject项目界下,src目录用于存放项目中的各类资源,包括JavaBean、Servlet等,如下图所示,而WebContent目录用于存放JSP文件
在这里插入图片描述

               4.右击WebContent目录,选择New->JSP File,弹出新建JSP文件对话框后,输入JSP的文件名为myFirst.jsp(可以任意取名,看个人),单击Finish按钮,完成新建。
在这里插入图片描述

               5.myFirst.jsp会出现默认代码,可以添加一些代码,将pageEncoding的值改为UTF-8,然后在title标签处输入标题"第一个JSP页面",在body标签里打印hello,jsp字样,下面两种方法都可以,第一种我注释掉了,第一个是jsp的特性,既可以写html的标签,又可以写java代码。
在这里插入图片描述

               6.保存JSP文件后,就可以在下面的Servers视图中右击框中的服务器名称,选择Add and Remove选项,在跳出的窗口中选择项目MyFirstWebProject,单击Add按钮,然后点击Finish按钮完成项目的发布,
在这里插入图片描述
在这里插入图片描述

               7.下面就简单了, 启动服务器,然后打开浏览器输入:localhost/MyFirstWebProject/myFirst.jsp,单词不要打错,不然访问不到资源,这里的MyFirstWebProject项目名称就是虚拟名称,/myFirst.jsp就是访问MyFirstWebProject项目下的myFirst.jsp资源,回车后,如下图
在这里插入图片描述
               8.英文的输入完成了,但是我自己在输入中文时,结果在页面上就乱码了,可能人品比较差,如果没有出现乱码的可以忽略下面内容了,我的乱码情况如下两张图,后来查了资源也解决了。
在这里插入图片描述
在这里插入图片描述

        ※解决jsp中文乱码问题

               1.Window->Preferences->Web-JSP File->Encoding改成如下图
在这里插入图片描述

               2.Window->Preferences->Content Types->->Text->JSP,改成如下图,改完一定一定要记得先点Update,不然直接OK出去了就会没改过来,自己在这里郁闷了很久为什么改不了,原来是改了没点更新。
在这里插入图片描述
               3.Window->Preferences->Content Types->Workspace->other如下图改,
在这里插入图片描述

               4.如果完成了以上3个修改后页面还是乱码的话,就去检查jsp页面是否有编码说明,都改成UTF-8就可以了,如下图
在这里插入图片描述
               5.最后重新启动服务器,然后输入localhost/MyFirstWebProject/myFirst.jsp就可以了,如下图

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值