web环境的搭建

web环境的搭建

目录

    • web环境的搭建
    • 一,准备编译器,环境,服务器
    • **编译器**
    • **编译的环境**
    • **服务器**
    • 二,操作流程
    • 1,eclipse
    • 2.create
    • 3,配置
    • 4,create项目
    • 5,调整文字

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

编译器

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

编译的环境

jdk1.8.0_311,点我下载
web环境的搭建_第2张图片可下载window版本
然后完使用cmd java -version命令查看结果

服务器

Tomcat 点我下载
web环境的搭建_第3张图片
在这里需要注意的是,请下载8.5以上的版本,但不要下载最新版,因为那是测试版

tomcat目录结构
bin 目录主要是用来存放 tomcat 的命令,主要有两大类,一类是以 .sh 结尾的( linux 命令),另一类是以.bat 结尾的( windows 命令)。
conf 目录主要是用来存放 tomcat 的一些配置文件。
server.xml 可以设置端口号、设置域名或 IP 、默认加载的项目、请求编码。
lib 目录主要用来存放 tomcat 运行需要加载的 jar 包。
logs 目录用来存放 tomcat 在运行过程中产生的日志文件
temp 目录用户存放 tomcat 在运行过程中产生的临时文件。
webapps 目录用来存放应用程序,当 tomcat 启动时会去加载 webapps 目录下的应用程序。可以以文件 夹、war 包、 jar 包的形式发布应用。
work 目录用来存放 tomcat 在运行时的编译后文件,例如 JSP 编译后的文件。

一上步骤都完成后,我们在配置一下路径
配置路径
通过cmd查看配置 输入java -version
(这里演示的是jdk1.8.0_311版本)
web环境的搭建_第4张图片
打开tomcat(我这里安装的是apache-tomcat-9.0.60)文件夹下的bin->starup.bat如果一闪而过说明jdk环境变量有问题

完成以上操作再次点击starup.bat就是下面这样(即启动完成)
web环境的搭建_第5张图片
如果没有问题完成上述操作后就可以直接运行eclipse了

二,操作流程

1,eclipse

web环境的搭建_第6张图片
选择一下存放路径(最好新建一个文件夹来存放,以便以后使用)

2.create

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

web环境的搭建_第7张图片

3,配置

创建新Dynamic项目时,Target runtime这项显示为none,此时我们需要在window中的show view里找到servers(没有点击other即可看到),打开Apache目录,选中我们所下载的Tomcat的版本(9.0)填写下方的文件路径(安装在哪就选择哪)选择完成即可
web环境的搭建_第8张图片
在servers中右键Tomcat点击start启动服务器(防火墙记得同意通过,或者关闭防火墙),此时控制台会打印启动日志

web环境的搭建_第9张图片
让我们检测一下服务器是否打开完成,打开浏览器,输入localhost:8080(默认值为8080),如果出现下面内容即启动成功
eclipse05
一切操作完成即可右键Package Explorer空白位置创建一个Dynamic项目

4,create项目

web环境的搭建_第10张图片

填写好项目名称即可,上方内容均可不更改(不建议更改),点击Finish即可
在新建好的web项目中第一个src/main/java文件夹下存放java代码,下方src中是存放前端代码的
web环境的搭建_第11张图片

这里还需要设置首选项(默认编码)
web环境的搭建_第12张图片
在首选项中左上方搜color and font还可以设置字体样式(color and font->basic->text font)
web环境的搭建_第13张图片

5,调整文字

在左上方的输入框中输入jsp files,在Encoding中选择UTF-8即可(否则不支持中文输入)
web环境的搭建_第14张图片
接下来我们就可以在刚建好的项目中的webapp目录下新建一个文件
web环境的搭建_第15张图片
这里我们选择新建.jsp文件(jsp是java和html的结合版)
web环境的搭建_第16张图片
在右侧编写好html代码后,右键点击run as再选择服务器,运行到刚刚启动了的服务器上即可(如果刚刚的服务器关闭了,点击restart)
web环境的搭建_第17张图片
那么如何在网页中运行java代码呢?
web环境的搭建_第18张图片
这样即可,web中使用输出并不是System.out,println(),web内置对象out即可输出,这种输出是可以在页面上看的到的,控制台就是html的控制台,web中的java代码均可使用,部分代码无快捷。

你可能感兴趣的:(WEB,web)