基于JS的个人博客系统设计与实现毕业论文定稿版

基于J S的个人博客系统设计与实现毕业论文 HUA system office room 【HUA16H-TTMS2A-HUAS8Q8-HUAH1688】

单位代码 xxxxx

公开学号xxxxxxxxxxxx

密级

X X文理学院

学士学位论文

基于JSP的个人博客系统设计与实现

论文作者：李姜伟

指导教师：陈梁

学科专业：计算机科学与技术(职教师资)

提交论文日期： 2013年 04月 05日

论文答辩日期： 2013年 04月 20日

学位授予单位： xxxxxx

中国 ? 重庆

2013年4月

目录

摘要............................................................... III Abstract. ........................................................... IV 1 引言 (1)

1.1 系统开发的背景 (1)

1.2 开发的目的和意义 (1)

1.3 开发环境及工具和技术的选用 (2)

1.3.1 开发环境 (2)

1.3.2 开发工具及技术介绍 (2)

2 系统分析 (5)

2.1 任务概述 (5)

2.2 功能需求分析 (5)

2.2.1 前台 (5)

2.2.2 后台 (6)

2.3 性能需求分析 (6)

2.4 系统数据需求 (7)

2.4.1 系统的数据需求 (7)

2.4.2 系统的数据字典 (8)

3 系统概要设计 (9)

3.1 系统体系结构 (9)

3.2 主要功能设计 (9)

3.2.1 主要功能模块 (9)

3.2.2 系统流程图 (10)

4 数据库设计 (12)

4.1 数据库概念设计 (12)

4.2 数据库逻辑结构设计 (15)

4.2.1 数据库详细设计 (15)

4.2.2 数据表关系设计 (18)

5 系统详细设计 (19)

5.1 登陆和注册界面设计 (19)

5.2 前台页面设计 (21)

5.2.1 前台首页概述 (21)

5.2.2 前台首页技术分析 (22)

5.2.3 前台首页的面局 (23)

5.3 后台界面设计 (24)

5.3.1 后台首页概述 (24)

5.3.2 后台首页技术分析 (25)

5.3.3 后台首页的布局 (25)

5.4 系统重难点代码分析 (25)

5.4.1 系统配置 (25)

5.4.2 分类显示文章信息 (27)

5.4.3 相册上传的实现 (29)

6 系统测试 (32)

6.1 测试方法 (32)

6.2 测试内容 (33)

6.2.1 登录测试 (33)

6.2.2 发表文章测试 (34)

7 结论与展望 (37)

致谢 (38)

参考文献 (39)

基于JSP的个人博客系统

计算机科学与技术(职教师资) 李姜伟

指导教师陈梁

摘要：博客，是一种互联网平台上的个人信息交流中心。看上去平淡无奇，毫无可炫耀之处，但它可以让每个人零成本、零维护地创建自己的网络媒体，每个人都可以随时把自己的思想火花和灵感更新到博客站点上。

本系统页面采用Html语言和Css样式以及JavaScript脚本来设计，系统的相关功能由Java语句来实现，使用Sql2000 数据库作为后台，采用

Jsp+Servlet+JavaBean模式来完成系统的相关功能。主要分为游客和博主两种角色。游客可以注册、查看日志、照片、博主的资料和发表评论。博主则完成写日志、修改日志、上传照片、管理照片、更改个人信息、添加公告、退出系统等功能。

关键词：博客；个人博客；JSP；Sql2000

Personal blog system based on JSP

Computer Science and Technology Vocational Education faculty

Undergraduate Class one

Author:Li Jiangwei Supervisor: Chen Liang

Abstract:Blog is a kind of Internet platform of information exchange center. Look boring, are in no way to show off, but it allows everyone to zero cost, zero maintenance to create your own network media, everyone can update their ideas spark and inspiration to the blog site.

The system page using Html and Css, and JavaScript script design, system related function is implemented by Java statements, using

Sql2000 database as the background, using the Jsp + Servlet + JavaBean model to complete the related functions of the system. Mainly divided into two roles tourists and blogger. Visitors can register and view the log information, photos, blogger and comment. Bloggers are writing log, modify logs, upload photos, photo, change the personal information management, add announcements, exit systems, etc.

Key words：Blog； Personal blog； JSP； Sql2000；

1 引言

1.1 系统开发的背景

