Web训练项目相关

一、简述

一直没有机会整理前面做过的内容，特此文章整理所学过的web相关训练内容,方便查阅，并在其中参杂对代码理解。

二、相关项目

1.getparameter的url传值

index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>







获取请求参数值

show.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>







请求参数一的值：<%=request.getParameter("parameter1") %>

请求参数二的值：<%=request.getParameter("parameter2") %>

2.jsp数据传递

one.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>









	输入1到100的整数：
	

	

<%
String judge_number=request.getParameter("num");
int one_number=0;
if(judge_number!=null){
	one_number=Integer.parseInt(judge_number);
	if (one_number<=50&&one_number>0 ){
	%>
		
	    
		
	<%}
	else if(one_number>50&&one_number<=100){
	%>
		
	    
		
	<%}
	else {
	%>
	
	
	
	<%}
}%>

two.jsp

<%@page language="java" contentType="text/html; charset=utf-8"%>








this is two.jsp

传递过来的值是：<%out.print(Integer.parseInt(request.getParameter("num")));%>

three.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>








this is three.jsp

传递过来的值是：<%out.print(Integer.parseInt(request.getParameter("num")));%>

error.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>









this is error.jsp

传过来的错误值是：<%out.print(request.getParameter("mistake"));%>，它不是1-100的整数

3.php单词、总访问量

index.php

	
		
		
		
	

	
		
每日GRE词汇
		
欢迎进入土鸡词汇页面，您每访问一次都会有一个随机的单词显示出来，该单词的含义也会同时显示出来
		
查看今天的单词
	

该页面已被访问次

cnt.php

word.php

	
		
		
		
	
	
		
每日GRE词汇
		您今天查看的单词是：
				
			

			
		
	

word.txt（./photo/图像名称(图名与单词同步即可)）

chicken
[ˈtʃɪkɪn]n.鸡; 鸡肉;adj.胆怯; 懦弱; 怯懦;
dance
[dɑːns]n.跳舞，舞蹈;v.跳舞;（使）轻快地移动;adj.舞的, 舞蹈的; 用于舞蹈的;
apple
[ˈæpl]n.苹果;
singer
[ˈsɪŋə(r)]n.唱歌的人; 歌唱家; 歌手;
beautiful
[ˈbjuːtɪfl]adj.美丽的; 美好的; 很好的; 出色的; 巧妙的;
handsome
[ˈhænsəm]adj.英俊的; 漂亮的; 有魅力的; 健美的; 美观的; 悦目的; 数量大的; 大方的;
amazing
[əˈmeɪzɪŋ]adj.太神了; 令人大为惊奇的; (尤指)令人惊喜(或惊羡、惊叹)的;v.使惊奇; 使惊愕; 使惊诧;
unbelievable
[ˌʌnbɪˈliːvəbl]adj.难以置信的; 惊人的; 非常好(或坏、极端)的; 难以相信的; 不真实的;
family
[ˈfæməli]n.	(大)家庭(包括父母子女及近亲); 家族; 家(包括父母子女); 亲属; 子女; （动植物）科;adj.家庭的; 一家所有的; 适合全家人的;

word.css

h1{
	color: red;
	font-size: 50px;
}
p{
	color: blue;
	
}

4.php单词数据库版（3的升级版）

index.php

每日词汇练习



	

	
账号：
	
密码：
 
	登录

main.css

h1{
	color: red;
	font-size: 50px;
}
p{
	color: blue;
	
}

conn.php

login.php

每日单词

index_2.php

	
		
		
		
	
	
		
每日GRE词汇
		
欢迎进入土鸡词汇页面，您每访问一次都会有一个随机的单词显示出来，该单词的含义也会同时显示出来
		

			查看今天的单词
		
	

该页面已被用户登录过次

cnt.php

word.php

	
		
		
		
	
	
		
每日GRE词汇
		您今天查看的单词是：
			
			
		

	   	

			
			

				添加的单词：
			
 
			提交
		
	

add.php

添加完成



';
	echo'3秒后跳转回单词页面';
?>

5.表单数据迭代提交

1.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"%>







	
	

		账号：

		密码：

		
	

2.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    %>








	<%
	String num=request.getParameter("account");
	%>
	
	
	

		用户姓名：
	
		
		
	

3.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    %>







	<%
	String number = request.getParameter("number");
	String name = request.getParameter("name");
	out.println("账号："+number+"姓名："+name);
	%>
	

6.网页

 

main.html

login.html

    
    


    

    
    
    
Please Log In

    

        

            

                
Login:
                

                    
                
            
            

                
Password:
                

                    
                
            
            

                

                    
                    

                
            
        
    

left.html

    
    


    

        
            
                Here is the author's information
            
        

    

right.html

top.html

    
    


    

        
            Login

            Register
        
    

register.html

    
    
    


    

    
    
    
New Member

    

        

            

                
ID
                

                    
                
            

            

                
Password
                

                    
                
            
            

                
Re-Password
                

                    
                
            
            

                
First Name
                

                    
                
            
            

                
Last Name
                

                    
                
            
            

                
Address
                

                    
                
            
            

                
City
                

                    
                
            
            

                
State
                

                    
                    [Select State]
                    State 1 
                    State 2 
                    State 3 
                    
                
            
            

                
