Eclipse 和 IDEA集成开发软件下配置 Java Web一系列详细操作步骤

必要前提：1、安装JDK 和 Tomcat服务器软件。【选择 Tomcat所支持的JDK版本  例如：Tomcat9.0 支持 jdk1.8及以上】
     2、安装一个运行Java文件的集成开发软件。【eclipseJavaEE版、IDEA旗舰版】

Eclipse/IDEA集成开发软件总体分为两大步：
    第一步：配置并部署Tomcat。
    第二步：创建Java Web项目。

Eclipse集成开发软件下
    第一步：配置并部署Tomcat。
        1）配置JRE。【Java运行环境】
        2）配置Tomcat服务器。
        3）设置默认浏览器。【建议设置成谷歌或者火狐浏览器】
        4）设置JSP页面的编码方式。【建议设置成 ISO 10646/Unicode（utf8）】

    第二步：创建Java Web项目
        1）创建Web服务器。
            选择【File】选项卡--->选择【new】一级选项--->选择【Other】二级选项--->选择【Server】选项下的【Server】--->单击【Next】按钮--->弹出【Define a New Server】对话框--->单击【Server Runtime environment】下拉框中的【Tomcat vX.X Server at localhost】Web服务器名即可。
        2）配置Web服务器。
            首先：单击【Windows】选项卡--->选择下拉框中【Show View】子选项--->选择子下拉框中【Servers】菜单
            之后：双击安装好的【Tomcat vX.X Server at localhost】Web服务器--->弹出【Tomcat vX.X Server at localhost】配置窗口--->选中【Use Tomcat installation(takes control of Tomcat installation)】
            和修改【Deploy path】值为 webapps（即Tomcat下存放Web项目的目录名）
        3）创建Java Web项目。
            单击【File】选项卡--->选择【new】一级选项--->选择【Project】二级选项--->弹出【New Project】对话框--->选择【Web】选项下的【Dynamic Web Project】一级选项--->弹出【Dynamic Web Project】窗口--->输入【Project name】项目名即可。
        4）新建JSP文件。【在项目下的 WebConten目录】
            单击【已存在的项目名】--->选择【WebConten】选项--->右击【File】选项--->选择【JSP File】选项--->弹出【New HTML File】对话框--->选择【File name】输入文本框--->输入jsp文件名【例如：hello.jsp】即可。
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
IDEA集成开发软件下
总体分为两大步：
    第一步：配置并部署Tomcat。
        1）单击【File】菜单--->选择【Settings...】选项--->弹出【Setting】对话框--->选择右侧【Build,Execution,Deployment】选项下的【Application Servers】选项--->左侧会出现添加Tomcat服务器到IDEA当中相对应的窗口--->单击【+】按钮--->选择【Add application servers】下的【Tomcat Server】选项--->弹出【Tomcat Serve】对话框--->【在Tomcat Home设置：Tomcat服务器安装的目录；】--->单击两次【OK】按钮即可。
        2）单击【Run】菜单--->选择【Edit Configurations】选项--->弹出【Run/Debug Configurations】对话框--->单击【＋】按钮--->【Add New Configurations】目录下的【Tomcat Server】下的【Local】--->选择【Server】选项卡--->配置相对应的Tomcat服务器【所应用的Tomcat版本、浏览器、端口号】--->选择【Deployment】选项卡--->单击【Deploy at the server startup】下的【＋】按钮--->选择【Artfact】选项（对应着已存在的项目）--->选择下方的【Application context】文本框输入【url中的子域名  例如：/student】--->单击【Apply】按钮--->单击【OK】即可。
        3）返回到【Server】选项卡--->选择【On 'Update' action】下拉框中的【Update classes and resources】和【On frame deactivation】下拉框中的【Update classes resources】--->单击【Apply】按钮即可。
    第二步：创建Java Web项目。
        1）单击【File】菜单--->选择【Project...】选项--->弹出【New Project】对话框--->选择【Java】选项--->在【Project SDK】选择已安装好的JDK--->单击【Next】按钮--->弹出【New Project】对话框--->不勾选【Create project from template】复选框--->单击【Next】--->弹出【New Project】对话框--->在【Project name】文本框输入项目名--->单击【Next】之后，就创建了一个项目。
        2）右击已存在的【项目】--->选择【Add Framework Support...】选项--->弹出【Add Framework Support】对话框--->勾选【Java EE】下的【Web Application】复选框--->单击【OK】按钮即可。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Eclipse集成开发软下一些配置：