信息时代的今天，网络已经成为人们工作、学习的一部分，不断充实和改变着人们的生活。在网络中，构建一个个性化的个人博客，可以充分地表达自己的思想，通过发表文章展示个人才能，抒发个人情感。网友则可以根据主题发表个人意见，表达自己的想法，与博主进行思想交流，乐在其中。

博客之所以以用户的欢迎，首先在于它具有无与伦比的“越分享越多”的魅力精髓。对于博文本人，对于阅读博客的人；对于自己，对于他人，对于社会；对于工作，对于生活，“越分享越多”的博客精髓注定了博客的发展势不可挡。博客可以美化一个人的生活！而所谓的新媒体革命，所谓的人际交往和知识传播的革命，都是第二层次的。通过分享，美化每一个博客，美化每一个人的生活，自然美化整个社会。分享可以是沟通，可以是人际关系，可以是文章，可以是音乐和声音，可以是图片和视频，可以是阅读和推荐……“博客网，让你随心所欲”，这个随心所欲主要就是在超越时空的虚拟世界中，可以随心所欲地分享你愿意分享的一切。

1.2 开发的目的和意义

目的：许多博客专注在特定的课题上提供评论或新闻，其他则被作为比较个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客内容以文字为主，仍有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题。

博客的功能主要有以下四点：（1）个人自由表达和出版，用户可以自由发表文章，但是是有前提的，例如谣言、色情等不合法的内容是不允许发表的；（2）知识过滤和积累，用户可以将自己生活、工作中的一些心得记录下来与他

人分享；（3）深度交流沟通，博客可以促进交流可以与他人交流自己记录下的一些心得或者国内外新闻等，但是用户应该以辩证的方式去评论；（4）博客营销。作用还有很多，总之博客在现如今这个飞速发展的网络时代已经成为人们不可或缺的一部分。所以我选择了这个课题作为我的毕业设计。

意义：在网络技术逐渐渗入社会生活各个层面的今天，传统的交流方式也面临着变革，而网络博客则是一个很重要的方向。博客是以网络为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人分享，再集丰富多彩的个性化展示于一体的统合性平台。基于Web技术的博客系统可以借助于遍布全球的Internet进行，因此交流既可以是本地进行，也可以是异地进行，大大拓展了沟通与交流的灵活性。记录个人生活点滴：如同日记一般，可将自己每日生活中发生的事情记录下来，并且跟朋友或网友们分享。

1.3 开发环境及工具和技术的选用

1.3.1 开发环境

（1）硬件平台

CPU：AMD 3200+ 1.81GHz

内存：2G

显示器：18.5英寸 LCD

（2）软件平台

操作系统：Windows XP

数据库：SQL Server 2000

开发工具：Macromedia Dreamweave, MyEclipse,

开发语言：Java语言

服务器：Tomcat

浏览器：IE6.0

分辨率：1366*768

1.3.2 开发工具及技术介绍

（1）JSP技术

JSP（全称Java Server Pages）是由Sun Microsystems公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求，而动态生成HTML、XML或其他格式文档的Web网页的技术标准。JSP技术是以Java语言作为脚本语言的，JSP网页为整个服务器端的Java库单元提供了一个接口来服务于HTTP的应用程序。

当客户端请求一个JSP网页时，JSP Engine会检查所请求的JSP网页是否已经处于被载入执行的状态，如果没有，它会先读取JSP程序文件，将它换成Servlet程序代码编译载入，然后才执行请求的服务。也是就说，只有当客户端第一次请求JSP网页时，才需要被转换、编译和载入，做到了一次执行，处处执行。JSP的Servlet Class是JSP Engine自动帮我们编译产生的，不像Servlet 需要手动编译，另外，在JSP程序中建立新的对象和Java Bean非常方便容易。

（2）JSP的基础——Servlet 技术

Java Servlet是JSP技术的基础，JSP本身就是预先被编译成Servlet，然后再运行的，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成，Servlet这个名称大概源于Applet，现在国内的翻译方式很多，本文为了避免误会，本文直接采用Servlet这个名称而不做任何翻译，读者如果愿意，可以称之为“小服务程序”。Servlet是使用Java Servlet应用程序设计接口及

相关类和方法的Java程序。它在Web服务器上或应用服务器上运行并扩展了该服务器的能力。Java Servlet对于Web服务器就好像Java Applet对于Web浏览器。Applet装入Web浏览器并在Web浏览器内执行，而Servlet则是装入Web服务器并在Web服务器内执行。Java Servlet API 定义了Servlet和服务器之间的一个标准接口，这使得Servlet具有跨服务器平台的特性。

Servlet通过创建一个框架扩展服务器的能力，采用请求-响应模式提供Web 服务。当客户机发送请求至服务器时，服务器将请求信息发送给Servlet，Servlet生成响应内容并将其传给Server，然后再由Server将响应返回给客户端。

（3）JavaBean

JavaBean是一种JAVA语言写成的可重用组件。为写成JavaBean，类必须是具体的和公共的，并且具有无参数的构造器。JavaBean通过提供符合一致性设计模式的公共方法将内部域暴露成员属性。众所周知，属性名称符合这种模式，其他Java类可以通过自身机制发现和操作这些JavaBean 属性。

（4）开发平台：MyEclipse+dreamweaver

MyEclipse 是一个十分优秀的用于开发Java, J2EE的 Eclipse 插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse目前支持Java Servlet,AJAX, JSP, JSF, Struts,Spring, Hibernate,EJB3,JDBC数据库链接工具等多项功能。可以说MyEclipse几乎囊括了目前所有主流开源产品的专属eclipse开发工具。

Dreamweaver是美国Macromedia公司开发的集网页制作和网站管理于一身的所见即所得式网页编辑器，是针对专业网页设计师而设计的视觉化网页开发工具，它可以让设计师轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver与Flash、Fireworks一度被称为网页三剑客。[6]

（5）数据库：SQL Server 2000

SQL Server 2000作为Microsoft家庭的重要成员，是基于客户机/服务器的大型关系数据库系统。SQL Server 2000这种关系型数据库系统能够满足各种类型的企业客户和独立软件供应商构建商业应用程序的需求，根据客户的反映和需求，是大规模联机事务处理（OLTP）、数据仓库和电子商务应用程序的优秀数据库平台。SQL Server 2000 具有以下特点：

1．强大可伸缩性；

2．支持大型Web站点或企业信息处理系统；

3．客户机/服务器体系结构；

而数据源包含了数据库位置和数据库类型等信息，实际上是一种数据连接的抽象。各部件之间的关系如图1.1所示：

图1.1 数据关系图

（6）Tomcat 服务器

Tomcat服务器是一个免费的开放源代码的Web 应用服务器。它是Apache基金会的Jakarta项目中的一个核心项目，由Apache，Sun和其它一些公司及个人共同开发而成。

2 系统分析

2.1 任务概述

博客网站系统的总目标是：在计算机网络，数据库和先进的开发平台上，利用现有的软件，配置一定的硬件，开发一个具有开放体系结构的、易扩充的、易维护的、具有良好人机交互界面的个人博客网站，为网络用户提供进行在线交流的网络平台。通过个人博客网站可以结交更多的朋友，表达更多的想法，它随时可以发布文章。

具体的要求如下：

（1）博主可以简单的添加和删除文章；

（2）独立于具体的数据库平台。对于与数据库交互的部分充分考虑兼容性；

（3）容易在原先基础上进行二次开发；

（4）中间基础平台的无型性。尽量采用开放的标准技术，达到跨平台运行的效果；

为了达到以上的开发目的，个人博客网站应遵循一定的设计和开发与原则；

（5）模块接口定义清晰；

（6）基础类库和接口设计合理，尽量建立叮扩展的接口和抽象类；

（7）数据库操作使用标准SQL语句，如果一定要使用有差别的SQL语句，则尽量集中在一起，以减少将来维护和移植的难度；

（8）采用开放的标准和工具等。

2.2 功能需求分析

博客系统通常提供三类服务:

（1）信息服务，它可分为：文章显示，热点文章推荐，博主风采；

（2）查询服务：可以根据文章内容，文章标题，留言内容，留言标题等进行模糊查询；

本系统采用Browser/Server结构，将个人博客网站划分为两个子系统：前台，后台。下面分析各个子系统的功能需求。

2.2.1 前台

在前台的功能实现上，可以分为以下几个部分：

（1）用户登录：

