编译的环境

Tomcat服务器

Tomcat?(服务器安装与配置)

JDK开发工具包

jdk是什么？

jdk是java development kit的缩写，意思是java程序开发的工具包

一，准备编译器，环境，服务器

编译器

java-web 编译器下载点我

下载java-web版本，注意自己的系统，不要下错版本
一般常见的编译器有 Eclipse MyEclipse Idea。Eclipse 是一个 IDE （ Integrated Developing Environment ），而这个 IDE 是允许安装第三方开发的插件来使自身的功能得到扩展和增强的，而 MyEclipse 就是其中的一种有名的插件集之一，主要是为 J2EE 开发； MyEclipse 将开发者常用到的一些有用的插件都集合起来，提供一种高级编程环境，但它是要钱的。

编译的环境

jdk1.8.0_311，点我下载

可下载window版本
然后完使用cmd java -version命令查看结果

Tomcat服务器

为什么需要使用Tomcat？
一般情况下，如果我们使用HTML/CSS/JS编写了一个网页，这个网页只能由我们本地打开，别的人无法通过远程访问这个页面，我们也不能在网络上找到自己写的这个网页。那么Tomcat就解决了这个问题，让其他人通过访问Tomcat服务器来访问我们写的页面。

Tomcat?(服务器安装与配置)

Tomcat 点我下载

在这里需要注意的是，请下载8.5以上的版本，但不要下载最新版，因为那是测试版。

一上步骤都完成后，我们在配置一下路径
配置路径
通过cmd查看配置输入java -version
(这里演示的是jdk1.8.0_311版本)

打开tomcat(我这里安装的是apache-tomcat-9.0.60)文件夹下的bin->starup.bat如果一闪而过说明jdk环境变量有问题

完成以上操作再次点击starup.bat就是下面这样(即启动完成)

如果没有问题完成上述操作后就可以直接运行eclipse了

二，操作流程

1，eclipse

选择一下存放路径(最好新建一个文件夹来存放,以便以后使用)

2.create

关掉多余的页面，留下Package Explorer创建项目(如果误关,使用alt+shift+q,再点p打开)创建一个Dynamic项目(即javaweb项目)Dynamic是动态java项目,Static是静态java项目,区别Dynamic项目支持java+HTML+css+JavaScript而Stati不支持java

3，配置（服务器）
创建新Dynamic项目时,Target runtime这项显示为none,此时我们需要在window中的show view里找到servers(没有点击other即可看到)，打开Apache目录，选中我们所下载的Tomcat的版本(9.0)填写下方的文件路径(安装在哪就选择哪)选择完成即可

在servers中右键Tomcat点击start启动服务器(防火墙记得同意通过，或者关闭防火墙)，此时控制台会打印启动日志

4，create项目

点击之后然后取项目名

建好后的样子

5,调整文字

在左上方的输入框中输入jsp files，在Encoding中选择UTF-8即可(否则不支持中文输入)

6、调整文字

打window然后点Preferences

之后搜索font

然后设置适合自己的样式点确定就可以了

7、编辑代码

找到我们刚刚新建的那个项目，然后点一下webapp之后右键点new然后点JSP File

然后设置自己想要的名字

然后点Finish就新建完成了就可以编辑代码了

编辑好了就右键点Run As运行

代码：

<%@ 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>
<h1>大家好 我叫卤蛋</h1>
</body>
</html>

运行结果：