【Jsp】第一课 Jsp网络编程的介绍与入门学习

本文在采用jdk1.8版本,eclipse开发软件环境下的代码,初学者请先安装环境,如果有需要请查看

【Java】JDK的安装和环境配置

【Java】Eclipse安装和J2EE开发环境的配置

Web服务器简介

} Web 服务器,在网络中为实现信息发布、资料查询、数据处理等诸多应用而搭建基本平台的服务器
} 有时,我们也常常称 Web 服务器叫 Web 容器
} 常用的服务器有: Tomcat Resin Weblogic Websphere
} Web 服务器工作原理
第一步, Web 浏览器向一个特定的 Web 服务器发出 Web 页面请求
第二步, Web 服务器接收到 Web 页面请求后,寻找所请求的 Web 页面,执行相应的功能
第三步,将用户请求的最后结果以 Web 页面形式发送到客户的 Web 浏览器

Web服务器工作原理

 Tomcat简介

} Tomcat 是一个免费的开源的 Web 服务器,提供对 Serlvet JSP 的支持。
} Tomcat Apache 基金会的 Jakarta 项目中的一个核心项目,由 Apache Sun 和其它一些公司及个人共同开发而成。
} 由于有了 Sun 的参与和支持,最新的 Servlet JSP 规范总能在 Tomcat 中得到体现。
} 其最新版本是 9.0甚至更高 ,支持 Servlet3.1 JSP2.3
} Tomcat 服务器非常适合学习 Java Web 开发技术初学者。
官方下载地址:Apache Tomcat® - Welcome!

 

Tomcat的目录结构

} 1 .bin目录主要是用来存放tomcat的命令,主要有2大类:
}   一类是以.sh结尾的(linux命令)
}   另一类是以.bat结尾的(windows命令)
} 2 .conf目录主要是用来存放tomcat的一些配置文件
} 3 .lib目录主要用来存放tomcat运行需要加载的jar包
} 4 .logs目录用来存放tomcat在运行过程中产生的日志文件,非常重要的是在控制台输出的日志。
}  ( 清空不会对tomcat运行带来影响 )
} 5 .temp目录用户存放tomcat在运行过程中产生的临时文件。
}  ( 清空不会对tomcat运行带来影响 )
} 6 .webapps目录用来存放应用程序,当tomcat启动时会取加载webapps目录下的应           用程序。
} 7 .work目录用来存放tomcat在运行时的编译后文件,例如jsp编译后的文件。
}  ( 清空work目录,然后重启tomcat,可以达到清除缓存的作用 )

行业介绍

 对于计算机软件专业的初学者来说,可以从事以下几个方向的岗位工作:

UI设计师

Web前端工程师

 

Java开发工程师

 

 

搭建Jsp网络编程入门案例

打开eclipse,在左边目录点击右键--》new--》Dynamic web Project

填写完项目名称,点击next下一步

 

勾选复选框,点击完成。

目录创建好了项目 

 找到web.xml文件,打开

编辑代码,只把index.jsp文件作为首页

选中WebContent文件夹右键---》new--》jsp files

将index.jsp文件新建在webContent根路径下

 选中整个项目点右键--》run as--》run on server

 项目正在部署至tomcat服务器中

部署完毕后,将访问地址复制,通过外置浏览器访问服务器,即可。

其代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function show() {
		//JavaScript里面用什么方式可以跳转页面
		location.href="One.jsp";
	}
</script>
</head>
<body>
<!-- eclipse软件的提示快捷键:alt+/ -->
<span style="color: red">我是中国人</span><br>
<!-- h1-h6标题标签 -->
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
<!-- p标签:段落标签 -->
<p>我是段落标签</p>
<!-- a标签 :超链接-->
<a href="One.jsp">点击我一下,可以跳转页面</a>
<!-- 列表:ol有序列表,ul无序列表 -->
<ul type="circle">
	<li>Java编程语言</li>
	<li>Mysql数据库</li>
	<li>Jsp网络编程</li>
</ul>
<ol type="a" start="4">
	<li>Java编程语言</li>
	<li>Mysql数据库</li>
	<li>Jsp网络编程</li>
</ol>
<!-- table  tr td 表格  -->
<table border="1" style="width: 400px;
	text-align: center;">
	<caption>学生信息表</caption>
	<tr>
	<td>学号</td>
	<td>姓名</td>
	<td>性别</td>
	</tr>
	
	<tr>
	<td>001</td>
	<td>张三</td>
	<td>男</td>
	</tr>
</table>
<!-- 表单:可以允许用户
自己输入内容的一些标签都属于表单标签-->
<form action="">
	用户名:<input type="text" placeholder="请输入用户名"><br>
	手机号:<input type="tel" placeholder="请输入手机号"><br>
	密码:<input type="password" pattern="请输入密码"><br>
	性别:<input type="radio" checked="checked" name="sex">男&nbsp;
	<input type="radio" name="sex">女<br>
	兴趣爱好:<input type="checkbox" checked="checked">篮球&nbsp;
	<input type="checkbox">唱歌&nbsp;
	<input type="checkbox">看书&nbsp;
	<br>
	头像:<input type="file">
	<br>
自我介绍:<textarea rows="10" cols="20">内容</textarea>
	<br>
	出生日期:<select>
		<option>2018</option>
		<option>2019</option>
		<option>2020</option>
		<option>2021</option>
	</select>年
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
	</select>月
	<select>
		<option>11</option>
		<option>12</option>
		<option>13</option>
		<option>14</option>
	</select>日
	<br>
	<!-- 提交按钮 -->
	<input type="submit" value="提交">&nbsp;
	<input type="reset" value="重置">
	<a href="One.jsp">
	<input type="button" value="跳转"></a>&nbsp;
	<input type="button" value="跳转2" onclick="show()">
	
	<br><br><br><br><br>
</form>

</body>
</html>

 One.jsp代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
我是第二个页面
</body>
</html>

猜你喜欢

转载自blog.csdn.net/u010321564/article/details/120199055