网页设计与制作Ⅱ课程报告博客系统的JSP网页设计.docx

网页设计与制作Ⅱ课程报告博客系统的JSP网页设计.docx

《网页设计与制作Ⅱ课程报告博客系统的JSP网页设计.docx》由会员分享，可在线阅读，更多相关《网页设计与制作Ⅱ课程报告博客系统的JSP网页设计.docx（14页珍藏版）》请在冰豆网上搜索。

网页设计与制作Ⅱ课程报告博客系统的JSP网页设计

武汉理工大学华夏学院

课程报告

课程名称：

网页设计与制作Ⅱ

题目：

博客系统的JSP网页设计

专业信息工程系

班级

学号

姓名

成绩_________________

指导教师

2012年9月3日至2012年11月30日

1设计目的

在Internet飞速发展的今天互联网成为人们快速获取、发布和传递信息的重要渠道它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息是通过网站来实现的获取信息也是要在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见它已成为政府、企企事业单位信息化建设中的重要组成部分从而倍受人们的重视。

博客发布系统利用JSP技术开发其目的在于使博客的发布和管理更加方便、实时、高效从而提高工作效率。

随着互联网的进一步发展网络媒体在人们心中的地位进一步提高越来越多的用户习惯上网浏览博客本系统的主要目的就是为用户提供一个方便、及时的网上博客发布、浏览平台。

利用本系统一方面用户可以直接在网上发布博客信息并根据自己的组要对博客进行浏览、检索、增加或修改。

另一方面现在的博客发布要求实现与普通用户交互用户可以很方便的参加一些调查和相关博客的评论。

2开发环境

操作系统:

Windowsxp

编程环境:

JDK7.0

开发工具:

EclipseSDK

数据库可选用MicrosoftSQLServer2008

3需求分析

本次任务是要实现一个博客发布系统系统的主要功能包括查看博文功能、查看一个类别的博文、发布博文功能、管理员登录功能和博文管理功能。

用户可使用本系统来查看、查找、发布博文。

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

当用户作为系统管理员成功登录后可以使用博文管理功能和博文分类的类别管理。

Ø博文浏览

首页显示网站所有博文列表根据博文的数量分页网站顾客可以自由浏览博文。

Ø用户登陆

用户登界面用户需根据自己的类型普通用户管理员进行选择性登陆登录时需要填写验证码。

注意本系统部分功能只有在登陆后才被激活且不同用户类型登陆后所具有的功能也不同。

4概要设计

4.1系统结构图

库

4.2数据库结构图

文章类别表：

文章表：

网站系统管理员表：

文章评论表：

5详细设计与实现

5.1博客网站系统首页显示界面

首页index.jsp负责在各个板块显示各个类别的博文，因此先实例化我们定义的数据处理类ArticleDao,然后调用这个实例化的对象调用相关的方法查询数据库的相关类别的前几条最新的该类别博文数据方法得到数据，然后通过一个实例化ArrayList数据对象数组封装相关的ArticleBean对象，然后在首页写相关代码拆除封装的对象数组得到相应类别的最新博文。

首页的关键代码如下：

ArticleDaoartic=newArticleDao（）;

ArrayListnewlist1=（ArrayList）artic.queryArticle（1,"all"）;

if（newlist1==null||newlist1.size（）==0）

{

%>

<%

}

else

{

for（inti=0;i

{

ArticleBeanarticle1=（ArticleBean）newlist1.get（i）;

}

}

首页实现的样式如下：

5.2博文内容显示界面

首页index.jsp负责显示各个类别博文，点击博文标题将显示出博文详细内容博文标题上加有链接链接AricleServlet处理用户请求得到用户请求的文章ID，根据文章ID得到文章此篇文章的详细，博文内容都存与ArtilcBean的实例化对象article中，然后用ArrayList装入对象集合，数据封装好后存放到request设置的属性中供用户读取。

然后转到到content.Jsp页面，此页面负责显示博文详细内容标题、发表时间、内容、作者。

主要代码如下：

ArticleTypeDaotypedao=newArticleTypeDao（）;

ArticleBeanlist1=（ArticleBean）request.getAttribute（"readSingle"）;

ArticleTypeBeantybean=typedao.queryTypeSingle（list1.getTypeId（））;

Stringtypename=tybean.getTypeName（）;

list1.getTitle（）list1.getContent（）

5.3类别博文列表显示

当首页的各个板块的类别文字、图片或者导航栏目的链接被点击后请求便被送到AricleServlet处理，AricleServlet分辨出什么请求类型后同时也得到请求博文类别的ID，便开始调用方法进行处理。

首先也是实例化AricleDao对象，然后利用ArticleDao的对象调用方法，传递类别的博文的ID和显示博文的多少条开始部门和多少条结束，通过调用方法也得到一个ArrayList封装的AraticleBean对象集合通过request设置属性供读取，然后在转到article_list.jsp页面显示相应类别的

博文，然后又通过文章的ID，实例化ArticleDao处理类得到ArticleTypeBean对象，通过ArticleTypeBean对象得到博文的类别ID和和类别名称。

article_list.jsp要实现代码如下：

ArticleDaoartic=newArticleDao（）;

ArrayListlist2=（ArrayList）request.getAttribute（"articleList"）;

ArticleTypeBeantybean=（ArticleTypeBean）request.getAttribute（"artypename"）;

Stringtyname=tybean.getTypeName（）;

if（list2==null||list2.size（）==0）

{

%>

<%

}

else

{

for（inti=0;i

{

ArticleBeanarticle2=（ArticleBean）list2.get（i）;

article_list.jsp实现的样式如下：

5.4博客网站的管理后台登陆界面设计

在首页点击学生管理后便进入网站管理界面，在该页面实现对检查登陆用户是否合法，如果在数据库存在该用户则转到AdminIndex.jsp后台主要管理界面。

反之则继续停留在该页面。

并用一个文本框提示。

处理信息主要在LoginServlet中处理。

实现的样式如下：

5.5博文网站后台管理主界面设计

在登陆界面成功输入合法的用户名和密码后，便转到该界面，但一般都不安全，一般如果不做任何安全措施的话，用户知道该主要管理界面的路径，便可以直接转到该网站管理主界面。

因此我便在LoginServlet处理成功后便用Seesion保存用户信息，然后在AdminIndex.jsp页面得到session保存的数据，判断数据是否为空，如果为空则转到登陆页面，反之这在在这个页面。

该页面主要代码如下：

MasterBeanmaserbean=（MasterBean）session.getAttribute（"logoner"）;

if（maserbean==null）

{

%>

forwardpage="login.jsp">

forward>

<%

}

else

{

。

。

。

。

。

该页面的主要样式如下：

5.6博文添加页面设计

同网站管理主页面一样首先得到Session保存的管理员信息，如果对象为空转到管理员登陆页面。

反之则显示该页面。

在保存按钮提交后便提交给ArticleServlet处理，ArticleServlet根据请求得到文本框相应的数据，调用AritcleDao实例化对象的方法插入到数据库中，如果插入成功返回布尔值，并转到成功或失败提示界面。

该页面的主要样式如下：

5.7博文修改页面设计

同网站管理主页面一样首先得到Session保存的管理员信息，如果对象为空转到管理员登陆页面。

反之则显示该页面。

在该页面首页查询所有的类别的博文，如果点击文章标题，则显示该博文的信息。

如果点击修改则显示博文修改页面，这些都由页面提交连接给ArticleServlet中action和ID,然后由ArticleServlet选择相应的方法进行处理。

该页面的主要样式如下：

5.8博文类别添加

同网站管理主页面一样首先得到Session保存的管理员信息，如果对象为空转到管理员登陆页面。

反之则显示该页面。

在该页面也是在保存点击后提交给ArticleServlet处理，调用相应的方法将页面的数据插入到数据库中。

该页面的主要样式如下：

5.9博文类别修改

同网站管理主页面一样首先得到Session保存的管理员信息，如果对象为空转到管理员登陆页面。

反之则显示该页面。

在该页面首页查询到所有的类别，如果点击修改则显示修改类别页面，这些都由页面提交连接给ArticleServlet中action和ID,然后由ArticleServlet选择相应的方法进行处理。

该页面的主要样式如下：

6总结

通过本次Web系统的课程设计使我对面向对象的概念有了更进一步的了解把过去的知识又重新串了一遍我现在已经认同Java不仅是语言而更应该说他是一个平台。

Jsp开发系统十分灵活使得开发的系统扩展性更好，在整个系统的设计中寻找需求是最重要这次课程设计前期需求分析没有做好导致后便开发模块时需要大量修改前面的大量代码。

所以一件成功的事情不能仅仅在事情将要结束时把能量集中去保证一个好的结果出现而是要有个好的开始并伴随到最后

设计过程中现场提问（或答辩）记载：

一．JSP如何连接SQLSERVER数据库？

答：

1.webroot目录的lib文件夹下面放置三个包:

msbase.jar、mssqlerver.jar、msutil.jar

2．关键代码：

privatefinalStringurl="jdbc:

microsoft:

sqlserver:

//localhost:

1433;DatabaseName=db_news";

privatefinalStringuserName="sa";

privatefinalStringpassword="liyangfu";

privateConnectioncon=null;

privateStatementstm=null;

Class.forName（"com.microsoft.jdbc.sqlserver.SQLServerDriver"）.newInstance（）;

con=DriverManager.getConnection（url,userName,password）;

二，jsp中session如何建立对象和设置属性？

答：

HttpSessionsession=request.getSession（）;

Session..setAttribute（"reviewlist",reviewlist）;

三：

网页的首页怎么改变默认的首页index.jsp?

答:

在webroot的web-inf下面的web.xml文件下改变

index.jsp

中替换到指定路径的jsp文件

指导教师评语：

成绩评定等级：

指导教师（签名）：

2012年12月15日

7指导老师评语