本文主要是介绍【Jsp】第一课 Jsp网络编程的介绍与入门学习,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
本文在采用jdk1.8版本,eclipse开发软件环境下的代码,初学者请先安装环境,如果有需要请查看
【Java】JDK的安装和环境配置
【Java】Eclipse安装和J2EE开发环境的配置
Web服务器简介
Web服务器工作原理
Tomcat简介
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">男 <input type="radio" name="sex">女<br>兴趣爱好:<input type="checkbox" checked="checked">篮球 <input type="checkbox">唱歌 <input type="checkbox">看书 <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="提交"> <input type="reset" value="重置"><a href="One.jsp"><input type="button" value="跳转"></a> <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>
这篇关于【Jsp】第一课 Jsp网络编程的介绍与入门学习的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!