IDEA创建新项目

一、实验目的与原理
1.能配置JavaWeb程序开发与运行环境；
2.能使用集成开发工具编写与运行前端页面；
3.能合理使用前端框架进行页面制作。
二、实验内容
1.JavaWeb程序运行环境的配置（JDK与Tomcat的配置），撰写配置关键步骤，并截取配置界面。
2.JavaWeb开发工具Intellij IDEA的配置，重点撰写IDEA配置Tomcat服务器，撰写配置关键步骤，并截取配置界面。
3.使用前端框架Bootstrap创建一个新闻资讯页（内容自定义），截取运行结果。
4.使用前端框架Layuimini创建一个表单页（内容自定义），截取运行结果。
三、实验步骤
1.JavaWeb程序运行环境的配置（JDK与Tomcat的配置），撰写配置关键步骤，并截取配置界面。
1、右键桌面上“我的电脑”>>“属性”，在弹出的页面上点击“高级系统设置”。

2、在弹出的“系统属性”窗口中“高级”标签页下点击“环境变量”按钮。

3、在弹出的“环境变量”窗口中，点击下方的“新建”按钮，在弹出的“新建系统变量”窗口中，新建一个名为“JAVA_HOME”的环境变量，变量值为Java的安装路径，本人为：D:\project\tool\Java\jdk_9.0.1。如图所示。

4、设置Path环境变量，该变量已经存在，所以在列表中选择Path，点击下方的“编辑”按钮，在弹出的窗口中添加如下信息：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin，然后点击“确认”按钮即可。如图所示：

5、和JAVA_HOME一样，新建一个名为“classpath”的环境变量，变量值为：%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。如图所示：

6、在配置好环境变量后，可以进入cmd中检查Java是否安装正确，检查的命令为 java -version，如图所示：

如果能正确的输出Java的版本和JVM版本信息，则说明Java安装正确。

Tomcat配置环境变量
新建系统环境变量：
修改系统Path(变量值末尾添加%CATALINA_HOME%\bin;):
保存即可。
步骤三：查询环境是否配置成功

ps:若出现上述内容，则环境配置成功
步骤四：启动Tomcat：使用命令：startup.bat
2.JavaWeb开发工具Intellij IDEA的配置，重点撰写IDEA配置Tomcat服务器，撰写配置关键步骤，并截取配置界面。
IDEA中新建一个项目
1.File>new Project，如果没有打开项目，点击Create New Project
2.在新建项目窗口，左侧选择Java Enterprise，右侧选择Web Application

IDEA中新建一个项目
3.输入项目名字，选择项目位置，然后点击Finish完成。生成目录结构如下：

项目配置
在web/WEB-INF下创建两个文件夹classes和lib，classes用来存放编译后输出的classes文件，lib用于存放第三方jar包。

配置文件夹路径
File -> Project Structure (快捷键：Ctrl + Shift + Alt + S) -> 选择Module ：
选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。

配置文件夹路径
接着选择Dependencies -> 点击右边的“+”号 -> 选择 “1 Jars or Directories”
选择刚刚创建的lib文件夹
选择“jar directory” -> 接着返回OK即可。

配置Tomcat容器
打开菜单Run -> 选择Edit Configuration
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
在"Name"处输入新的服务名，点击"Application server"后面的"Configure…"，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 -> 取消勾选"After launch"，设置"HTTP port"和"JMX port"，点击 Apply -> OK

在Tomcat中部署并运行项目
Run -> Edit Configurations，进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
启动Tomcat

lib加入jar包之后

还需要

3.使用前端框架Bootstrap创建一个新闻资讯页（内容自定义），截取运行结果

图一为模仿的界面，图二官方新华网
4.使用前端框架Layuimini创建一个表单页（内容自定义），截取运行结果。