JSP是Java Server Page的缩写,是由Sun Microsystems公司主导创建的一种动态网页技术标准。JSP部署于网络服务器上,可以响应客户端发送的请求,并根据请求内容动态地生成HTML、XML或其他格式文档的Web网页,然后返回给请求者。JSP技术以Java语言作为脚本语言,为用户的HTTP请求提供服务,并能与服务器上的其它Java程序共同处理复杂的业务需求。目前,JSP已经成为开发动态网站的主流技术。

安装配置JSP运行环境

一、 安装配置JDK

进入JDK官网选择Java SE Development Kit 8u172,根据自己的电脑选择32位或者64位进行下载。
image.png
具体配置教程参考《java环境变量 的配置与详解(全网最详细教程)》

二、 安装配置Tomcat

1、进入Tomcat官网安装下载,点击“32-bit/64-bit Windows Service Installer (pgp, sha512)”。
image.png
2、下载完毕后,就可以在需要编译和运行Java程序的计算机安装Tomcat服务器,具体步骤如下:
(1) 双击“apache-tomcat-9.0.24.exe”文件开始安装。在弹出的安装向导对话框中,单击“Next”按钮,将弹出如下图所示的“许可协议”对话框。image.png
一直next就行

(2) 这里采用默认的组件安装,如果不懂就按默认的设置。
image.png

(3) 这里是Tomcat默认的端口号,不喜欢这个可以自己设置成别的,但是千万别与系统端口号重复!
image.png
(4)接下来就一直next就行,路径默认就行。

三、 Tomcat环境变量Catalina_Home配置

1、CATALINA_HOME是TOMCAT安装路径的别名,目的是为了方便使用TOMCAT

2、计算机>属性>环境变量, 新建环境变量。变量名为CATALINA_HOME ,变量值tomcat的解压目录,我电脑上的为:“D:\Function\Apache Software Foundation\Tomcat 9.0”,注意后面不用多加“\”或者“;”
image.png

3、在环境变量Path中,新增加“%CATALINA_HOME%\bin\”
4、打开你放置刚才下载的Tomcat的bin目录,找到“startup.bat”文件双击,然后就会弹出一个DOS窗口显示Tomcat启动的进程状态。
image.png

image.png

5、测试Tomcat是否配置成功:打开浏览器,输入在地址栏中输入:localhost:8080运行结果如下图所示即为配置成功!(因为Tomcat已经在运行再次打开会报错)
image.png
6、关闭tomcat:进入命令行cmd,输入shutdown.bat

四、Eclipse的安装配置

1、进入eclipse官网下载eclipse-inst-win64.exe
image.png

根据自己的系统版本选择镜像下载
image.png
选择国内镜像下载

2、运行eclipse-inst-win64.exe
image.png

选择第一个
image.png
选择Java目录和eclipse安装目录,然后点击install

3、安装完成后打开eclipse
image.png
如果新建项目中没有Web选项,这时候就需要我们自己去添加web插件

4、添加Web插件:依次点击【Help】->【Install New Software】,在【work with】下拉框中选择自己的eclipse版本
image.png
在下面的下拉框中勾选 Web, XML, Java EE and OSGi Enterprise Development;

然后点击next,耐心等待下载
image.png
在这一步的时候点击同意,然后点击finish

安装这几个插件,耐心等待…安装完成之后,会自动弹出对话框让你重启eclipse,重启下就行,此时,就可以新建web项目了
image.png

五、新建jsp文件

1、新建jsp文件:依次点击【File】->【New】->【Project】;在弹出的列表中点击Web,选择 【Dynamic Web Project】
image.png

然后点击【Next】输入项目名,然后点击【Finish】
image.png

然后打开创建的项目,选择【WebContent】右键新建【JSP File】
image.png

新建的文件报错
image.png

接下来添加Tomcat:点击【Server】,再点击蓝色字体,在弹出的列表框中点击【Apache】,选择你安装的Tomcat,这里我安装的是【Tomcat v9.0.24】,然后点击next
image.png

右键点击项目—>【Build Path】—>【Configure Build Path】
点击【libraries】->【Add Library】->【Server Runtime】->【Next】->【Finish】->【Apply and Close】
image.png

接下来更改编码:导航栏点击【Windows】->【Preference】->【JSP File】 Encoding选择“UTF-8”,然后点击应用并关闭
image.png

在这里需要选择安装的Tomcat的文件路径,填好后点击Next
image.png

点击创建的项目名即可添加到配置中,然后点击Finish
image.png

接下来就可以创建一个简单的JSP实例来测试拉;
image.png

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<%
//计算1-100之间的和,并输出 到客户端浏览器中
int sum=0;
for(int i=1;i<=100;i++)
sum+=i;
out.print("1-100的和为:"+sum+"\n");
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'GreetingJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

</head>

<body>
<br>这是我的第一个JSP页面 <br>

<table>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>

右键【Run As】->【Run on Server】
image.png
运行成功!一个简单的JSP页面就生成啦

复制蓝色背景内的链接,打开浏览器即可预览啦
image.png

 评论




Copyright © 2019-2020 YINUXY   |   ICP 鄂ICP备20002395号   |   MOE ICP 萌ICP备 20200022号   |   正在载入...   |   站点地图  |  

UV
PV