简单BBS项目 / 憋错料

项目的基本要求：　　

　　掌握递归
　　掌握JavaScript+html+css+jsp+servlet初步应用
　　掌握分页写法
　　初步掌握前台/后台的概念

简单的功能需求：
　　1.能够树形展现
　　2.能够平板型展现
　　3.能够回复帖子
　　4.后台能够管理帖子，如：删除

<1.新建项目：右键new/project/Dynamic Web Project,项目名称为BBS，配置tomcat。

<2.设计数据库的表：保留建表的语句到项目中，在项目new/folder然后引入bbs.sql；

*****bbs.sql*****

create database bbs;

use bbs;

create table article
(
id int primary key
auto_increment, //auto_increment--为mysql中的自动递增
pid int,
rootid
int,
title varchar(255),
cont text,
pdate datetime,
isleaf int

);

insert into article values (null, 0, 1, ‘蚂蚁大战大象‘, ‘蚂蚁大战大象‘, now(),
1); //因为第一个字段自动递增，所以为null值
insert into article values (null, 1, 1, ‘大象被打趴下了‘,
‘大象被打趴下了‘,now(), 1);
insert into article values (null, 2, 1,
‘蚂蚁也不好过‘,‘蚂蚁也不好过‘, now(), 0);
insert into article values (null, 2, 1, ‘瞎说‘,
‘瞎说‘, now(), 1);
insert into article values (null, 4, 1, ‘没有瞎说‘, ‘没有瞎说‘,
now(), 0);
insert into article values (null, 1, 1, ‘怎么可能‘, ‘怎么可能‘, now(),
1);
insert into article values (null, 6, 1, ‘怎么没有可能‘, ‘怎么没有可能‘, now(),
0);
insert into article values (null, 6, 1, ‘可能性是很大的‘, ‘可能性是很大的‘, now(),
0);
insert into article values (null, 2, 1, ‘大象进医院了‘, ‘大象进医院了‘, now(),
1);
insert into article values (null, 9, 1, ‘护士是蚂蚁‘, ‘护士是蚂蚁‘, now(), 0);

批量输入以上语句：进入mysql后台，执行命令：source
*/bbs.sql //*代表相应的目录
mysql的账号/密码
还要在项目的WebContentde/WEB-INF/LIB中引入mysql-connector-java-5.1.29-bin.jar包

<3.在eclipse中直接查看数据库
在Data Source
Explorer中右键点击DataBase/new-->选择Generic JDBC
Connection-->随便输入名称然后next-->选择相应的数据库......

<4.新建JSP文件ShowArticleTree.jsp

-----ShowArticleTree.jsp-----

<%@ page language="java" contentType="text/html; charset=GBK"

pageEncoding="GBK"%>
<%@page import="java.sql.*"%>

<%
String admin=(String)session.getAttribute("admin");
//在Login.jsp中session.setAttribute("admin","true");-----由此判断是否在登录页面Login.jsp中成功登录
if(admin!=null&&admin.equals("true")){
login=true;
//登录成功则讲login设置为true
}
%>

<%!
String str="";
boolean login=false;
//设置变量login，判断是否登录
private void tree(Connection conn,int id,int
level){
Statement stmt=null;
ResultSet rs=null;
String
preStr="";
for(int
i=0;i<level;i++){
preStr+="----";
}
try{
stmt=conn.createStatement();
String
sql="select * from article where pid ="+id;
String
strLogin="";
rs=stmt.executeQuery(sql);
while(rs.next()){
if(login){
//判断是否成功登录
strLogin="<td><a
href=‘Delete.jsp?id="+rs.getInt("id")+"&pid="+rs.getInt("pid")+"‘>delete</a>";
//设置删除链接
}
str+="<tr><td>"+rs.getInt("id")+"</td><td>"+
"<a
href=‘ShowArticleDetail.jsp?id="+rs.getInt("id")+"‘>"+rs.getString("title")+"</a>"+strLogin+"</td></tr>";
//若成功登录，则加上删除链接
if(rs.getInt("isleaf")!=0){

tree(conn,rs.getInt("id"),level+1);
}
}
}catch(SQLException
e){
e.printStackTrace();
}finally{
try{
if(rs!=null){
rs.close();
rs=null;
}
if(stmt!=null){
stmt.close();
stmt=null;
}
}catch(SQLException
e){
e.printStackTrace();
}
}
}
%>

