基于B/S模式的博客网站的设计与实现

(内蒙古科技大学信息工程学院，内蒙古 包头 014010)
摘 要：文章提出了在B/S(浏览器和服务器)模式下，利用JSP编程框架来实现博客网站建设的基本思路，即前台网页设计与后台数据库链接，通过前台浏览器访问后台数据库，使个人或管理者很方便地在网上进行操作，充分体现了“浏览器/服务器”模式的优越性。
关键词：博客；日志管理；发表留言；管理系统
中图分类号：TP393.02  文献标识码：A  文章编号：1007—6921(2008)05—0133—02
1 引言

随着信息技术的飞速发展，各个行业的信息化势在必行。科技的进步大大地提高了生产率。如何才能提高企业的工作效率，更好地完成任务，这是一个摆在管理者面前的迫切问题。应用信息化来改造传统的管理模式是一个重要途径。

本设计是一个个人博客的网站，主要用的是Macromedia Dreamweaver 8以及Sql server 2000,实现的主要功能是通过申请注册用户，使普通用户或者过客实现信息的添加、修改、查找、删除等操作，其次该系统可以直接放到互联网上，使个人或者管理员方便地在网上进行操作。

系统采用了目前比较流行的B/S结构，即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变种或者改进的结构。在这种结构下，用户页面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier(表示层、应用层、数据库层)结构。同时采用了面向对象的设计，使用JSP这种网络编程技术，为程序员提供了开发飞速发展的Web应用程序所需的强大而灵活的功能。采用SQL Server 2000 与数据库建立连接。下面对系统所采用的主要技术进行说明。
1.1 程序网络计算模式

C/S(Client/Server)结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构，传统的C／S体系结构虽然采用的是开放模式，但这只是系统开发一级的开放性，在特定的应用中无论是Client端还是Server端都还需要特定的软件支持。 

