JSP课程设计.docx

JSP课程设计.docx

《JSP课程设计.docx》由会员分享，可在线阅读，更多相关《JSP课程设计.docx（21页珍藏版）》请在冰点文库上搜索。

JSP课程设计

存档资料成绩：

华东交通大学理工学院

课程设计报告书

所属课程名称JSP课程设计

题目　　新闻发布系统

分院　电信分院　

专业班级

学　　号

学生姓名　　

指导教师

2014年月日

目　录

第1章系统概述和开发环境-1-

1．1系统概述-1-

1.2系统开发运行环境-1-

第2章设计方案及流程图-2-

2.1功能需求描述-2-

2.1.1管理员登录注册功能-2-

2.1.2查看新闻功能-2-

2.1.3评论新闻功能-2-

2.1.4添加新闻功能-2-

2.1.5管理新闻功能-2-

2.2流程图-3-

2.3数据库设计-3-

第3章模块设计-5-

3.1查看新闻界面（主界面）-5-

3.2登陆界面-5-

3.3注册界面-6-

3.4评论新闻界面-6-

3.5添加新闻界面-7-

3.6管理新闻界面-7-

3.7修改新闻界面-8-

3.8系统主要程序代码-8-

3.8.1管理界面导航栏代码-8-

3.8.2新闻管理界面代码-9-

3.8.3添加新闻界面代码-10-

3.8.4查看新闻界面（首页）代码-12-

第4章心得体会-17-

参考文献（资料）-18-

第1章系统概述和开发环境

1．1系统概述

本次任务是要实现一个新闻发布系统，系统的主要功能包括：

管理员登录注册功能、新闻查看功能、新闻评论功能、添加新闻功能和新闻管理功能。

任何用户均可使用本系统来查看和评论新闻。

用户可以通过单击每条新闻的标题来查看该条新闻的详细内容。

当用户作为系统管理员成功登录后，可以使用新闻管理功能和新闻添加功能。

新闻管理是对原有新闻的修改和删除，新闻添加是添加新的新闻。

1.2系统开发运行环境

操作系统：

WindowsXP

Web服务器：

Tomcat6.0

编程环境：

JDK7.0

开发工具：

MyEclipse

开发语言：

JSP、Java

数据库：

MySQL

第2章设计方案及流程图

2.1功能需求描述

本新闻发布系统是给用户提供一个简介，方便的新闻查看和评论系统，同时也方便管理员进行新闻发布，新闻管理等操作。

新闻发布系统主要需要实现以下一些基本功能。

2.1.1管理员登录注册功能

当用户需要使用新闻管理功能时，需要先以管理员身份登录系统，若未注册，则需要进入注册界面先注册再登录。

登录成功后才可进入新闻管理界面。

2.1.2查看新闻功能

任何用户均可以使用查看新闻功能。

用户进入系统主页即可查看新闻页面。

查看新闻功能显示所有新闻标题，并且使用分类显示效果，用户可通过点击新闻标题查看新闻的详细内容。

这里显示的所有新闻按发布时间降序排列，以保证最新发布的新闻位于最前面。

2.1.3评论新闻功能

任何用户都可以使用评论新闻功能。

用户通过点击新闻首页的新闻标题进入新闻评论界面，就可以对所查看的新闻进行评论。

2.1.4添加新闻功能

用户登录后可以使用添加新闻功能。

用户通过在系统导航栏上单击“添加新闻”超链接可以进入发布新闻页面。

添加新闻时，需要填写新闻的标题、内容和在下拉框中选择新闻类别，发布时间取当前系统时间，不需要用户填写。

2.1.5管理新闻功能

当用户登录系统后，可以进行新闻管理操作，包括对现有新闻的修改和删除。

在管理页面上，用户可以通过单击每条记录右侧的“编辑”和“删除”超链接来进行操作。

2.2流程图

流程图详见图2-1。

图2-1

2.3数据库设计

本系统采用MySql数据库，在数据库中使用数据库db_news来储存现有的新闻信息。

在数据库db_news中建立四个表：

tb_class（新闻类别表）,tb_discuss（新闻评论表）,tb_news（新闻信息表）,tb_user（用户信息表）。

表tb_class的结构

字段名

数据类型

长度

是否主键

描述

c_id

int

11

是

新闻类型号

c_title

varchar

20

否

新闻类型名称

表tb_discuss的结构

字段名

数据类型

长度

是否主键

描述

d_id

int

11

是

评论的编号

n_id

int

11

否

新闻的编号

d_discuss

varchar

 200

否

评论的内容

d_date

datetime

0

否

评论的时间

表tb_discuss的结构

字段名

数据类型

长度

是否主键

描述

n_id

int

11

是

新闻的编号

n_title

varchar

100

否

新闻的标题

n_class

varchar

 20

否

新闻的类别

n_content

mediumtext

0

否

新闻的内容

n_author

varchar

20

否

新闻的作者

n_date

datatime

0

否

新闻的时间

n_hits

int

11

否

新闻的浏览量

表tb_user的结构

字段名

数据类型

长度

是否主键

描述

u_id

int

11

是

数据库流水号

u_account

varchar

20

否

管理员帐号

u_pwd

varchar

20

否

管理员密码

u_right

varchar

1

否

确认密码

第3章模块设计

3.1查看新闻界面（主界面）

具体设计效果如图3-1:

图3-1

3.2登陆界面

具体设计效果如图3-2:

图3-2

3.3注册界面

具体设计效果如图3-3:

图3-3

3.4评论新闻界面

具体设计效果如图3-4:

图3-4

3.5添加新闻界面

具体设计效果如图3-5:

图3-5

3.6管理新闻界面

具体设计效果如图3-6:

图3-6

3.7修改新闻界面

具体设计效果如图3-7:

图3-7

3.8系统主要程序代码

3.8.1管理界面导航栏代码

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

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/"

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

新闻管理

添加新闻

管理新闻

3.8.2新闻管理界面代码

<%@pagelanguage="java"import="java.util.*,com.xinguan.db.dbConnection,java.sql.ResultSet"pageEncoding="utf-8"%>

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/";

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

。

。

。

。

。

。

。

。

略。

。

。

。

。

。

。

。

。

<%

dbConnectiondb=newdbConnection（）;

Stringsql="SELECT*FROMtb_news,tb_classWHEREn_class=c_idORDERBYn_dateDESC";

ResultSetrs=db.doQuery（sql）;

inti=1;

while（rs.next（））{

%>

<%=i%>

nid=<%=rs.getString（"n_id"）%>"target="_blank"><%=rs.getString（"n_title"）%>

<%=rs.getString（"c_title"）%>

<%=rs.getString（"n_author"）%>

<%=rs.getString（"n_hits"）%>

nid=<%=rs.getString（"n_id"）%>&action=modi">修改

nid=<%=rs.getString（"n_id"）%>&action=del"onclick="if（!

confirm（'确定要删除？

\n\n删除后不可恢复！

'））returnfalse;">删除

<%

i++;

}

%>

3.8.3添加新闻界面代码

<%@pagelanguage="java"import="java.util.*,com.xinguan.db.dbConnection,java.sql.ResultSet"pageEncoding="utf-8"%>

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/";

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

functionchkform（）{

varnt=form1.newsTitle.value;

nt=nt.replace（"",""）;

if（nt==""）{

alert（"新闻标题不能为空！

"）;

form1.newsTitle.focus（）;

returnfalse;

}

varnc=form1.newsClass.value;

if（nc=="0"）{

alert（"请选择新闻类别！

"）;

form1.newsClass.focus（）;

returnfalse;

}

}

3.8.4查看新闻界面（首页）代码

<%@pagelanguage="java"import="java.util.*,com.xinguan.db.dbConnection,java.sql.ResultSet"pageEncoding="utf-8"%>

<%

Stringpath=request.getContextPath（）;

StringbasePath=request.getScheme（）+":

//"+request.getServerName（）+":

"+request.getServerPort（）+path+"/";

%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

">

登陆  注册