<%
Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);
Statement
stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery("select * from
article where pid=0");
String
strLogin="";
while(rs.next()){
if(login){
strLogin="<td><a
href=‘Delete.jsp?id="+rs.getInt("id")+"&pid="+rs.getInt("pid")+"‘>delete</a>";
}
str+="<tr><td>"+rs.getInt("id")+"</td><td>"+"<a
href=‘ShowArticleDetail.jsp?id="+rs.getInt("id")+"‘>"+rs.getString("title")+"</a>"+"</a></td>"+strLogin+"</td></tr>";
if(rs.getInt("isleaf")!=0){
tree(conn,rs.getInt("id"),1);
}
}
rs.close();
stmt.close();
conn.close();
%>

<5.用递归的方法输出树：

-----ShowArticleTree.jsp-----

<%@ page language="java" contentType="text/html; charset=GBK"

pageEncoding="GBK"%>
<%@page import="java.sql.*"%>

<%!　　//定义地柜函数来显示树状的帖子
String str="";　
private void tree(Connection
conn,int id,int level){
Statement stmt=null;
ResultSet
rs=null;
String preStr="";
for(int
i=0;i<level;i++){
preStr+="----";
}
try{
stmt=conn.createStatement();
String
sql="select * from article where pid
="+id;
rs=stmt.executeQuery(sql);
while(rs.next()){
str+="<tr><td>"+rs.getInt("id")+"</td><td>"+"<a
href=‘ShowArticleDetail.jsp?id="+rs.getInt("id")+"‘>"+rs.getString("title")+"</a>"+"</a></td>"+"<td><a
href=‘Delete.jsp?id="+rs.getInt("id")+"&pid="+rs.getInt("pid")+"‘>删除</a>"+"</td></tr>";
if(rs.getInt("isleaf")!=0){
tree(conn,rs.getInt("id"),level+1);
}
}
}catch(SQLException
e){
e.printStackTrace();
}finally{
try{
if(rs!=null){
rs.close();
rs=null;
}
if(stmt!=null){
stmt.close();
stmt=null;
}
}catch(SQLException
e){
e.printStackTrace();
}
}
}
%>

<%
Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);
Statement
stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery("select * from
article where
pid=0");
while(rs.next()){
str+="<tr><td>"+rs.getInt("id")+"</td><td>"+"<a
href=‘ShowArticleDetail.jsp?id="+rs.getInt("id")+"‘>"+rs.getString("title")+"</a>"+"</a></td>"+"<td><a
href=‘Delete.jsp?id="+rs.getInt("id")+"&pid="+rs.getInt("pid")+"‘>删除</a>"+"</td></tr>";
if(rs.getInt("isleaf")!=0){
tree(conn,rs.getInt("id"),1);
}
}
rs.close();
stmt.close();
conn.close();
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=GBK">
<title>Insert title
here</title>
</head>
<body>
<table
border="1">
<%=str %>
<%str="";
%> //将字符串置为空，避免刷新时重复显示
</table>
</body>
</html>

<6.创建jsp文件显示帖子的具体内容（从数据库中取内容）

-----ShowArticleDetil.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE
html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<%
String
strid=request.getParameter("id"); //获得ShowArticleTree.jsp的表格链接过来的id
int
id=Integer.parseInt(strid); //将获得字符串转为Int

Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);
Statement
stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery("select * from
article where id="+id);

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=gbk">
<title>Insert title
here</title>
</head>
<body>
<%
if(rs.next()){
%>
<table
border="1">
<tr>
<td>Id</td>
<td><%=rs.getInt("id")
%></td>
</tr>
<tr>
<td>Title</td>
<td><%=rs.getString("id")
%></td>
</tr>
<tr>
<td>Context</td>
<td><%=rs.getString("cont")
%></td>
</tr>
</table>
<a
href="Reply.jsp?id=<%=rs.getInt("id")%>&rootid=<%=rs.getInt("rootid")%>">回复</a> //在帖子的细节中加入回复功能，链接到Reply.jsp，其中传入参数id和rootid
<%
}
rs.close();
stmt.close();
conn.close();
%>
</body>
</html>

<7.加入回复功能：

------Reply.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>

<%
int
id=Integer.parseInt(request.getParameter("id")); //接收ShowArticleDetil.jsp传过来的参数
int
rootid=Integer.parseInt(request.getParameter("rootid")); //接收ShowArticleDetil.jsp传过来的参数
%>

</head>
<body>
<form action="ReplyOK.jsp" method="post"
onsubmit="return
check()"> //当点击提交时转到ReplyOK.jsp页面；提交前调用函数check()验证内容是否正确，正确则成功提交，否则无法提交
<input
type="hidden" name="id" value="<%=id %>"> //以隐藏域的方式传递参数
<input
type="hidden" name="rootid" value="<%=rootid
%>"> //以隐藏域的方式传递参数
<table
border="1">
<tr>
<td>
<input type="text"
name="title"
size="80">
</td>
</tr>
<tr>
<td>
<textarea
cols="80" rows=12
name="cont"></textarea>
</td>
</tr>
<tr>
<td>
<input
type="submit"
value="提交">
</td>
</tr>
</table>
</form>

</body>
</html>

-----ReplyOK.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>
<%@ page import="java.sql.*"%>

<%
request.setCharacterEncoding("gbk"); //解决中文字符问题，上一个页面默认按ISO-8859-1提交过来，将其改为GBK编码

int id=Integer.parseInt(request.getParameter("id"));
int
rootid=Integer.parseInt(request.getParameter("rootid"));
String
title=request.getParameter("title");

if(title==null){ //服务器验证是否正确
out.println("error!please use my bbs in the
right way!");
return;
}

title=title.trim();

if(title.equals("")){ //服务器验证是否正确
out.println("title could not be
empty!");
return;
}

String cont=request.getParameter("cont");
cont=cont.trim();

if(cont.equals("")){ //服务器验证是否正确
out.println("content could not be
empty!");
return;
}

String
cont=request.getParameter("cont");
cont=cont.replaceAll("\n","<br>"); //解决无法显示换行问题，将java中的换行"\n"替换为页面显示的换行"<br>"

Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);

conn.setAutoCommit(false); //避免不同步--插入帖子和更新被回复帖子为非叶子节点必须同步完成

String sql="insert into article
values(null,?,?,?,?,now(),0)"; //在数据库中插入刚刚回复的新帖子--**注意这一中输入数据库的技巧
PreparedStatement
pstmt=conn.prepareStatement(sql);
Statement
stmt=conn.createStatement();
pstmt.setInt(1,id);
pstmt.setInt(2,rootid);
pstmt.setString(3,title);
pstmt.setString(4,cont);
pstmt.executeUpdate();

stmt.executeUpdate("update article set isleaf=1 where
id="+id); //更新被回复帖子为非叶子节点

conn.commit(); //避免不同步，在完成上面两步之后才自己提交
conn.setAutoCommit(true); //恢复现场

stmt.close();
pstmt.close();
conn.close();

response.sendRedirect("ShowArticleTree.jsp"); //提交成功后转到ShowArticleTree.jsp页面
%>

</body>
</html>

<7.增加删除功能：

-----Delete.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>
<%@ page import="java.sql.*"%>

<%!
private void del(Connection conn,int
id){ //定义递归函数删除节点及其子节点
Statement stmt=null;
ResultSet
rs=null;
try{
stmt=conn.createStatement();
String sql="select *
from article where pid
="+id;
rs=stmt.executeQuery(sql);
while(rs.next()){
del(conn,rs.getInt("id"));
}
stmt.executeUpdate("delete
from article where id="+id);
}catch(SQLException
e){
e.printStackTrace();
}finally{
try{
if(rs!=null){
rs.close();
rs=null;
}
if(stmt!=null){
stmt.close();
stmt=null;
}
}catch(SQLException
e){
e.printStackTrace();
}
}
}
%>

<%
String admin=(String)session.getAttribute("admin");
//增加验证功能，不登录则不可以浏览Delete.jsp页面（与前面的ShowArticleTree.jsp中的类似）
if(admin!=null&&admin.equals("false")){
out.println("小子，别想通过我这关！");
return;
//直接结束，后面的内容不显示
}
%>

<%
int id=Integer.parseInt(request.getParameter("id"));
int
pid=Integer.parseInt(request.getParameter("pid"));

Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);

conn.setAutoCommit(false); //避免不同步，设置trasaction

del(conn,id);

Statement stmt=conn.createStatement();
ResultSet
rs=stmt.executeQuery("select count(*) from article where
pid="+pid); //得到父节点为pid的所有子节点的数目
rs.next();
int
count=rs.getInt(1); //获得第1列的值
rs.close();
stmt.close();

if(count<=0){
Statement
stmtUpdate=conn.createStatement();
stmtUpdate.executeUpdate("update article
set isleaf=0 where id="+pid); //将父节点设为叶子节点
stmtUpdate.close();
}

conn.commit();
conn.setAutoCommit(true);
conn.close();

response.sendRedirect("ShowArticleTree.jsp");
%>

<8.增加只有管理员可以删除功能，还有增加主题的功能：

-----Post.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>
<%@page import="java.sql.*" %>

<%
String
action=request.getParameter("action");
if(action!=null&&action.equals("post")){
//判断是又发新帖（方式为get）转到的还是自身点提交（方式为post）转到这页面的

String
title=request.getParameter("title");
String
cont=request.getParameter("cont");

cont=cont.replaceAll("\n","<br>");

Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);

conn.setAutoCommit(false);

String
sql="insert into article values(null,0,?,?,?,now(),0)";
PreparedStatement
pstmt=conn.prepareStatement(sql,Statement.RETURN_GENERATED_KEYS);
//利用Statement.RETURN_GENERATED_KEYS告诉JDBC，这个sql语句中有自动增加的字段
Statement
stmt=conn.createStatement();

pstmt.setInt(1,-1);
pstmt.setString(2,title);
pstmt.setString(3,cont);
pstmt.executeUpdate();

ResultSet
rsKey=pstmt.getGeneratedKeys(); //获得这些自动增加的字段的值
rsKey.next();
int
key=rsKey.getInt(1);
//获得第一个自动增加的字段的值
rsKey.close();
stmt.executeUpdate("update article set
rootid="+key+"where id="+key);
//更新rootid的值

//stmt.executeUpdate("update article set isleaf=1 where
id="+id);

conn.commit();
conn.setAutoCommit(true);

stmt.close();
pstmt.close();
conn.close();

response.sendRedirect("ShowArticleTree.jsp");
}
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=gbk">
<title>Insert title
here</title>
</head>
<body>
<form
action="Post.jsp" method="post">
<input type="hidden" name="action"
value="post"> //设置隐藏域，跟上面的语句来配合区分是由哪个页面转到这里的
<table
border="1">
<tr>
<td>
<input type="text"
name="title"
size="80">
</td>
</tr>
<tr>
<td>
<textarea
cols="80" rows=12
name="cont"></textarea>
</td>
</tr>
<tr>
<td>
<input
type="submit"
value="提交">
</td>
</tr>
</table>
</form>

</body>
</html>

-----Login.jsp-----
在WebContent中新建文件夹images，引入所有图片；并引入login.jsp到WebContent。账号密码都是admin

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

<%
String action = request.getParameter("action");
if(action != null
&& action.equals("login")) {
String username =
request.getParameter("uname"); //获得账号
String password =
request.getParameter("pwd"); //获得密码
if(username == null ||
!username.equals("admin")) {
%>
<font color="white"
size=5>username not
correct!</font>
<%
//return;-----表示页面到此结束，后面不显示
}else
if(password == null || !password.equals("admin")) {
out.println("password
not correct!");
//return;-----表示页面到此结束，后面不显示
}else
{
session.setAttribute("admin",
"true");
response.sendRedirect("ShowArticleTree.jsp");
}
}
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">

<HTML><HEAD><TITLE>SIM - Client Access -
Login</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=gbk" pageEncoding="gbk"><LINK
href="images/sim_stylesheet.css"
type=text/css
rel=styleSheet>
<SCRIPT language=JavaScript src=""
type=text/javascript></SCRIPT>

</HEAD>
<BODY bgColor=#20355a leftMargin=0 topMargin=0
onload=init() marginheight="0"
marginwidth="0">
<DIV id=about_sim_drop1>
<TABLE cellSpacing=0
cellPadding=0 width=140 border=0>
<TBODY>
<TR>

<TD bgColor=#ffffff>
<TABLE cellSpacing=2 cellPadding=2
width=140 border=0>
<TBODY>
<TR>

<TD vAlign=top align=left width=130><A class="topnav"

onmouseover="stopTime(); showLayer(‘about_sim_corporate_drop2‘);
hideLayer(‘about_sim_portfolio_drop2‘);"
onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/index.asp">Corporate

Info</A></TD>
<TD vAlign=top
width=10><IMG height=10 alt=arrow

src="images/nav_arrows.gif"

width=10></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#cacfda>
<TABLE cellSpacing=2
cellPadding=2 width=140 border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width=130><A
class="topnav"
onmouseover="stopTime();
hideLayer(‘about_sim_corporate_drop2‘);"
onmouseout=startTime();

href="http://www.simworld.com/about_sim/products/index.asp">Products</A></TD>

<TD vAlign=top width=10><IMG height=10

src="images/spacer.gif"

width=10></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#ffffff>
<TABLE cellSpacing=2
cellPadding=2 width=140 border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width=130><A
class="topnav"
onmouseover=stopTime();

onmouseout="startTime(); hideLayer(‘about_sim_corporate_drop2‘);"

href="http://www.simworld.com/about_sim/portfolio/index_temp.asp">Portfolio</A></TD>

<TD vAlign=top width=10><IMG height=10 alt=arrow

src="images/spacer.gif"

width=10></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=about_sim_corporate_drop2>
<TABLE cellSpacing=0
cellPadding=0 width="100%" border=0>
<TBODY>
<TR>

<TD bgColor=#cacfda>
<TABLE cellSpacing=2 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>

<TD vAlign=top align=left width="100%"><A class="topnav"

onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/mission.asp">Mission</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#ffffff>
<TABLE cellSpacing=2
cellPadding=2 width="100%" border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width="100%"><A
class="topnav"
onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/philosophy.asp">Philosophy</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#cacfda>
<TABLE cellSpacing=2
cellPadding=2 width="100%" border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width="100%"><A
class="topnav"
onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/team.asp">Team</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#ffffff>
<TABLE cellSpacing=2
cellPadding=2 width="100%" border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width="100%"><A
class="topnav"
onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/specialty.asp">Specialty

Markets
</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#cacfda>
<TABLE cellSpacing=2
cellPadding=2 width="100%" border=0>
<TBODY>

<TR>
<TD vAlign=top align=left width="100%"><A
class="topnav"
onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/about_sim/corporate/news.asp">News

&
Awards</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=about_sim_portfolio_drop2></DIV>
<DIV id=client_access_drop1></DIV>
<DIV
id=client_access_customer_drop2></DIV>
<DIV id=join_our_team_drop1>
<TABLE cellSpacing=0
cellPadding=0 width=150 border=0>
<TBODY>
<TR>

<TD bgColor=#ffffff>
<TABLE cellSpacing=2 cellPadding=2
width=150 border=0>
<TBODY>
<TR>

<TD vAlign=top width=10><IMG height=10

src="images/client_access.htm"
width=10></TD>

<TD vAlign=top align=right width=140><A class="topnav"

onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/join_our_team/job_openings.asp">Job

Openings</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#cacfda>
<TABLE cellSpacing=2
cellPadding=2 width=150 border=0>
<TBODY>

<TR>
<TD vAlign=top width=10><IMG height=10

src="images/spacer.gif" width=10></TD>

<TD vAlign=top align=right width=140><A class="topnav"

onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/join_our_team/apply_online.asp">Employee

Benefits</A></TD></TR></TBODY></TABLE></TD></TR>

<TR>
<TD bgColor=#ffffff>
<TABLE cellSpacing=2
cellPadding=2 width=150 border=0>
<TBODY>

<TR>
<TD vAlign=top width=10><IMG height=10

src="images/spacer.gif" width=10></TD>

<TD vAlign=top align=right width=140><A class="topnav"

onmouseover=stopTime(); onmouseout=startTime();

href="http://www.simworld.com/join_our_team/corp_culture.asp">Corporate

Culture</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<TABLE
height="100%" cellSpacing=0 cellPadding=0 width="100%" align=center

border=0>
<TBODY>
<TR>

<TD>
<TABLE borderColor=#ffffff cellSpacing=0 cellPadding=0
width=760
align=center border=1>
<TBODY>

<TR>
<TD>
<TABLE cellSpacing=0
cellPadding=0 width="100%" border=0>
<TBODY>

<TR>
<TD>
<TABLE
cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>

<TR>
<TD rowSpan=2><IMG height=53

alt="Screened Images Multimedia"

src="images/sim_logo_top.gif"
width=136
useMap=#top_logo_map border=0><MAP

name=top_logo_map><AREA shape=RECT

alt="Screened Images Multimedia [Back to Home]"

coords=11,4,120,54

href="http://www.simworld.com/index.asp"></MAP></TD>

<TD><span
class="STYLE1">欢迎来到

著名的BBS后台</span></TD>

</TR>
<TR>
<TD><span
class="STYLE1">不输入用户名密码不许进
用户名: admin 密码: admin
</span></TD>

</TR></TBODY></TABLE></TD></TR>
<TR>

<TD>
<TABLE
cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>
<TR>

<TD><IMG height=324

src="images/client_login_left_arc.gif"
width=137
useMap=#bot_logo_map border=0><MAP

name=bot_logo_map><AREA shape=RECT

alt="Screened Images Multimedia [Back to Home]"

coords=11,0,120,24

href="http://www.simworld.com/index.asp"></MAP></TD>

<TD>
<TABLE cellSpacing=0
cellPadding=0 width="100%"
border=0>

<TBODY>
<TR>

<TD><IMG height=91 alt="CLIENT LOG-IN"

src="images/client_login_title.gif"

width=282></TD></TR>
<TR>

<TD>
<FORM
action=Login.jsp method=post>
<input
type=hidden name=action value=login>

<TABLE cellSpacing=0 cellPadding=0 width="100%"

background="images/client_login_text_bg.gif"

border=0>
<TBODY>

<TR>
<TD
rowSpan=4><IMG height=158

src="images/spacer.gif"
width=22
border=0></TD>
<TD
colSpan=2>
<P
class="bodydarkblue">Please enter your username

and password here to preview your designs, check

project status and/or submit new job

requests.</P></TD></TR>

<TR>
<TD>

<P class="bodyldarkblue"><LABEL

for=uname>用户名:</LABEL></P></TD>

<TD><INPUT id=uname
name=uname></TD></TR>

<TR>
<TD>

<P class="bodyldarkblue"><LABEL

for=pwd>密码:</LABEL></P></TD>

<TD><INPUT id=pwd type=password

name=pwd></TD></TR>

<TR>
<TD vAlign=top
colSpan=2><A class="bodydarkblue"

href="http://www.simworld.com/client_access/client_login.asp"><STRONG></STRONG></A><IMG

height=1

src="images/spacer.gif"
width=132

border=0>     <INPUT

type=image alt=Submit

src="images/client_login_submit.gif"

align=absMiddle value=Submit

name=Submit></TD></TR></TBODY></TABLE></TD></TR>

<TR>

<TD><IMG height=75

src="images/client_login_bot_arc.gif"

width=282></TD></TR></TBODY></TABLE></TD>

<TD><IMG height=324 alt="Log-in Image"

src="images/client_login_main_pic.jpg"

width=341></TD></TR></TBODY></TABLE></TD></TR>
<TR>

<TD>
<TABLE cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>

<TR>
<TD><A

onmouseover="Rollover(‘nav_homepage_a‘,‘nav_homepage‘);"

onmouseout="Rollover(‘nav_homepage‘,‘nav_homepage‘);"

href="http://www.simworld.com/index.asp"></A><IMG height=26

src="images/interior_bot_nav_bar.gif"

width=100%></TD>
</TR>

<TR>
<TD><IMG height=12

alt="Copyright 2003 Screened Images, Inc."

src="images/bot_footer_bar.gif"

width=760></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>

<9.平板显示模式的BBS

-----ShowArticleFlat.jsp-----

<%@ page language="java" contentType="text/html; charset=gbk"

pageEncoding="gbk"%>
<%@page import="java.sql.*"%>

<% //实现分页功能
int pageSize=3; //设置每页显示条数为3

String strPageNo=request.getParameter("pageNo"); //获得想要显示的页数
int
pageNo;
if(strPageNo==null||strPageNo.equals("")){
pageNo=1;
}else{
pageNo=Integer.parseInt(strPageNo.trim());
if(pageNo<=0)
pageNo=1;
}
Class.forName("com.mysql.jdbc.Driver");
String
url="jdbc:mysql://localhost:3306/bbs?user=root&password=abc123";
Connection
conn=DriverManager.getConnection(url);

Statement stmtCount=conn.createStatement();
ResultSet
rsCount=stmtCount.executeQuery("select count(*) from article where
pid=0");
rsCount.next();
int totalRecords=rsCount.getInt(1);
//获得总共有多少条帖子

int
totalPages=(totalRecords%pageSize==0?totalRecords/pageSize:totalRecords/pageSize+1);
//获得总共多少页
if(pageNo>=totalPages) pageNo=totalPages;
//若当前页大于总共页数，将当前页数设置为总共页数
int startPos=(pageNo-1)*pageSize;
Statement
stmt=conn.createStatement();
ResultSet rsCount=stmtCount.executeQuery("select
count(*) from article where pid=0");
%>
<!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=GBK">
<title>Insert title
here</title>
</head>
<body>
<a
href="Post.jsp">发表新帖</a> //点击发表新帖转到Post.jsp
<table
border="1">

<%
while(rs.next()){
%>

<tr>
<td>
<%=rs.getString("cont") %>
//获得cont的内容，以平板的形式显示（更改上面的Post.jsp-----重定向到ShowArticleFlat.jsp）
</td>
</tr>

<%
}
rs.close();
stmt.close();
conn.close();
%>

</table>
第<%=pageNo %>页共<%=totalPages %>页&nbsp
//显示当前页码，与总共页数
<a href="ShowArticleFlat.jsp?pageNo=<%=pageNo-1
%>">上一页</a>&nbsp&nbsp&nbsp //实现功能上一页
<a
href="ShowArticleFlat.jsp?pageNo=<%=pageNo+1
%>">下一页</a>&nbsp&nbsp&nbsp //实现功能下一页

<form name="form1" action="ShowArticleFlat.jsp">
//增加用于选择显示第几页的功能
<select name="pageNo"
onchange="document.form1.submit()">
//当选项被改变提交时，这个pageNo选项的值被改为第几个选项的值
<%
for(int
i=0;i<=totalPages;i++){ //动态的确定有多少个选项
%>
<option value=<%=i
%> <%=(pageNo==i)?"selected":"" %>> 第<%=i %>页
//判断pageNo的值是否等于i，等于i就选中这一项，否则不选中。
<%
}
%>
</select>
</form>

<form name="form2" action="ShowArticleFlat.jsp">
//增加利用文本框输入想要选择的页数
<input type="text" size="4" name="pageNo"
value=<%=pageNo%> /> //文本框中的值初始为pageNo的值
<input type="submit"
value="go" />
</form>

</body>
</html>

简单BBS项目,码迷,mamicode.com

时间： 2024-10-27 07:26:41

简单BBS项目

简单BBS项目的相关文章

简单BBS项目开始（一）

Maven实战（二）构建简单Maven项目

c# 自己制作一个简单的项目倒计时器

SpringMVC+Spring4+Mybatis3集成，开发简单Web项目+源码下载

Ant——使用Ant构建简单Java项目（二）

美化的bbs项目

Ant——使用Ant构建简单Java项目（三）

Ant—使用Ant构建简单Java项目（三）

GitHub搭建简单的项目“Hello HTML”