B/S(Browser/Server)结构即浏览器和服务器结构。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作页面是通过WWW浏览器来实现，极少部分事务逻辑在前端(Browser)实现，但是主要事务逻辑在服务器端(Server)实现，形成所谓三层3-tier结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本(TCO)。以目前的技术看，局域网建立B/S结构的网络应用，并通过Internet/Intranet模式下数据库应用，相对易于把握、成本也是较低的。
1.2 运行环境安装与配置
1.2.1 Tomcat的安装与配置。直接运行下载的jakarta-tomcat-4.1.31.exe文件按照一般的Windows程序安装步骤，即可安装好Tomcat。安装过程中读者需选择一个文件夹作为Tomcat的安装目录。在这里以D:\ tomcat为例。安装完成以后，用户需添加一个Tomcat的环境变量。添加的方法是：在我的电脑→属性→高级→环境变量→系统变量中添加以下环境变量(假定你的tomcat安装在d:\ tomcat)：设置变量名TOMCAT[CD#*4]HOME，变量值是D:\ tomcat。设置完成之后，就可以启动tomcat。
1.2.2 JDK的安装与配置。直接运行下载的jdk1.3.1.exe文件按照一般的Windows程序安装步骤，即可安装好JDK 。安装过程中读者需选择一个文件夹作为JDK的安装目录。在这里以D:\ jdk为例。

安装完成以后，用户需添加一个JDK的环境变量。添加的方法是：在我的电脑→属性→高级→环境变量→系统变量中添加环境变量保存后重新启动计算机，这样所添加的环境变量才会有效。
2 可行性分析

可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。主要从以下三个方面出发：①技术可行性；②经济可行性；③操作可行性。
2.1 软件技术可行性

考虑到博客系统的特点，各个用户可以在互联网上就可以拥有自己的空间。

直接在IE浏览器里就可以查看和运行。用户页面完全通过WWW浏览器实现，一部分逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3-tier结构。B/S结构，主要是利用了不断成熟的WWW浏览器技术，结合浏览器的多种Script语言，用通用浏览器实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。数据库采用MS SQL Server,整个软件系统采用Dreamwear8.0等前段开发工具，该软件系统运行于Windows2000或者Window2003系列操作系统之上，SQL Server 2000客户端。
2.2 系统的硬件需求

服务器的配置要求比较高，需经过专门配置，一些性能要求一定要达到快速运行软件系统的配置，客户端只要满足当前配机设置就可。服务器要求具有路由器或交换机之类便于连网的工具，客户端也一定要网卡或Modem等，以便于联网。
2.3 系统的技术可行性

系统采用了目前比较流行的三层结构(表示层、应用层、数据库层)，采用面向对象的设计，使用跨平台，易移植的JAVA开发语言，支持多种主流数据库，支持多种接入方式。
3 博客管理系统功能分析
以下是博客管理系统的部分系统模块图：

博客管理系统分为用户博客和管理员系统两个大的模块。
3.1 用户博客模块功能

注册新用户；用户可修改个人信息(昵称，密码，电子邮件，性别，个人头像)；用户可发表文章功能，并实现上传文件，添加头像等功能；用户可修改文章信息，并对不满意的文章进行删除；用户可预览自己发表过的文章，或者修改后的文章；增加、删除、修改及查找员工信息。
3.2 管理员系统模块功能

系统用户管理：添加系统用户(用户名，密码)；查看现有的系统用户，也可对已有的用户进行修改用户名和密码。

普通用户管理：查看现有用户，查看用户名；查看其个人的博客；可以删除用户的记录。
文章管理：可以查看到每个注册用户的文章；查看文章的发表时间和作者；对用户的文章可以进行删除操作。

评论管理：可以查看用户对每个文章的评论；对用户的评论可以进行删除操作。
公告管理：可以添加对普通用户的公告，添加题目，内容，并自动显示时间；查看公告信息，进行预览；对已发布的公告进行删除。
4 软件设计过程中的主要技术实现
4.1 前台以及普通用户管理部分的实现

这部分主要是针对博客管理系统的页面设计，主要包括：主页、注册、登录、注册验证、普通用户、普通用户的管理后台、用户修改资料、用户验证、显示用户、用户文章发表、执行发表文章、文章管理、查看评论等多个页面的设计。

下面以主页为例，介绍代码的编写：主页是博客系统的主页面，其中还有多个包含文件，其顶部是个FLASH动画。然后下方是一个经过处理的图片，主要是包含版权信息等。在页面的中间是一个导航栏，然后该页面主要实现的功能有：最新文章的发布显示，最新注册用户显示，点击排行榜，搜索功能等。
部分代码如下所示：
<%@ page import=“com.jsp.stuke.*”%>
<%@ page import=“java.sql.*”%> 
这两条语句主要说明该页面需要调用的类库。
其他的包含页面：<%@include file=“./inc/conn.jsp”%> (连接数据库代码)
<%@include file=“sec.jsp” %>
<%@include file=“newreg.jsp”%>
<%@include file=“wzph.jsp” %>
<%@include file=“top.jsp”%>
该页面还包含了一个JS的日历和一个网站计数器。
网站计数器的代码如下：
<%!int counter=0;
   synchronized void counterFunction()
   { counter++;
   } %>
   <%counterFunction();%>
<span class=“STYLE3”><%=counter%></span><span class=“STYLE3”>位访问者
4.2 后台管理员页面的设计
这一部分主要是针对后台管理员的页面设计，主要包括：管理员主页、管理员设置、管理普通用户、管理用户发表文章、退出等多个页面的设计。
下面以管理员主页面为例，介绍代码的编写：该页面是超级管理员的后台页面，它包括 系统用户管理：添加系统用户(用户名，密码)。查看现有的系统用户，也可对已有的用户进行修改用户名和密码。普通用户管理：查看现有的用户，查看其用户名。查看其个人的博客。可以删除用户的记录。文章管理：可以查看到每个注册用户的文章。查看文章的发表时间和作者。对用户的文章可以进行删除操作。评论管理：可以查看用户对每个文章的评论。对用户的评论可以进行删除操作。公告管理：可以添加对普通用户的公告，添加题目，内容，并自动显示时间。查看公告信息，进行预览。对已发布的公告进行删除。该页面用的是框架网页，页面顶部是top.jsp。它起到了导航栏的作用。页面的下部则是main.jsp。后台页面的主要内容都是在main.jsp里显示的。
该页面的代码如下所示：
<frameset rows=“209,*” cols=“*” framespacing=“0” frameborder=“no” border
=“0” bordercolor=“#24CCE9”>
  <frame src=“top2.jsp” name=“leftFrame” scrolling=“No” noresize=“noresiz
e” id=“topFrame” title=“topFrame” />
  <frame src=“main.jsp” name=“mainFrame” id=“mainFrame” title=“mainFrame
” />
</frameset>
Rows=“209，*”表示该上部页面的高度为209像素。宽度是默认的。
5 结束语

本篇提供了一种在B/S模式下，利用JSP编程框架来实现博客网站建设的基本思想，前台网页设计与后台数据库链接，通过前台浏览器即可轻松访问后台数据库，充分体现了“浏览器/服务器”模式的优越性。本篇所采用的编程思想同样适用于其他同类应用程序的设计开发，可扩充性好，在实际的应用过程中，各种功能可继续完善。
［参考文献］
［1］ 龙马工作室.JSP+Oracle网站开发实例精讲［R］.北京：人民邮电出版社，2006.
［2］ 邓子云，张赐.JSP网络编程从基础到实践［M］.北京：电子工业出版社，2006.
［3］ 荣钦科技.JSP动态网站开发与实例［M］.北京：清华大学出版社，2006.
［4］ 唐有明，吴华.JSP动态网站开发基础练习+典型案例［M］.北京：清华大学出版社，2006.
［5］ 张长富，黄中敏.javascript动态网页编程实例手册［M］.北京：海洋出版社，2005.
［6］ 施伯乐.数据库系统教程［M］.北京：高等教育出版社，2003.
［7］ 张海藩.软件工程导论［M］.北京：清华大学出版社，2003.

推荐访问:博客网站 模式 设计