网站用户用个人注册的帐号和密码登录到博客系统。系统检测用户的帐号和密码是否错误和判断用户是博主还是普通用户并给予其相应的权限对系统进行操作。

（2）用户注册：

由于只有注册用户才能进入系统，所以游客必须先注册，将个人的信息存储到博客网站的数据库中，以成为本博客的正式用户。

（3）用户修改个人信息：

在一个单独的页面显示注册用户的信息，用户可以修改个人的基本信息。

（4）文章查询和评论：

用户可以浏览博客中的文章同时评论感兴趣的文章，也可以查看其他评论。

（5）公告信息查询：

用户可以浏览博客网站中发布的公告信息，了解博客的一些情况。

（6）相片查询：

用户可以浏览博主上传的相片。

2.2.2 后台

系统后台只有博主才能进入，博主可以对博客系统中的数据信息进行更新，主要有以下模块。

（1）文章管理：

管理员对网站中已有的文章进行删除，更新等操作。

（2）公告管理：

发布，删除，更改公告。

（3）投票管理：

发起投票，统计投票等。

（4）个人相册管理：

对博客相册中的图片进行删除，更新等操作。

（5）用户设置：

更新普通用户对博客的操作的权限。

（6）博主设置：

对博主的信息等进行操作。

2.3 性能需求分析

博客网站系统需要具备以下几个主要特性：

（1）多样性: 博客网站在设计时必须遵循的一个重要原则，就是以用户为系统设计的中心。网络的发展大大降低了信息咨询的成本，用户面临更多的选择，所以，博客网站除了降低成本以外，还必须在皮肤，功能的多样性上下工夫，才能够得到用户的认可。具体来说，应用系统应能实现用户特定的需求，操作界面友好、方便，功能设置符合用户的习惯和要求。

（2）易维护:管理员能够简单方便地管理系统，定义新的应用，并对系统进行日常维护;随着博客网站信息的变更或增加、数据规模的增大，系统升级、维护应易于操作;各子系统、功能模块的设计应具有良好的灵活性，保证在博客网站系统建设过程中后期系统功能的实现不影响前期已投入使用的系统功能。

（3）安全性:系统应充分考虑信息、设备、运行和管理的安全性，建立完善的多层次的安全保障体系，保证用户的个人信息等资料的数据安全。

（4）可扩展: 博客网站的用户从事着各种行业，他们的需求各不相同，系统在设计时应充分考虑到用户需求不断变化的需要，降低系统在扩展新的业务功能时的复杂度。

2.4 系统数据需求

2.4.1 系统的数据需求

（1）数据录入和处理的准确性和实时性

数据的输入是否准确是数据处理的前提，错误的输入会导致系统输出的不正确和不可用，从而使系统的工作失去意义。数据的输入来源是用户的手工输入。手工输入要通过系统界面上的安排系统具有容错性，并且对用户操作进行实时的跟踪和错误提示。

在系统中，数据的输入往往是大量的，因此系统要有一定的处理能力，以保证迅速的处理数据。

（2）数据的一致性与完整性

由于网站的数据是共享的，所以如何保证这些数据的一致性，是网站必须解决的问题。要解决这一问题，要有一定的人员维护数据的一致性，在数据录入处控制数据的去向，并且要求对数据库的数据完整性进行严格的约束。

对于输入的数据，要为其定义完整性规则，如果不能符合完整性约束，网站应该拒绝该数据。

（3）数据的共享与独立性

整个博客网站的数据是共享的。然而，从网站开发的角度上看，共享会给设计和调试带来困。因此，应该提供灵活的配置，使各个分系统能够独立运行，而通过人工干预的手段进行系统数据的交换。这样，也能提供系统的强壮性。

2.4.2 系统的数据字典

网站中的数据元素：

博客网站系统的总目标是：在计算机网络，数据库和先进的开发平台上，利用现有的软件，配置一定的硬件，开发一个具有开放体系结构的、易扩充的、易维护的、具有良好人机交互界面的博客网站，以达到个人推荐、展现自我的一个平台，为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。

3.1 系统体系结构

基于B/S结构的个人博客网站系统，应由终端（用户主机/浏览器）、WEB服务器、数据服务器构成。个人博客网站的核心是中间的接入服务器和应用服务器部分。个人博客网站的总体结构图如图3.1所示：

本文来源：https://www.bwwdw.com/article/huke.html