配置JRE：单击【Window】菜单--->选择【Preferences】选项--->弹出【Preferences】对话框--->选择【Java】选项下的【Installed JREs】--->在右侧出现的窗口单击【Add】按钮--->弹出【JRE Type】对话框--->选择【Installed JRE Types】下的【Standard VM】选项--->单击【Next】按钮--->弹出【Add JRE】对话框--->选择【JRE home】右侧的【Directory】按钮--->弹出【选择文件夹】对话框--->找到【JDK安装的目录】--->单击【选择文件夹】按钮--->单击【Finish】按钮即可。
配置Tomcat服务器：单击【Window】菜单--->选择【Preferences】选项--->弹出【Preferences】对话框--->选择【Server】选项下的【Runtime Environment】选项--->在右侧出现的窗口单击【Add】按钮--->弹出【New Server Runtime Environment】对话框--->在【Select the type of runtime environment】下的【Apache Tomcat v[x.x]】（选择已存在Tomcat对应的版本）--->单击【Next】按钮--->弹出【New Server Runtime Environment】对话框--->选择【Tomcat installation driectory】文本框右侧的【Browse...】--->弹出【选择文件夹】对话框--->选择【已存在Tomcat服务器的安装地址，与Name下文本框的【Tomcat 服务器版本相符合】】--->单击【选择文件夹】按钮--->单击【Finish】按钮即可。
设置默认浏览器：单击【Window】菜单--->选择【Preferences】选项--->弹出【Preferences】对话框--->选择【General】选项下的【Web Browser】选项--->在右侧窗口选择【Use internal web browser】单选按钮--->单击【External web browseres】下的【Chrome】复选框--->单击【Apply】按钮--->单击【Apply and Close】按钮即可。
设置JSP页面的编码方式：单击【Window】菜单--->选择【Preferences】选项--->弹出【Preferences】对话框--->选择【Web】选项下的【JSP Files】选项--->在右侧出现窗口的【Add this suffix (if not specified)】下拉框选择【jsp】--->Encoding下拉框选择【ISO 10646/Unicode（UTF-8）】--->单击【Apply and Close】按钮即可。
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
IDEA集成开发软下一些配置：
配置JRE：单击【File】菜单--->选择【Project Structure...】选项--->弹出【Project Structure.】对话框--->选择左侧的【SDKs】选项--->单击【+】按钮--->选择【Add JDK...】--->弹出【Select Home Directory for JDK】对话框--->在【文本框】选好自己的JDK的安装目录--->点击【OK】按钮即可。
配置Tomcat服务器：单击【Edit Configurations】菜单--->选择【Edit Configurations...】选项--->弹出【Run/Debug Configurations】对话框--->单击左上角的【＋】按钮--->选择【Add New Configurations】下的【Tomcat Server】选项--->右侧将会显示一系列 Tomcat服务器的配置如下：
    1）Server选项卡：
        Name：设置为服务器的名称。
        Application server：应用的服务器。右侧【Configure...】可以添加 Tomcat 服务器。
        Open browser选项下可以设置：Tomcat客户端打开的浏览器、访问的http地址（url）、JRE【运行环境】。
        Tomcat Server Settings选项下可以设置：http/https/jmx/ajp的端口号。 
    2）Deployment【部署】选项卡：
        单击Deploy at the server startup下发的【+】按钮--->选择【Artfact...】选项按钮，此时就会将【已存在的Java Web项目】加入进来--->在【Application context】文本框可以任何输入一个【url下的子域名 例如：/student】---> 单击【Apply】按钮即可。