前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Windows(10)环境下搭建JSP开发环境

Windows(10)环境下搭建JSP开发环境

作者头像
量子态的沐子呓
发布2019-12-25 14:54:24
2.4K0
发布2019-12-25 14:54:24
举报
文章被收录于专栏:YINUXYYINUXY

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
image.png

具体配置教程参考《JDK 安装 Java环境变量配置 详细教程》

二、 安装配置Tomcat

1、进入Tomcat官网安装下载,这里演示安装下载的名称是“apache-tomcat-9.0.24.exe”。 2、下载完毕后,就可以在需要编译和运行Java程序的计算机安装Tomcat服务器,具体步骤如下: (1) 双击“apache-tomcat-9.0.24.exe”文件开始安装。在弹出的安装向导对话框中,单击“Next”按钮,将弹出如下图所示的“许可协议”对话框。

image.png
image.png

一直next就行

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

image.png
image.png

(3) 这里是Tomcat默认的端口号,不喜欢这个可以自己设置成别的,但是千万别与系统端口号重复!

image.png
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
image.png

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

image.png
image.png
image.png
image.png

5、测试Tomcat是否配置成功:打开浏览器,输入在地址栏中输入:“http://localhost:8080” 运行结果如下图所示即为配置成功!(因为Tomcat已经在运行再次打开会报错)

image.png
image.png

6、关闭tomcat:进入命令行cmd,输入shutdown.bat

四、Eclipse的安装配置

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

image.png
image.png

根据自己的系统版本选择镜像下载

image.png
image.png

选择国内镜像下载

2、运行eclipse-inst-win64.exe

image.png
image.png

选择第一个

image.png
image.png

选择Java目录和eclipse安装目录,然后点击install

3、安装完成后打开eclipse

image.png
image.png

如果新建项目中没有Web选项,这时候就需要我们自己去添加web插件

4、添加Web插件:依次点击【Help】->【Install New Software】,在【work with】下拉框中选择自己的eclipse版本

image.png
image.png

在下面的下拉框中勾选 Web, XML, Java EE and OSGi Enterprise Development;

然后点击next,耐心等待下载

image.png
image.png

在这一步的时候点击同意,然后点击finish

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

image.png
image.png

五、新建jsp文件

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

image.png
image.png

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

image.png
image.png

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

image.png
image.png

新建的文件报错

image.png
image.png

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

image.png
image.png

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

image.png
image.png

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

image.png
image.png

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

image.png
image.png

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

image.png
image.png

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

image.png
image.png
代码语言:javascript
复制
<%@ 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
image.png

运行成功!一个简单的JSP页面就生成啦

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

image.png
image.png
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装配置JSP运行环境
    • 一、 安装配置JDK
      • 二、 安装配置Tomcat
        • 三、 Tomcat环境变量Catalina_Home配置
          • 四、Eclipse的安装配置
            • 五、新建jsp文件
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档