网上书店第三天 jsp初步

来源：互联网发布：淘宝售后纠纷案例分析编辑：程序博客网时间：2024/05/08 10:06

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初步

网上书店第三天 jsp初步