Country
                

                    
                
            
            

                
Email Address
                

                    
                
            
            

                
Select Interest
                

                    Technology
                    Enterprise
                    Research
                    Government
                    People
                    Life Style
                    Opinion
                
            
            

                
Question
                

                    
                    [Select Question]
                    Question 1 
                    Question 2 
                    Question 3 
                    
                
            
            

                
Answer
                

                    
                
            
            

                

                    
                    
                
            
        
    

control.php

    
    


    
网站作者简介

    

        
    
    

        

            

                
网站作者：
                
蔡徐坤
            
            

                
别名：
                
坤坤、姬哥
            
            

                
爱好：
                
唱、跳、rap、篮球
            
            

                
生平事迹：
                
美国篮球校队练习时长两年半
            
            

                
代表作品：
                
《你干嘛》、《铁山靠》、华语金曲奖歌曲《wei wei wei》
            
        
    

7.页面数值清空传递

doform.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    %>







<%
String user=request.getParameter("account");
String psw=request.getParameter("password");
	
%>
用户：<%=user %>

密码：<%=psw %>

form.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    %>









用户名：

口令：


 

8.一个简单的页面

index.jsp

<%@page contentType="text/html;charset=gb2312"%>





<%--获取session对象的name属性的值，请注意要强制转换类型为String--%>
<% String name= (String)session.getAttribute("username");
   int number;
   if(name==null){
//如果name为空，即用户没有登录而直接访问index.jsp，则将请求重定向到//login.jsp

     response.sendRedirect("login.jsp");
}
   else{ 
//获取application的属性counter的值，如果为空，则设置counter的值为1
	    if(application.getAttribute("counter")==null)
	    {
	      application.setAttribute("counter",1);
	    }
	    else
	    {
	    	
     //判断用户是否是第一次访问
	      if(session.isNew())
	      {
//如果用户是第一次访问，则网站计数器加1，即在原来counter属性值的基础上加1
number=Integer.parseInt(application.getAttribute("counter").toString())+1;
//重新设置application的counter属性的值
		  application.setAttribute("counter",number);
		  }
		}
	 }
//获取最新的网站计数器的值

number=Integer.parseInt(application.getAttribute("counter").toString());
	out.println("您好,"+name+",欢迎光临我的网站,您是第"+number+"个访问者");
%>

login.jsp

<%@page contentType="text/html;charset=gb2312"%>




用户名:

密 码:


 
注册

<%--为使输入的中文显示不乱码，设置输入参数的字符编码为“gb2312”--%>
<%request.getMethod();
  String name= request.getParameter("username");//获取用户在表单输入的用户名
  String psw= request.getParameter("psw");//获取用户在表单输入的密码
  if(name!=null && psw!=null){
     if(name.equals("")||psw.equals("")){
	 	out.println("用户名或密码不能为空!");
	 }else{
        if(name.equals("admin")&& psw.equals("password")){
//将所获取到的用户名和密码分别保存到session对象的属性name和psw中	    
		session.setAttribute("username",name);
		session.setAttribute("psw",psw);
		 
//将请求自动重定向到index.jsp
		response.sendRedirect("index.jsp");
	    }else{
	      out.println("用户名或密码错误,请从新输入!");
	    }
	 }
  }  
%>

register.html

个人信息注册表


姓名:

性别:
男
  女
email:

最高学历/学位:

    博士
    硕士
    本科
    专科
    其他
   

经常浏览的网站:

新浪
网易
谷歌
百度


其他信息:

  

registerInfo.jsp

<%@page contentType="text/html;charset=gb2312"%>





<%--为使输入的中文显示不乱码，设置输入参数的字符编码为“gb2312”--%>
<%request.getMethod();%>
<%--输出用户在表单中注册的用户名--%>
<%=request.getParameter("username")%>,您好!您的个人信息如下:
<%--输出用户在表单中注册的性别--%>
性  别:<%=request.getParameter("gender")%>

<%--输出用户在表单中注册的email--%>
e-mail:<%=request.getParameter("email")%>

<%--输出用户在表单中注册的学历/学位--%>
最高学历/学位:<%=request.getParameter("edu")%>

经常浏览的网站:
<%--输出用户在表单中注册的经常浏览的网站--%>
  <% 
   String[] site=request.getParameterValues("site");   
if(site!=null){
//使用循环语句获取用户在表单中所选择的所有网站
	for (int i=0;i


<%--输出用户在表单中注册的其他信息--%>
其他信息:<%=request.getParameter("other")%>

9.function函数

    
    
    


    

        金额:

        

        五十块数量为：

        二十块数量为：

        十块数量为：

        五块数量为：

        一块数量为：

    

    

        




        十本书价钱：

        

        

        

        

        

        

        

        

        

        

        

        最高价：

        最低价：

        平均价：