1、基于 B S 模式的博客网站的设计与实现(内蒙古科技大学信息工程学院，内蒙古 包头 014010)摘 要：文章提出了在 B/S(浏览器和服务器)模式下，利用 JSP 编程框架来实现博客网站建设的基本思路，即前台网页设计与后台数据库链接，通过前台浏览器访问后台数据库，使个人或管理者很方便地在网上进行操作，充分体现了“浏览器/服务器”模式的优越性。关键词：博客；日志管理；发表留言；管理系统中图分类号：TP393.02 文献标识码：A 文章编号：10076921(XX)050133021 引言随着信息技术的飞速发展，各个行业的信息化势在必行。科技的进步大大地提高了生产率。如何才能提高企业的工作效率，
2、更好地完成任务，这是一个摆在管理者面前的迫切问题。应用信息化来改造传统的管理模式是一个重要途径。本设计是一个个人博客的网站，主要用的是Macromedia Dreamweaver 8 以及 Sql server XX,实现的主要功能是通过申请注册用户，使普通用户或者过客实现信息的添加、修改、查找、删除等操作，其次该系统可以直接放到互联网上，使个人或者管理员方便地在网上进行操作。系统采用了目前比较流行的 B/S 结构，即Browser/Server(浏览器/服务器)结构，是随着 Internet技术的兴起，对 C/S 结构的一种变种或者改进的结构。在这种结构下，用户页面完全通过 WWW 浏览器实
3、现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓 3-tier(表示层、应用层、数据库层)结构。同时采用了面向对象的设计，使用 JSP 这种网络编程技术，为程序员提供了开发飞速发展的 Web 应用程序所需的强大而灵活的功能。采用 SQL Server XX 与数据库建立连接。下面对系统所采用的主要技术进行说明。1.1 程序网络计算模式C/S(Client/Server)结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到 Client 端和Server 端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是
4、 Client/Server 形式的两层结构，传统的CS 体系结构虽然采用的是开放模式，但这只是系统开发一级的开放性，在特定的应用中无论是 Client 端还是Server 端都还需要特定的软件支持。 B/S(Browser/Server)结构即浏览器和服务器结构。它是随着 Internet 技术的兴起，对 C/S 结构的一种变化或者改进的结构。在这种结构下，用户工作页面是通过 WWW 浏览器来实现，极少部分事务逻辑在前端(Browser)实现，但是主要事务逻辑在服务器端(Server)实现，形成所谓三层3-tier 结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降
5、低了用户的总体成本(TCO)。以目前的技术看，局域网建立 B/S 结构的网络应用，并通过 Internet/Intranet 模式下数据库应用，相对易于把握、成本也是较低的。1.2 运行环境安装与配置1.2.1 Tomcat 的安装与配置。直接运行下载的jakarta-tomcat-4.1.31.exe 文件按照一般的 Windows 程序安装步骤，即可安装好 Tomcat。安装过程中读者需选择一个文件夹作为 Tomcat 的安装目录。在这里以 D: tomcat为例。安装完成以后，用户需添加一个 Tomcat 的环境变量。添加的方法是：在我的电脑属性高级环境变量系统变量中添加以下环境变量(假
6、定你的 tomcat 安装在 d: tomcat)：设置变量名 TOMCATCD#*4HOME，变量值是 D: tomcat。设置完成之后，就可以启动 tomcat。1.2.2 JDK 的安装与配置。直接运行下载的jdk1.3.1.exe 文件按照一般的 Windows 程序安装步骤，即可安装好 JDK 。安装过程中读者需选择一个文件夹作为JDK 的安装目录。在这里以 D: jdk 为例。安装完成以后，用户需添加一个 JDK 的环境变量。添加的方法是：在我的电脑属性高级环境变量系统变量中添加环境变量保存后重新启动计算机，这样所添加的环境变量才会有效。2 可行性分析可行性研究的目的就是用最小的代
7、价在尽可能短的时间内确定问题是否能够解决。主要从以下三个方面出发：技术可行性；经济可行性；操作可行性。2.1 软件技术可行性考虑到博客系统的特点，各个用户可以在互联网上就可以拥有自己的空间。直接在 IE 浏览器里就可以查看和运行。用户页面完全通过 WWW 浏览器实现，一部分逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓 3-tier 结构。B/S 结构，主要是利用了不断成熟的 WWW 浏览器技术，结合浏览器的多种 Script 语言，用通用浏览器实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。数据库采用 MS SQL Server,整个软
8、件系统采用 Dreamwear8.0 等前段开发工具，该软件系统运行于 WindowsXX 或者 WindowXX 系列操作系统之上，SQL Server XX 客户端。2.2 系统的硬件需求服务器的配置要求比较高，需经过专门配置，一些性能要求一定要达到快速运行软件系统的配置，客户端只要满足当前配机设置就可。服务器要求具有路由器或交换机之类便于连网的工具，客户端也一定要网卡或 Modem 等，以便于联网。2.3 系统的技术可行性系统采用了目前比较流行的三层结构(表示层、应用层、数据库层)，采用面向对象的设计，使用跨平台，易移植的JAVA 开发语言，支持多种主流数据库，支持多种接入方式。3 博客
9、管理系统功能分析以下是博客管理系统的部分系统模块图：740)this.width=740“ border=undefined博客管理系统分为用户博客和管理员系统两个大的模块。3.1 用户博客模块功能注册新用户；用户可修改个人信息(昵称，密码，电子邮件，性别，个人头像)；用户可发表文章功能，并实现上传文件，添加头像等功能；用户可修改文章信息，并对不满意的文章进行删除；用户可预览自己发表过的文章，或者修改后的文章；增加、删除、修改及查找员工信息。3.2 管理员系统模块功能系统用户管理：添加系统用户(用户名，密码)；查看现有的系统用户，也可对已有的用户进行修改用户名和密码。普通用户管理：查看现有用户
10、，查看用户名；查看其个人的博客；可以删除用户的记录。文章管理：可以查看到每个注册用户的文章；查看文章的发表时间和作者；对用户的文章可以进行删除操作。评论管理：可以查看用户对每个文章的评论；对用户的评论可以进行删除操作。公告管理：可以添加对普通用户的公告，添加题目，内容，并自动显示时间；查看公告信息，进行预览；对已发布的公告进行删除。4 软件设计过程中的主要技术实现4.1 前台以及普通用户管理部分的实现这部分主要是针对博客管理系统的页面设计，主要包括：主页、注册、登录、注册验证、普通用户、普通用户的管理后台、用户修改资料、用户验证、显示用户、用户文章发表、执行发表文章、文章管理、查看评论等多个页
11、面的设计。下面以主页为例，介绍代码的编写：主页是博客系统的主页面，其中还有多个包含文件，其顶部是个 FLASH 动画。然后下方是一个经过处理的图片，主要是包含版权信息等。在页面的中间是一个导航栏，然后该页面主要实现的功能有：最新文章的发布显示，最新注册用户显示，点击排行榜，搜索功能等。部分代码如下所示：这两条语句主要说明该页面需要调用的类库。其他的包含页面： (连接数据库代码)该页面还包含了一个 JS 的日历和一个网站计数器。网站计数器的代码如下：位访问者4.2 后台管理员页面的设计这一部分主要是针对后台管理员的页面设计，主要包括：管理员主页、管理员设置、管理普通用户、管理用户发表文章、退出等
12、多个页面的设计。下面以管理员主页面为例，介绍代码的编写：该页面是超级管理员的后台页面，它包括 系统用户管理：添加系统用户(用户名，密码)。查看现有的系统用户，也可对已有的用户进行修改用户名和密码。普通用户管理：查看现有的用户，查看其用户名。查看其个人的博客。可以删除用户的记录。文章管理：可以查看到每个注册用户的文章。查看文章的发表时间和作者。对用户的文章可以进行删除操作。评论管理：可以查看用户对每个文章的评论。对用户的评论可以进行删除操作。公告管理：可以添加对普通用户的公告，添加题目，内容，并自动显示时间。查看公告信息，进行预览。对已发布的公告进行删除。该页面用的是框架网页，页面顶部是 top
13、.jsp。它起到了导航栏的作用。页面的下部则是 main.jsp。后台页面的主要内容都是在 main.jsp 里显示的。该页面的代码如下所示：Rows=“209，*”表示该上部页面的高度为 209 像素。宽度是默认的。5 结束语本篇提供了一种在 B/S 模式下，利用 JSP 编程框架来实现博客网站建设的基本思想，前台网页设计与后台数据库链接，通过前台浏览器即可轻松访问后台数据库，充分体现了“浏览器/服务器”模式的优越性。本篇所采用的编程思想同样适用于其他同类应用程序的设计开发，可扩充性好，在实际的应用过程中，各种功能可继续完善。参考文献1 龙马工作室.JSP+Oracle 网站开发实例精讲R.XX：人民邮电出版社，XX.2 邓子云，张赐.JSP 网络编程从基础到实践M.XX：电子工业出版社，XX.3 荣钦科技.JSP 动态网站开发与实例M.XX：清华大学出版社，XX.4 唐有明，吴华.JSP 动态网站开发基础练习+典型案例M.XX：清华大学出版社，XX.5 张长富，黄中敏.javascript 动态网页编程实例手册M.XX：海洋出版社，XX.6 施伯乐.数据库系统教程M.XX：高等教育出版社，XX.7 张海藩.软件工程导论M.XX：清华大学出版社，XX.
