网上书店 第三天 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"%>

  
  <%  for(int i=1;i<=100;i++)          //<% 这里嵌套java代码%>
   {
  %> 
    This is my JSP page. 
            
  
  <%  }  //匹配上面多出的}  %>    
  
  

5.<表达式：输出操作>

语法<%=变量名%>  这就类似于c中printf和c++中的cout

制作一个九九乘法表： 对表格产生高亮,当鼠标移到表格上面的单元格背景高亮，移出的话恢复原样。

采用的是html+java+css+javascript的技术

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>






  
  
      <% 
          for(int i=1;i<10;i++) 
             {   
      %>
                               
      <%      for(int j=1;j<=i;j++)
                 {
      %>           
                    
      <% 
                 }  
      %> 
           
         
            <% }%>
           
      
 
<%=i%> *<%=j%> = <%=i*j%>
       
  

这是产生的效果

下面介绍动态传输数据

动态页面的最大特点是和用户的交互性强

今天听了张工的讲解了解了很多

原先一直听凯哥讲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"%>

	
		
	
	
		

			

				  用户名：
				
			
			

				  密码  ：
				
			
			

				  性别 ：男
				
				女
				
			
			

				 
				
			
			

				 
			
			

				 
			
			

				 
			
		



	




<%%>

第二个界面是：

check.jsp    检查数据界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>




<%  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");

%>

第三个页面是:

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%>

your password is <%=pwd %>

your sex is<%=sex%>

效果如下

2 利用超链接来进行参数的传递

样例

index1.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>



新闻1
新闻2

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        <%} %>