相关知识:
(1)内置对象
一、request使用
实例1:简单登陆界面获取信息
实例2:获取多值信息,如爱好
实例3:实现跳转,获取对象信息
二、实现用户登录
(1)获取登陆信息
(2)信息校验处理
(3)不同页显示登录信息
三、实现用户留言
用户留言实现:实现含主框架的用户留言,显示信息也是含有主框架
(1)message.html
<script type="text/javascript">
var s="1234567";
function changeCity( ){
//定义数组
var cityList = new Array( );
cityList[0]=[‘南京‘, ‘无锡‘, ‘徐州‘, ‘常州‘, ‘南通‘, ‘连云港‘, ‘淮安‘, ‘盐城‘, ‘扬州‘, ‘镇江‘, ‘泰州‘, ‘宿迁‘];
cityList[1]=[‘杭州‘, ‘宁波‘, ‘温州‘, ‘嘉兴‘, ‘湖州‘, ‘绍兴‘, ‘金华‘, ‘衢州‘, ‘舟山‘, ‘台州‘, ‘丽水‘];
cityList[2]=[‘福州‘, ‘厦门‘, ‘莆田‘, ‘三明‘, ‘泉州‘, ‘漳州‘, ‘南平‘, ‘龙岩‘, ‘宁德‘];
cityList[3]=[‘长春‘, ‘吉林‘, ‘四平‘, ‘辽源‘, ‘通化‘, ‘白山‘, ‘松原‘, ‘白城‘, ‘延边‘];
//获得省份选项的索引号,如四川省为1,比对应数组索引号多1
var pIndex=document.myform.selProvince.selectedIndex-1;
var newOption1;
document.myform.selCity.options.length=0;
for (var j in cityList[pIndex]) {
newOption1=new Option(cityList[pIndex][j], cityList[pIndex][j]);
document.myform.selCity.options.add(newOption1);
}
}
function isEmail(element) {
return (
element.value.indexOf("@") != -1 &&
element.value.indexOf(".") != -1);
}
</script>
<div class="fkly">
<h2>访客留言</h2>
<form action="index.jsp?type=msg" onsubmit="return check();" method="post" name="myform" class="form_css"><table width="100%" border="0">
<tr>
<td width="20%">留言标题 </td>
<td width="31%"><input name="title" type="text" id="title" /></td>
<td class="title"width="57%">*必须填写</td>
</tr>
<tr>
<td>姓名</td>
<td><input name="username" type="text" id="username" /></td>
<td class="username">*必须填写,4-16位,内容不公开</td>
</tr>
<tr>
<td>性别</td>
<td><input name="sex" style="border:none;" type="radio" value="man" checked />
男
<input name="sex" style="border:none;" type="radio" value="woman" />
女</td>
<td> </td>
</tr>
<tr>
<td>城市</td>
<td><select name="selProvince" id="selProvince" onchange="changeCity( )">
<option>--请选择省份--</option>
<option value="江苏省">江苏省</option>
<option value="浙江省">浙江省</option>
<option value="福建省">福建省</option>
<option value="吉林省">吉林省</option>
</select></td>
<td><select name="selCity" id="selCity" >
<option>--请选择市--</option></select></td>
</tr>
<tr>
<td>联系邮箱</td>
<td><input name="email" type="text" id="email" /></td>
<td>*必须填写,内容不公开</td>
</tr>
<tr>
<td>电话</td>
<td><input name="telephone" type="text" id="telephone" /></td>
<td>网页不会公开</td>
</tr>
<tr>
<td>留言内容</td>
<td colspan="2"><textarea name="content" cols="50" rows="8"> </textarea></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" class="btn1" name="submit" value="提交" /></td>
<td><input class="btn1" type="reset" name="reset" value="重置" /></td>
</tr>
</table>
</form>
(2)right添加信息
<% }else if(type.equals("message")){ %>
<jsp:include page="message.html"></jsp:include> 填写留言信息页
<% }else if(type.equals("msg")){ %>
<jsp:include page="msg.jsp"></jsp:include> 显示留言信息页
(3)msp.jsp页实现收集留言,可含有汉字,并显示信息
收集留言信息:
<%@page contentType="text/html;charset=utf-8"%>
<%
request.setCharacterEncoding("utf-8");
String title = request.getParameter("title");
String username = request.getParameter("username");
String sex = request.getParameter("sex");
String city = request.getParameter("selProvince")
+request.getParameter("selCity");
String email = request.getParameter("email");
String telephone = request.getParameter("telephone");
String content = request.getParameter("content");
%>
显示留言:
<table width="100%" border="0">
<tbody>
<tr>
<td width="20%">留言标题</td>
<td width="31%"><%=title%></td>
</tr>
<tr>
<td>姓名</td>
<td><%=username%></td>
</tr>
<tr>
<td>性别</td>
<td><%=sex %></td>
</tr>
<tr>
<td>城市</td>
<td><%=city%></td>
</tr>
<tr>
<td>联系邮箱</td>
<td><%=email%></td>
</tr>
<tr>
<td>电话</td>
<td><%=telephone%></td>
</tr>
<tr>
<td>留言内容</td>
<td><%=content %></td>
</tr>
</tbody>
</table>
四、application使用
(1)实例:制作站点计数器(session、application方式)
(2)application实现小型留言板