今天要给大家带来的是关于JavaWeb的Web环境搭建,这是非常关键的部分,所以有必要单独拿出来做一下详细解说,为以后的JavaWeb使用打下基础。

在搭建Java Web开发环境时,首先需要安装开发工具包JDK、Web服务器和数据库。为了提高开发效率、通常还需要安装IDE(集成开发环境)工具

搭建JavaWeb开发环境:(大纲)
1.JDK的安装和配置
        下载JDK
         配置JDK环境
        JDK安装
2.在Windows  系统中配置环境变量
3.下载和安装TomCat
         安装Tomcat
         Eclipse的下载与安装
         Eclipse的下载与安装
         启动Eclipse
4.JDK的安装和配置
在学习Java语言之前,必须了解并搭建好它所需要的开发环境。需要编译和执行Java程序,JDK(Java Development Kit)是必备的。

一、JDK开发工具包

 下载JDK
Java的JDK又称为Java SE,是Sun公司的产品。由于Sun公司已经被Oracle公司收购,因此JDK可以在Oracle公司的官方网站(https://www.oracle.com/index.html)可以下载。

 配置JDK环境
 JDK安装
下载64位Windows平台的JDK后,将得到一个名称为jdk-8u112-windows-x64.exe的安装文件,双击该文件即可安装,步骤如下:
(1)双击下载的安装文件,将弹出欢迎对话框,单击“下一步”按钮,在弹出的对话框中,可以选择安装的功能组件,这里选择默认设置。
(2)单击“下一步”按钮,使用默认的安装路径“C:\Program Files\Java\jdk1.8.0_112\”。
(3)单击“下一步”按钮,开始安装JDK。安装完成后,在弹出的对话框中,单击“关闭”按钮即可。在Windows 系统中配置环境变量
安装完JDK之后,必须配置环境变量方可使用Java环境。在Windows操作系统中,主要配置3个环境变量,分别是JAVA_HOME、Path和CLASSPATH,其中“JAVA_HOME”用来指定JDK的安装路径;“Path”用来使系统能够在任何路径下都可以识别java命令;“CLASSPATH”用来加载Java类库的路径。

在Windows 系统中配置环境变量的步骤如下:
(1)在“计算机”图标上单击鼠标右键,在弹出的快捷菜单中选择“属性”命令,在弹出的“属性”对话框中,单击“高级”选项卡,将打开“系统属性”对话框。

(2)单击“环境变量”按钮,将弹出“环境变量”对话框,单击“系统变量”栏下的“新建”按钮,创建新的系统变量。

(3)弹出“新建系统变量”对话框,分别输入变量名“JAVA_HOME”和变量值(即JDK的安装路径),其中变量值是笔者的JDK安装路径,读者需要根据自己的计算机环境进行修改,如图所示。单击“确定”按钮,关闭“新建系统变量”对话框。

搭建JavaScript开发环境 搭建javaweb开发环境_搭建JavaScript开发环境

(4)在图1.4所示的“环境变量”对话框中双击Path变量,对其进行修改。将原变量值最前面的“C:\ProgramData\Oracle\Java\javapath;”替换为“%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”(注意,最后的“;”不要丢掉,它用于分割不同的变量值),如图所示。单击“确定”按钮完成环境变量的设置。

搭建JavaScript开发环境 搭建javaweb开发环境_eclipse_02

(5)在图1.4所示的“环境变量”对话框中,单击“系统变量”栏下的“新建”按钮,新建一个“CLASSPATH”变量,变量值为“.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools. jar;”,如图所示。

搭建JavaScript开发环境 搭建javaweb开发环境_搭建JavaScript开发环境_03

 
(6)JDK配置完成后,需确认其环境是否配置准确。在Windows系统中测试JDK环境需要选择“开始”→“运行”命令(没有“运行”命令可以按<Windows+R>组合键),然后在“运行”对话框中输入“cmd”并单击“确定”按钮启动控制台。在控制台中输入javac 命令,按下键,将输出JDK的编译器信息,其中包括修改命令的语法和参数选项等信息。这说明JDK环境搭建成功。

二、Tomcat服务器
 下载和安装TomCat
Tomcat服务器是ApacheJakarta项目组开发的产品。
Tomcat服务器可以到它的官方网站(http://tomcat.apache.org)中下载。在官方网站中,提供了安装和解压缩两个版本的安装文件,这里需要下载安装版的。

安装Tomcat
下载安装版本的Tomcat 8.0后,将得到一个名称为apache-tomcat-8.0.15.exe的文件。双击该文件即可安装,具体步骤如下:(1)双击apache-tomcat-8.0.15.exe文件,打开安装向导对话框,单击“Next”按钮后,在打开的许可协议对话框中,单击“I Agree”按钮,接受许可协议,将打开Choose Components对话框,在该对话框中选择需要安装的组件,通常保留其默认选项,如图所示。

搭建JavaScript开发环境 搭建javaweb开发环境_Java_04

(2)单击“Next”按钮,在打开的对话框中设置访问Tomcat服务器的端口及用户名和密码,通常保留默认配置,即端口为8080、用户名为admin、密码为admin,如图所示。

搭建JavaScript开发环境 搭建javaweb开发环境_javascript_05

说明:一般情况下,不要修改默认的端口号,除非8080端口已经被占用。

(3)单击“Next”按钮,在打开的Java Virtual Machine对话框中选择Java虚拟机路径,这里选择JDK的安装路径。

(4)单击“Next”按钮,将打开Choose Install Location对话框。在该对话框中可通过单击“Browse”按钮更改Tomcat的安装路径,这里将其更改为D:\Tomcat 8.0目录下。

(5)单击“Install”按钮,开始安装Tomcat。在打开安装完成的提示对话框中,取消“Run ApacheTomcat”和“Show Readme”两个复选框的选中,单击“Finish”按钮,即可完成Tomcat的安装。
(6)启动Tomcat。选择“开始”/“所有程序”/“Apache Tomcat 8.0 Tomcat 8”/“Monitor Tomcat”命令,在任务栏右侧的系统托盘中将出现图标,在该图标上单击鼠标右键,在打开的快捷菜单中选择Start service菜单项,启动Tomcat。
(7)打开IE浏览器,在地址栏中输入地址“http://localhost:8080”访问Tomcat服务器,若出现图所示的页面,则表示Tomcat安装成功。

搭建JavaScript开发环境 搭建javaweb开发环境_Java_06

 

三、web项目

(一)创建javaweb工程

    在创建之前,电脑需要有eclipse。具体的下载和安装请自行百度。

    除此以外,需要用到apache-tomcat

    准备工作完成后,现在就可以开始创建javaweb工程了。

    启动myeclipse,点击Browse以选择自己的即将所建工程的工作空间。选择完成后,点击ok。

    导航栏File->New->Project,在wizards中输入web来搜索Web选项,以选中Dynamic Web Project。

搭建JavaScript开发环境 搭建javaweb开发环境_eclipse_07

 

然后点击next,在1处输入自己的工程名,2处选择存储位置,

3处点击New Runtime,选择Apache Tomcat v8.0.。然后点击next

搭建JavaScript开发环境 搭建javaweb开发环境_eclipse_08

 

1处选择在准备工作时,保存的apache tomcat的文件夹。2处,我选择了默认的JRE。然后点击finish。

搭建JavaScript开发环境 搭建javaweb开发环境_Java_09

 

    现在,又回到了这个对话框。不要急于点击这里的finish,必须选择点击next两次。

搭建JavaScript开发环境 搭建javaweb开发环境_搭建JavaScript开发环境_10

 

选择Generate web.xml deployment descriptor。现在就可以点击finish。

    现在,我们就可以在eclipse工作空间看到我们新建的javaweb项目了。

    我们可以知道,在WebRoot文件夹下为html页面,即前端的内容;而在src中为java后台的内容。在WebRoot文件夹下我们可以看到一个index.jsp,其中body部分内容为 <body>This is my JSP page. <br> </body>,我们可以猜测当运行该工程后,应该在页面上显示This is my JSP page.

    下面,我们需要部署一个服务器。在如下地方选择Servers,

搭建JavaScript开发环境 搭建javaweb开发环境_Java_11

    在空白处右键,点击New->Server,按照如下选择

搭建JavaScript开发环境 搭建javaweb开发环境_Java_12

 

    点击next,选中刚才新建的项目名,点击中间的ADD,然后点击finish。

    现在,我们可以在下图看到新建的项目服务器部署成功。

搭建JavaScript开发环境 搭建javaweb开发环境_java_13

 

    选中下图所示,点击运行

搭建JavaScript开发环境 搭建javaweb开发环境_java_14

 

    在控制台下,我们可以看到,运行成功。

搭建JavaScript开发环境 搭建javaweb开发环境_javascript_15

 

 现在可以在浏览器中,输入网址http://localhost:8088/JavaWebDemo/。其中8088为端口号,默认为8080,JavaWebDemo为所建项目的项目名称。我们可以看到现在在页面上显示的内容与我们预期的内容一致,证明新建JavaWeb项目成功。