个人网站系统的设计与实现毕业论文

个人网站系统的设计与实现毕业论文内容摘要：

言。 Access 是一种关系型数据库管理系统，其主要特点如下： (1)存储方式单一 Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为 (.mdb)的数据库文件种，便于用户的操作和管理。 (2)面向对象 Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。 它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的 6 行为和外国，用户还可以按需要给 对象扩展方法和属性。 通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。 (3)界面友好、易操作 Access 是一个可视化工具，是风格与 Windows 完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。 系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 Dreamweaver 简介 使用 Macromedia 公司的产品 Dreamweaver 软件。 因 HTML 的稳定性、广泛支持性及可创建复杂的页面效果，该网站页面主要使用 DreamWeaver 软件。 还用到一些基本上的 Html 语言。 (1)处理图片工具： 是 Adobe 公司的产品，是功能非常强大的专业图形软件，可以制作任何你想要的平面效果。 其中包含的 ImageReady 是用于网页图片制作的。 (2)制作动画工具： Macromedia 公司出品的 Flash 互动网页制作工具与Dreamweaver 和 firework 并称网页制作三剑客。 (3)动态网页制作技术：脚本语言 Javascript 和 Vbscript， Javascript 是Netscape，它介于 JAVA和 HTML之间，是基于对象 (Object)和事件驱动 (Event Driven)并运行于客户端的编程语言。 网站主要运用 javascript 制作一些网页特效。 ASP(Active Server Pages)是包括 HTML 标记、文本和脚本命令的文件，使用它可以创建动态、交互的 Web 服务器应用程序，并可以组合 HTML 页、脚本命令和 ActiveX组件以创建交互的 Web 页和基于 Web 的功能强大的应用程序。 7 第 4 章 网站各模块页面效果设计 网站客户端前 端显示布局页面 如图 41图所示。 图 41:网页前端总体模块 网站客户端显示页面概述 网站客户端显示页面是网站提供给浏览者的第一视觉界面。 网站客户端显示页面不仅要有合理的整体布局，使浏览者有一个流畅的视觉体验；还应该通过各功能模块体现出网站的主题内容，使浏览者在最短的时间内了解网站的用途。 前台整体如图 42: 标题栏 logo 区域 博客信 息显示 区域 网页主题显示框架 页面末尾版权信息显示区域 8 图 42: 前台主页面 网站客户端显示页面 1． LOGO 部分设计： 9 LOGO 是网站形象的重要体现。 试问一 个人怎么能让自己的名片污渍不堪。 就一个网站来说， LOGO 即是网站的名片。 而对于一个追求精美的网站， LOGO 更是它的灵魂所在，即所谓的“点睛”之处。 图 43: 网站 logo 图标 2．网站客户端显示页面 TOP 设计： 图 44: 标题图标 重要代码如下： meta equiv=ContentType content=text/html。 charset=gb2312 / style type=text/css ! body { marginleft: 0px。 margintop: 0px。 } /styletable width=779 border=0 align=center cellpadding=0 cellspacing=0 tr td height=151 align=right valign=bottom background=images/table width=450 height=47 border=0 cellpadding=0 cellspacing=0 tr 10 td width=84 align=center valign=middlea href= class=top个 人主 页 /a|/td td width=79 align=center valign=middlea href= class=top我的文章 /a|/td td width=80 align=center valign=middlea href= class=top我的相 册 /a|/td td width=75 align=center valign=middlea href=Manage/ class=top控制面板 /a|/td td width=132 align=center valign=middlea href= class=top 在 线 音 乐 点播/a /td /tr /table/td /tr tr td height=25 background=images/table width=100% border=0 cellspacing=0 cellpadding=3 tr td width=31% height=22 align=center欢 迎 您来访个 人主页 !/td td width=69% height=22一 份 耕耘 一 份 收 获 ! 欢 迎 您 的加入 !/td /tr /table/td /tr /table 3. 网站客户端显示页面左边的链接及图片的设计如图 45： 11 12 图 45: 侧页功能图 4．网站客户端显示页面 图 46: 主显示页面 前台总体模块设计 前台主要是 个人网站 的主要功能展示界面，又称网站客户端显示页面，要求来访者能看到管理者的文章、相册、 音乐 ，还有管理和用户的登录功能以及来访者的留言功能管理。 所用功能主要可分为以下模块： (1)我的文章模块：根据文章内容可分为几大项内容以不同内容区块儿展示； (2)我的相册模块：展示每个分类的相册； (3)BLOG 搜索模块：通过搜索关键字或是选择查询类型选择去搜索。 (4)博主推荐模块： 有些是博主推荐的文章列表。 (5)在线音乐 模块：展示 音乐。 13 (6)网站统计模块：统计发表的文章、评论、游览者及建站的时间等信息。 我的文章模块 根据文章内容分为多个展示部分，在首页显示，通过绑定记录集和建立重复区域等在首页实现对文章的浏览，如图 48 所示。 在首页文章栏通过点击各类文章标题可以显示不同的文章 .实现其功能需要在Dreamweaver 中增加代码加以实现，主要代码如下： tr td bgcolor=FFFFFF!include file= table width=100% border=0 cellspacing=2 cellpadding=2 tr td height=20 colspan=2 %=megstr%博客列表 /td /tr % Set rs=() sqlstr=select top 25 id,Atitle,Adate,Aclass from tab_article where 1=1 If IsNumeric(classid) and classid Then sqlstr=sqlstramp。 and Aclass=amp。 classidamp。 If keyword Then Select case btype case 1 sqlstr=sqlstramp。 and Atitle like 39。 %amp。 keywordamp。 %39。 case 2 sqlstr=sqlstramp。 and Acontent like 39。 %amp。 keywordamp。 %39。 case 3 sqlstr=sqlstramp。 and Aauthor like 39。 %amp。 keywordamp。 %39。 End Select End If If Session(times) Then sqlstr=sqlstramp。 and Adate like 39。 amp。 Session(times)amp。 %39。 Session(times)= End If sqlstr=sqlstramp。 order by id desc sqlstr,conn,1,1 If Then % 14 tr td height=20 colspan=2 align=center您查询的记录暂无收藏。 /td /tr %End IF% % while not Set rsc=(select Aame from tab_article_class where id=amp。 rs(Aclass)amp。 ) % tr td width=23% height=20 [%=formatDateTime(rs(Adate),2)%]/td td width=77% height=20a href=?id=%=rs(id)%amp。 classname=%=rsc(Aame)%%=rs(Atitle)%/a/td /tr % Set rsc=Nothing wend Set rs=Nothing % /table/td /tr 15 图 48: 文单 列表模块图 我的 相册模块 相册展示模块主要用于分类展示上传的相册图片信息，即列出相册的分类以及某一分类中包含的图片。 相册分类展示，如图 410所示 16 图 410: 相册显示 在 Dreamweaver 中增加代码加以实现，主要代码如下 : table width=100% border=0 cellspacing=2 cellpadding=2 tr td height=22 我的相册 /td /tr tr %。