2021-04-08 使用Eclipse进行Web前端开发

使用Eclipse进行Web前端开发

前言
本机为微软Surface pro4，为64位，所用操作系统为Windos 10。使用的Java版本为1.8.0_151，使用的JDK版本为JDK8。

注意事项
（1）Eclipse安装插件的时候一定要有耐心，因为外网的原因，安装过程比较缓慢，并且容易断。
（2）在配置Tomat之前，一定要注意自己的Java和JDK版本。

安装插件
1、点击Help->Eclipse Marketplace。（注：示例图如下）

2、在红线划线处输入点击Eclipse Enterprise Java ana Web Developer Tools 3.17，然后点击go，即可在如下界面中找到我们想要的插件，然后点击install。（注：示例图如下）

3、在之后弹出来的界面上一路默认即可。最后来到如图所示安装界面

4、点击Restart Now重启Eclipse即可。

配置JSP
1、点击Window->Preferences。

2、点击Web ->JSP Files，将图中右边红线所划处的Encoding改为UTF-8，防止编写程序时产生乱码。（注：配置完以后注意点击Apply and Close）。

创建并执行一个Web项目
1、点击File->new出现如图所示界面。

2、点击Web->Dynamic Web Project即可出现如下界面，然后默认next即可。（注：在图中画红线处写下项目名称，项目名称自定义即可）。

3、创建完工程以后会弹出如下窗口提示要不要开启透视窗。（注：根据自己喜好选择即可）。

4、点击自己创建的Web工程hello。（注：我这里是hello）。然后右键单击Webcont，然后点击New->JSP File。

5、在如图所示界面中画红线的地方输入文件名称。（注：文件名称自定义即可）。然后默认next即可。

5.1–第5步可能出现问题。
问题一：报错：The superclass "javaServlet.http.HttpServlet" was not found on the java Build Path。

问题原因：Javaweb工程类中没有添加Tomcat运行时相关类导致。
解决办法：安装并配置Tomcat，请参考博客https://blog.csdn/APPDREAMER/article/details/115518758。

6、在创建的JSP File文件中写下第一个程序。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<% 
out.println("<p>Hello,World</p>");
out.println("<p>我的第一个Java Web程序!</p>");
%>
</body>
</html>
<img src=""  width="70%">