网上书店 第三天 jsp初步
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 <%} %>