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.net/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%">

7、点击图中运行按钮,然后Finish即可。

(注:会弹出来一个.jsp文件,运行成功界面如下)

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值