📄 index.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.messagemodelone.web.vo.Message"%>
<%@ page import="com.messagemodelone.web.vo.User" %>
<jsp:useBean id="messageBean" class="com.messagemodelone.web.bean.MessageBean"/>
<%
//发布在tomcat中可以有多个网站(也称web应用),可通过request.getContextPath()获得当前网站名称
String path = request.getContextPath();
//request的一些方法,如getScheme()获取当前协议,getServerName()获取服务器地址,getServerPort()获取端口
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
User user = null;
if(session.getAttribute("loginUser") != null) {
user = (User) session.getAttribute("loginUser");
}
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!--base标签作用是指定当前的根目录 -->
<base href="<%=basePath%>">
<title>jsp+javabean版留言本</title>
<!-- 引入外联样式表 -->
<link href="css/main.css" rel="stylesheet" type="text/css">
<!-- javascript -->
<script type="text/javascript" src="js/ajax.js"></script>
<script language="javascript">
function refreshRandImg(){
var timenow = new Date().getTime();
document.getElementById("randImg").src="<%=basePath%>page/jsp/image.jsp?d="+timenow;
}
function checkRandBack() {
var gtext=this.req.responseText;
if(gtext.indexOf("validate_successful") != -1){
document.messageForm.submit();
}else{
alert("验证码有误!");
refreshRandImg();
}
}
function checkForm() {
//控制主题输入长度
if(document.getElementById("title").value.length>20) {
alert("主题不能超过20个字符");
return false;
}
//控制昵称输入长度
if(document.getElementById("guestName").value.length>20) {
alert("昵称不能超过20个字符");
return false;
}
//控制留言信息长度
if(document.getElementById("leaveWord").value.length>400) {
alert("你想把我的数据库挤爆啊?说这么多!");
return false;
}
//检查验证码
var rand = document.getElementById("rand").value;
if(rand.replace(/(^\s*)|(\s*$)/g, "") == "") {
alert("请输入验证码");
return false;
}
var url="<%=basePath%>page/jsp/checkRandomNum.jsp?randomNumEntered="+rand;
var newxmlhttp=new net.ContentLoader(url,checkRandBack,"","get",null,null);
return false;
//其它控制..
}
</script>
</head>
<body topmargin="0">
<table align="center" width="675" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td width="675">
<!-- form表单,onSubmit提交时调用javascript,action指定处理页面,
method是参数传递方式(get为直接显示在浏览器地址栏,即url;post为封装式发送)
-->
<form name="messageForm" id="messageForm" method="post" onsubmit="return checkForm()"
action="page/jsp/save.jsp">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="3">
<img src="images/img/frame_tct.gif" width="500" height="140"
border="0" usemap="#Map"></td>
</tr>
<tr>
<td width="12" background="images/img/frame_tcl.gif"></td>
<td bgcolor="#ffffff" width="476" align="center">
<table width="421" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" width="164" valign="middle" height="30">
<div align="right">
<img src="images/img/Fi_fu1.gif" width="12" height="12"
border="0">
</div></td>
<td width="40" valign="middle">
<a href="index.jsp" target="_self" class="STYLE1">HOME</a>
</td>
<td align="center" width="21" valign="middle">
<img src="images/img/Fi_fu1.gif" width="12" height="12"
border="0"></td>
<td width="40" valign="middle">
<%if(user != null){
out.print(user.getUsername() + ",您好!");
}
%></td>
<td align="center" width="16" valign="middle">
<img src="images/img/Fi_fu2.gif" width="12" height="12"
border="0"></td>
<td width="41" valign="middle">
<%
//因为登录成功时已经往session中添加userType属性,如果取出来为空的话,则未登录
//如果已经登录,显示登出链接;如果还未登录,则显示登录链接
if(user != null){
%>
<a href="page/jsp/logout.jsp">登出</a>
<%}else{ %>
<a href="page/jsp/login.jsp">登录</a>
<%} %>
</td>
<td align="center" width="15" valign="middle">
<img src="images/img/Fi_fu1.gif" width="12" height="12"
border="0"></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="middle">
<img src="images/face/m01.gif" name="tus" alt="偶的个人形象"
align="absmiddle"></td>
<td width="35"></td>
<td valign="middle">
<table width="288" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<script>function showimage(){document.images.tus.src="images/face/"+document.form.p1.options[document.form.p1.selectedIndex].value+""+document.form.p2.options[document.form.p2.selectedIndex].value+".gif";}</script>
<td style="color: #999900;">
主题:
</td>
<td width="6"></td>
<td>
<input name="title" type="text" class="inp_set1" style="backgroundColor:#77fdf7"
id="title"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
value="路过" size="30" >
</td>
</tr>
<tr>
<td style="color: #999900;">
昵称:
</td>
<td width="6"></td>
<td>
<input name="guestName" type="text" class="inp_set1" id="name"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
value="" size="30" maxlength="10">
</td>
</tr>
<tr>
<td style="color: #999900;">
QQ:
</td>
<td width="6"></td>
<td>
<input name="qq" type="text" class="inp_set1" id="qq"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
size="30" maxlength="14">
</td>
</tr>
<tr>
<td style="color: #999900;">
信箱:
</td>
<td width="6"></td>
<td>
<input name="email" type="text" class="inp_set1"
id="email"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
size="30" maxlength="30">
</td>
</tr>
<tr>
<td style="color: #999900;">
主页:
</td>
<td></td>
<td>
<input name="homepageUrl" type="text" class="inp_set1" id="homepageUrl"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
value="http://" size="30" maxlength="40">
</td>
</tr>
<tr>
<td style="color: #999900;">
验证码:
</td>
<td></td>
<td>
<input name=rand type=text class="inp_set1" id="rand"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"
size="6" maxlength="4">
<img src="page/jsp/image.jsp" id="randImg" width="60" height="20">
<a href="javascript:refreshRandImg()">看不清,换一张</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="3" align="center" height="30" valign="middle">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="color: #999900;">
性别
</td>
<td width="6"></td>
<td>
<select name="p1" size="1" onChange="showimage()">
<option value="m">
男生
</option>
<option value="w">
女生
</option>
</select>
</td>
<td width="9"></td>
<td style="color: #999900;">
头像
</td>
<td width="6">
<select name="p2" size=1 onChange="showimage()">
<option value="01">
01
</option>
<option value="02">
02
</option>
<option value="03">
03
</option>
<option value="04">
04
</option>
<option value="05">
05
</option>
<option value="06">
06
</option>
<option value="07">
07
</option>
<option value="08">
08
</option>
</select>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<textarea name="leaveWord" cols="55" rows=8 wrap="soft"
class="inp_set1" id="leaveWord"
onFocus="this.style.backgroundColor='#77fdf7'"
onBlur="this.style.backgroundColor='#FFFFFF'"></textarea>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="middle">
<!-- 提交按钮,type为submit -->
<input type="submit" value="我写好咯" class="inp_set1"
onFocus="this.style.backgroundColor='#77fdf7'"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -