jsp技术 jsp用法初步
果断被坑了,我原先以为jsp就是javascript的简写,才知道自己智障了~~~~
jsp == java server page
就是作用在服务器端的
是sun公司用java嵌入在html网页中的一种技术
jsp==java+html
相对来说还是比较简单的
jsp的页面元素
1. html 标签
2.文本
3.指令 指定当前的页面的编码 若要采用中文编码会使用的是utf-8的编码形式
语法<% 指定名 属性="值"%>
4.逻辑操作 编辑小脚本
语法<% java 代码; %>
采用的是java 代码和html代码的嵌套
举例说明: 输出“This is my JSP page.”100次
产生 jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<html>
<body>
<% for(int i=1;i<=100;i++) //<% 这里嵌套java代码%>
{
%>
This is my JSP page. <br> <!-- html 代码单独作为一部分-->
<% } //匹配上面多出的} %>
</body>
</html>
5.<表达式:输出操作>
语法<%=变量名%> 这就类似于c中printf和c++中的cout
制作一个九九乘法表: 对表格产生高亮,当鼠标移到表格上面的单元格背景高亮,移出的话恢复原样。
采用的是html+java+css+javascript的技术
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<style type="text/css">
<!--
.yellow {
color:red;
background-color:yellow;
}
.black {
color:black;
background-color:white;
}
-->
</style>
</head>
<body>
<table>
<%
for(int i=1;i<10;i++)
{
%>
<tr>
<% for(int j=1;j<=i;j++)
{
%>
<td class='yellow' onmouseover="this.className='yellow'" onmouseout="this.className='white'"><%=i%> *<%=j%> = <%=i*j%></td>
<%
}
%>
</tr>
<% }%>
</table>
</body>
</html>
这是产生的效果

下面介绍动态传输数据
动态页面的最大特点是和用户的交互性强
今天听了张工的讲解了解了很多
原先一直听凯哥讲ajax技术现在终于明白了这是一种什么样的技术
我们现在才用的是
1一个网页用表单接收信息
2用第二个表单处理收到的信息
3如果账户和密码匹配跳转第三个页面
若不匹配 跳转第一个页面
而采用ajax技术就可以很好的弥补这一点
知己在一个表格上进行更新
能有效的相互传递信息
参数的传递有两种方式:1.表单传参 2用超链接传递参数
下面我用实例来解释这两中方式
要主意调用这四个函数
string s=request.getParemeter("name"); //获得表格中得到的参数
s.equal("yangshuo") //匹配账户
session.setAttribute("username",s); //将获得的参数存到session中的username中
response.sendRedirect("welcome.jsp"); //链接到指定网站
request.setCharacterEconding("utf-8"); 用session时会转化为中文可用
样例
设计一个用户登入界面
当用户名和密码匹配进入用户欢迎界面
否则继续输入密码停留在用户登入界面
strat tomcat服务器
键入站点
从browser中浏览地址
建立三个jsp页面
第一个界面是:
index.jsp 输入表单界面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>用户登入界面</title>
</head>
<body>
<form method="post" action="check.jsp" name="form">
<p>
用户名:
<input type="text" size="20" name="uname">
</p>
<p>
密码 :
<input type="text" size="20" name="pwd">
</p>
<p>
性别 :男
<input type="radio" value="男" name="sex">
女
<input type="radio" checked="checked" value="女" name="sex">
</p>
<p>
<input type="submit" value="注册" name="button1">
</p>
<p>
</p>
<p>
</p>
<p>
</p>
</form>
</body>
</html>
<%%>
第二个界面是:
check.jsp 检查数据界面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<body>
<% request.setCharacterEncoding("utf-8");
String name=request.getParameter("uname");
String pwd=request.getParameter("pwd");
String sex=request.getParameter("sex");
session.setAttribute("uname",name);
session.setAttribute("pwd",pwd);
session.setAttribute("sex",sex);
if(name.equals("yang")&&pwd.equals("1234")){
response.sendRedirect("welcom.jsp");
}
else response.sendRedirect("index.jsp");
%>
</body>
</html>
第三个页面是:
welcome.jsp 和账号密码匹配后 进入欢迎界面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
welcome to you
<%request.setCharacterEncoding("utf-8");
String name=(String)session.getAttribute("uname");
String pwd=(String)session.getAttribute("pwd");
String sex=(String)session.getAttribute("sex");
%>
your name is <%=name%></br>
your password is <%=pwd %></br>
your sex is<%=sex%>效果如下
2 利用超链接来进行参数的传递
样例
index1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<body>
<a href="news.jsp?id=1">新闻1</a>
<a href="news.jsp?id=2">新闻2</a>
</body>
</html>news.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String a=request.getParameter("id");
%>
<% if( a.equals("1")==true) { %>
航母style <%} %>
<% if( a.equals("1")==true) { %>
gao <%} %>
本文详细介绍了JSP技术的基本概念、工作原理、页面元素及其应用,包括HTML标签、文本、指令指定编码、逻辑操作编辑小脚本、表达式输出操作,并通过实例展示了如何制作九九乘法表及动态数据传输。此外,还阐述了动态页面与AJAX技术的关系,以及如何利用AJAX改进用户交互体验。

被折叠的 条评论
为什么被折叠?



