计算机毕业设计：XXX个人网站的设计与实现

1、毕 业 设 计（说 明 书）题 目：_ XXX个人网站的设计与实现_姓 名：_编 号： ( )字 号平顶山工业职业技术学院年 月 日摘 要在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已过一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。本网站主要是利用Dreamweave

2、r MX制作而成，充分运用Dreamweaver的一些基本功能，加入了VBScript语言、网页框架、级联样式表、书签、超链接等页面元素。本网站图文并茂、界面直观、操作简单，内容布局条理清楚，版面协调、统一，颜色鲜明、搭配合理，内容丰富、详尽非常幽美动听的音乐，令您在浏览本站时不仅能欣赏到水晶般的音乐、而且还会令您在紧张的工作、学习之余通过在线留言增进好友前的联系。本网站适用性强，只要对网站中的部分内容进行简单的修改，就能适合于大多数架设有内部局域网的单位或家庭使用，也可为有兴趣建立个人站点的人士提供参考与借鉴。关键词:个人网站 数据库 ASP 留言目 录 TOC o 1-3 h z u HY

3、PERLINK l _Toc263009093 摘 要 PAGEREF _Toc263009093 h I HYPERLINK l _Toc263009094 目 录 PAGEREF _Toc263009094 h II HYPERLINK l _Toc263009095 绪 论 PAGEREF _Toc263009095 h 1 HYPERLINK l _Toc263009096 第1章 引言 PAGEREF _Toc263009096 h 2 HYPERLINK l _Toc263009097 课题来源与背景 PAGEREF _Toc263009097 h 2 HYPERLINK l _T

4、oc263009098 课题的意义 PAGEREF _Toc263009098 h 2 HYPERLINK l _Toc263009099 1.3 研究路线 PAGEREF _Toc263009099 h 2 HYPERLINK l _Toc263009100 第2章 关键技术 PAGEREF _Toc263009100 h 3 HYPERLINK l _Toc263009101 技术 PAGEREF _Toc263009101 h 3 HYPERLINK l _Toc263009102 2.2 ASP技术 PAGEREF _Toc263009102 h 4 HYPERLINK l _Toc2

5、63009103 2.3 IIS简介 PAGEREF _Toc263009103 h 5 HYPERLINK l _Toc263009104 2.4 Access数据库技术 PAGEREF _Toc263009104 h 7 HYPERLINK l _Toc263009105 第3章 系统分析 PAGEREF _Toc263009105 h 9 HYPERLINK l _Toc263009106 3.1 需求分析 PAGEREF _Toc263009106 h 9 HYPERLINK l _Toc263009111 3.2 博客系统预期的结果 PAGEREF _Toc263009111 h 1

6、1 HYPERLINK l _Toc263009112 3.3 界面设计 PAGEREF _Toc263009112 h 12 HYPERLINK l _Toc263009113 3.4 数据库设计 PAGEREF _Toc263009113 h 13 HYPERLINK l _Toc263009119 第4章 系统具体设计与实现 PAGEREF _Toc263009119 h 16 HYPERLINK l _Toc263009120 前台页面的设计和实现 PAGEREF _Toc263009120 h 16 HYPERLINK l _Toc263009125 4.2 网站管理系统 PAGER

7、EF _Toc263009125 h 28 HYPERLINK l _Toc263009126 台页面的设计和实现 PAGEREF _Toc263009126 h 32 HYPERLINK l _Toc263009130 4.4 Dream weaver测试站点 PAGEREF _Toc263009130 h 41 HYPERLINK l _Toc263009131 第5章 总 结 PAGEREF _Toc263009131 h 42 HYPERLINK l _Toc263009132 致谢 PAGEREF _Toc263009132 h 43 HYPERLINK l _Toc26300913

8、3 参考文献 PAGEREF _Toc263009133 h 44绪 论在计算机技术飞速发展的今天，人们的行为和工作越来越离不开信息网络的支持。ASP 是微软于1996年年底推出的WEB应用程序的开发技术。这一技术的兴起是ACTIVE X技术在服务器端应用的必然结果，同时它的出现在Web开发领域引起了一场革命。Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上

9、已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站

10、点向用户提供的服务将越来越丰富，越来越人性化。 第1章 引言1.1课题来源与背景中国网络上的个人网站设计或精致小资、或大气轩昂，内容更是五彩缤纷，奇思叠出，在商业网站的另一边，筑起了一道中文网络信息的亮丽风景。由于他们的存在，为中国互联网的支持者提供了一个坚实支持群体，因为大多数个人站长都是忠实的网虫，同时也为商业网站的发展提供了有益的补充。自网易在2000年下半年打出收费个人主页项目以来，各大免费主机提供商相继推出有针对性的收费个人网站服务，至2001年下半年，网上有提供免费个人空间的ISP已是寥寥无几，而且这些用户还得随时面临停止服务的尴尬境地。而与此同时，原来一些专业和服务器托管商和虚拟

11、主机提供商也看中了这个颇有潜力的市场，推出了一款款性价比挺不错的网站配套服务。其中相有当一部分的网站有了自己的国际顶级域名，设计和制作也更好规范化，可以说是提升了中国个人网站的总体层次。随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务。由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时动态的网页能实现网上交易平台、把个人信息反馈方便了朋友与网友之间信息交流，因此许多网友纷纷建设具有自己独特风格的网站以展现自己的个性。1.3 研究路线本课题主要运用了数据库（Acces

12、s）与ASP整合的动态网页开发技术，实现了会员注册、登录、在线留言等动态网页交互功能。在学习者学习之余，还有许多娱乐活动，Flash欣赏，风景欣赏，并且提供了课件、软件及歌曲的下载。第2章 关键技术 技术Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。的特点如下。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“

13、代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指

14、定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和

15、CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。2.2 ASP技术Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（

16、Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。ASP的特点如下：1、任何开发工具皆可发展ASP只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产

17、生的HTML文件适用于不同的浏览器。2、语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java script Active X服务器组件来设计外，并可经由plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的ASP程序代码是看不到的！这是因杰程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

18、4、易于操控数据库ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access fox pro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。6、ASP

19、的六大内部对象对象名称 功能描述Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理所以我选择了ASP结合Dreamweaver架构个人站点。 IIS简介IIS是Internet Information Services的缩写，是一个World Wide Web server。

20、Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、Vbscript些扩展功能。IIS支持一些有趣的东西，象有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的

21、安全性以及NTFS文件系统建立强大灵活的InternetIntranet站点。IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。图2-1 B/SB/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易。1、安装IIS若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击

22、启动 “添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装2、启动Internet信息服务（IIS）Internet信息服务简称为IIS，单击Windows开始菜单所有程序管理工具Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具。3、配置IISIIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:Inetpub root。用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时

23、就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。（1）主目录与启用父路径单击“主目录”标签，切换到主目录设置页面，该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。主目录配置选项。（2）设置主页文档单击“文档”标签，可切换到对主页文档的设置页面,主页文档是在浏览器中键入网站域名，而未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页文件名有index.htm、index.html、index. asp、default.html、等添加”和“删除”按钮，可为站点设置所能解析的主页文档。图2-2（3）启动与停止II

24、S服务在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击 可启动IIS服务器；单击 则停止IIS服务器。 Access数据库技术Microsoft Access是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。Microsoft Access数据库有一定的极限，如果数据达到100M左右，很容易造成服务器IIS或者消耗掉服务器的内存导致服务器崩溃。Access2003 就是关系数据库开发工具，数据库能汇集各种信息以供查询、存储和检索。Access 的优点在于它能使用数据表示图或自定义窗体收集信息，

25、数据表示图提供了一种类似于 Excel 的电子表格，可以使数据库一目了然。另外，Access 允许创建自定义报表用于打印或输出数据库中的信息。Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。如上所述，Access 作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。为了防止ACESS数据库安全，主要有以下几种方法：（1）、数据库加密这个自然不用说了，别人如果知道数据库路径，照样能下载，打开数据库其实也很简单，网上破解ACCESS数据库的密码软件太多了。也可以采用MD5加密。（2）、数

26、据库文件名更名这个用的比较多，主要是用到了HTML的锚点，将数据库的文件名中加入 # ,如果直接敲入数据库的路径试图下载的话，由于浏览器只解析到了#前面一大串URL，#后被认为是锚点标记，数据路径被保护起来了。此方法的破解，原理很简单，字符 # 被URL解析后的字符应该是“%35”，这就是我在地址栏里经常看到%20样的东西，其实是空格，由于进行了URL编码所以解析成了%20（20是因为空格的ASC码值为20）。第3章 系统分析 需求分析 主要功能划分主要功能包括：对文章和图片的添加，删除，修改等。浏览者可以选择自己感兴趣的类别，然后进行阅读，并且可以对其留言和评价。在后台管理页面中，通过认证管

27、理者身份，管理员可以对博客系统中的信息进行管理。 功能需求描述一、明确架设网站的目的及客户要求通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。二、我的个人网站概貌因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。三、功能划分网站设计有新闻更新，浏览者可以在首页浏览自己喜

28、欢的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。四、功能描述(一)新闻嵌入百度新闻每日更新代码，使用在本站首页显示今日国内国际新闻和体育新闻，供浏览者浏览。(二)留言板是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。(三)后台管理页面是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。(四)日记在其中展示我喜爱的东西，包括我的日记、精品文章

29、、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。 (五)相册在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。让大家一起来欣赏人物、风景风采。(六)音乐在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。 系统功能简图系统系统利用Dreamweaver、Asp、Access数据库等技术。将自己的心得和记录以及一些精彩的东西向他人开放，使其与他人进行交流和学习，它不仅使自己有一个抒写心得，记录东西的地方更加方便了自己与他人交流分享也为其他人提供不过了一个参考，学习的地方。下

30、面是该博客系统的功能简图:图3-1系统的功能简图 连接数据库的关键代码 博客系统预期的结果个人网站的预期成果是完成前台各种信息正确的显示和后台中对数据的添加、删除、修改等功能全部实现。具体介绍如下：首页面中将对在博客后台所添加的文章、图片等显示出来、以及文章和图片的导航，留言等等。登陆页面，管理员可以通过此页面进入后台管理整个系统。所以在登陆页面时一定要做好安全的判断，一定是在拥有正确的用户名，密码的前提下才能正确登陆。否则不能登陆。进入后台管理系统后，对系统分为六大模块：文章管理，添加文章管理，文章类别管理，图片管理，图片类别管理，留言管理以及其它模块。在文章管理模块中：文章管理应实现文章的

31、添加，删除，修改。在添加文章管理模块中主要是针对文章标题、文章内容、文章摘要、文章类别的添加。而文章类别管理模块主要是对文章类别的添加和删除。图片管理和图片类别管理：能够添加图片类别，对图片进行添加和删除。留言管理：对用户的留言进行查看和删除。 界面设计在明确了博客系统的风格和定位后，就是博客系统的材料组织以及博客各个的页面设计。首先当然应该是博文质量。界面装饰得再花哨，而文章却很臭，对别人也是没多大吸引力的。正所谓“花里胡哨，空空如也”，说的就是这个道理。在保证博文质量的前提下，对博客做适当的修饰美化是有必要的，因为博客是一个很私人的东西，是代表自己的符号，所以一定要体现出自己的风格以及审美

32、，千人一面就太让人乏味了。因为，这世界本就是多彩的。美化自己的博客，首先要考虑的就是界面整体风格的和谐统一，一定要追求专属于个人的标志及特色。接下来就应该是头图和背景图的制作过程了，这部分大致分四步： 构思：首先要明确的是，想要做出一幅什么风格的头图及与之对应的背景图。在脑海中勾勒出一个大致的轮廓，然后进行下一步的工作。 搜集素材：当明确设计的大致方向，利用网上的壁纸站、百度搜索等寻找所需要的各种元素。 制作：创建新图层，调整颜色，然后把需要的各种元素经过绘制、抠图、滤镜、描边、调整、缩放等步骤后添加到图中去，最后，经过调整及修饰，最后完成制作。 应用：挑选与设计的头图和背景图所搭配的界面模版

33、，然后开始应用。个人博客设计的要求： 第一、导航清晰，布局合理，层次分明，页面的链接层次不要太深，尽量让浏览者用最短的时间找到自己感兴趣的内容； 第二、风格统一：保持统一的风格，有助于加深浏览者对博客系统的印象。要实现风格的统一，不一定要把每个栏目做得一模一样，举个例子来说，可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时为网站增加一些变化； 第三、色彩和谐、重点突出：在界面设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面； 第四、界面清爽：要吸引访问者长时间的停留在你的博客中，千万不能让浏览者第一眼就感觉压抑。大量的文字内容要使用舒

34、服的背景色，前景文字和背景之间要对比鲜明，这样访问者浏览时眼睛才不致疲劳。适当的留白可以让界面更清爽； 第五、动态效果不宜太多：适当的动态效果可以起到画龙点睛的作用，过多的动态效果会让人眼花缭乱而抓不住主题。在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引

35、应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、音乐、留言。3.4 数据库设计使用Access2000 实现关系型数据库。.1用户密码登记表Admin该系统中需要建立的数据库表如下：admin表：主要用于保存网站中管理员的信息，表中包含了管理员的账号、密码、登录时间、次数、权限等存储了系统用户和普通用户的信息，包括：姓名，口令，验证码，名称。它的表结构如表3-1所示。表3-1 登记表字段名类型说明Id自动编号Username文本用户名Password文本密码Oskey文本权限Loginip文本登录ipLogintime日期/时间登录时间Logoutt

36、ime日期/时间上次登录时间Logintimes数字登录次数.2留言基本档案表存储了用户的档案包括：ID,留言者名字、留言者QQ、留言者E-mail,留言内容，留言者主页，留言时间，回复留言，留言头像，留言表情，留言者IP，留言者地址，留言主题,其中ID为该表的主关键字。它的设计视图如表3-2所示。表3-2 留言表字段类型说明ReViewID自动编号NewsID数字要评论文章的IDtitle文本所评论文章的标题 Content备注发表的内容 Author文本发表留言或评论的作者名 UpdateTime日期/时间留言或评论的时间音乐分类表 在其中设置了添加自己歌曲的功能，展示个人喜欢的歌曲，朋友

37、们可以在里面添加点播自己喜欢的歌曲。如表3-3所示。表3-3 音乐表字段类型说明SpecialID自动编号Specialmaster文本发表专题的作者SpecialName文本专题的名字日记分类表 在其中设置了添加自己日志的功能，展示个人喜欢的作品，可以在里面添加自己喜欢的的文学作品和心情日志。如表3-4所示。如表3-4所示。字段类型说明ReViewID自动编号title文本文章的标题Content备注文章的内容 editor文本文章的编辑者 UpdateTime日期/时间发表文章的时间 click数字文章的点击数相册分类表 在里面对相册进行分类，展示的图片：包括我的照片、我的同学、风景照片、

38、木。让大家一起来欣赏人物、风景风采。如表3-5所示。表3-5 相册表字段类型说明Class自动编号大类别名MidCls数字小类别Clid文本小类别所属大类IDDescs备注排序以上数据表为Access类型的库文件，将它定名为：“”。第4章 系统具体设计与实现4.1前台页面的设计和实现系统后台管理流程图管理员名管理系统后台管理用户发表更改资料后台登录返回首页管理员观看图3-7 流程图4.1.2首页模块的设计和实现首页的板块应由6大摸块组成：头部板块：这一板块由两部分构成，其一是博客介绍。有了介绍，他人一进入网站，便知你的博客的大致内容，以便决定是否继续浏览。人们常说：时间就是金钱。对于现代人来说

39、，时间非常宝贵，没有多少人愿意花很多时间、精力去做无益的事。因此，你有必要把自己博客的内容、特色简要展示给读者，以便留住需要这类信息的人并让其驻足下来详细浏览你的博客。其二是导航部分：这一板块特别重要。当读者进入你的网站，必然要根据自己的需要选取阅读信息。如果没有导航栏，那么，当读者进入你的网站，就难以迅速地获取他所需要的信息，因而也就不会有耐心继续停留。设计如下：（1） css 部分： /*=首页导航条样式=*/ aima target=_blank （ 首页 ） （ 动漫 ） （ 音乐 ） （ 相册 ） （ 留言 ） （ 链接 ）4.1.3功能板块首页是网站的门户方便用户的使用和查询。根据

40、系统分析得出流程图，如图4-1所示。主页首页本站动态文学作品图片收藏软件下载经典动画影视天地在线留言热门排行动态标题成长故事心灵感悟个人照片风景美图同学朋友常用软件教学软件动感电影动感MTV搞笑动画喜剧片战争片网站调查 图4-1首页流程图 页面设计一、界面设计（一）相册是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片。1、功能利用ASP对象语句显示图片，让大家可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。2、组成构造相册结果显示页面 ：用来显示所有图片，同时还具备图片的分类功能和图片单个浏览功能。站长基本信息显示页面 ：3、相

41、册页面浏览效果图，如图4-2所示。图4-2 相册效果图4、图片效果浏览图，如图4-3。图4-3 图片效果图(二)日记是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。1、功能利用ASP对象语句分类显示日记或文章记录，让大家浏览到最新的日记或文章2、组成结构日记或文章显示页面 ：显示所有日记或文章，同时还具备显示不同子类日记或文章站长基本信息显示页面 3、日记页面浏览效果图，如图4-3。图4-3日志效果图（三）、音乐页面浏览效果图。音乐是一个音乐收藏和音乐欣赏的地方。功能是在于利用ASP对象语句来显示歌曲曲目、演唱人和在线播放功能。结构上采用歌曲显示播放页面 ：完成曲目的显示和播放功能的

42、页面；站长基本信息显示页面 ；数据库连接页面 。如图4-4所示。图4-4音乐效果图(四)、留言本是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。1、功能利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话2、组成构造意见

43、留言结果网页：用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。站长基本信息显示页面 3、留言页面浏览效果图,如图4-5所示。图4-5留言版效果图4、发表留言浏览效果图，如图4-6所示。图4-6发言效果图(一) 页面相同基本信息代码页面 %set oRs=server.createobject(adodb.recordset)sSql=Select Top 1 * From WebBasicInfooRs.Open sSql,Conn,1,1If Not oRs.Eof ThenW_ID=oRs(W_ID)W_WebsiteAppe=oRs(W_WebsiteAppe)W_

44、SuppExpl=oRs(W_SuppExpl)W_WebSiteName=oRs(W_WebSiteName)W_WebSiteUrl=oRs(W_WebSiteUrl)W_StatMastName=oRs(W_StatMastName)W_StatMastEmail=oRs(W_StatMastEmail)W_StatMastQQ=oRs(W_StatMastQQ)W_WebSiteKeyword=oRs(W_WebSiteKeyword)W_WebSiteIntr=oRs(W_WebSiteIntr)W_WebSiteCopyInfo=oRs(W_WebSiteCopyInfo)End

45、IfIf W_WebsiteAppe=False ThenResponse.Write Response.Write W_SuppExplResponse.Write End IfDim WebTitle,WebNameWebName=W_WebSiteName&-&W_WebSiteUrlWebTitle=%（二）数据库连接代码页面 conn.asp % Function SafeRequest(ParaName,ParaType)Dim ParaValueParaValue=Request(ParaName)If ParaType=1 thenIf not isNumeric(ParaVa

46、lue) thenResponse.write 参数 & ParaName & 必须为数字型，请正确操作！End ifElseParaValue=replace(ParaValue,)End ifSafeRequest=ParaValueEnd functionFunction FormatSQL(strChar)if IsNull(strChar) Or IsEmpty(strChar) thenFormatSQL=elseFormatSQL=replace(strChar,)FormatSQL=replace(FormatSQL,*,)FormatSQL=replace(FormatSQL

47、,?,？)FormatSQL=replace(FormatSQL,(,（)FormatSQL=replace(FormatSQL,),）)FormatSQL=replace(FormatSQL,)FormatSQL=replace(FormatSQL,.,。)FormatSQL=replace(FormatSQL,;,；)FormatSQL=replace(FormatSQL,=,)FormatSQL=replace(FormatSQL,%,)FormatSQL=replace(FormatSQL,&,)end ifEnd Function dim conn dim connstrdb=Dat

48、abase/data.mdbconnstr = DBQ= + server.mappath(db) + ;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb); set conn=server.createobject(ADODB.CONNECTION)if err.number0 then set conn=nothingresponse.write 数据库连接出错！elseconn.open connstrif err then set conn=nothingresponse.write 数据库连接出错！Response.End end i

49、fend if%（三）分页功能模块代码 % if not rs.eof then rs.MoveFirst 注意放到前面来,否则到任何页总是在第一个记录上 end if rs.pagesize=MaxPerPage 设置每页最多显示多少条记录 If trim(Request(Page) then 如果请求的页次不为空CurrentPage= CLng(request(Page) clng是转换成长整型数据类型,并赋值到当前页次上If CurrentPage rs.PageCount then 如果当前页次大于总页数,则将最大页次赋值到当前页次上CurrentPage = rs.PageCoun

50、t End If Else CurrentPage= 1 一切条件不成立,将当前页设为第一页End If totalPut=rs.recordcount 将总记录赋值于TOTALPUTif CurrentPage1 then 如果当前页数不等于第一页if (current1)*MaxPerPage日记、音乐显示模块代码段相似。（四）歌曲播放列表 （五）发表留言提交内容判断模块代码%if request(action)= then response.redirectgbook.asp?action=showif request(action)=post thendim booknamedim b

51、ookwheredim bookpicdim bookfacedim bookcontentdim booktimedim bookipdim FoundErr,ErrMsgbookname=request(name)bookwhere=request(where)bookpic=request(pic)bookface=request(face)bookshow=request(show)bookcontent=request(content)bookip=request.ServerVariables(REMOTE_ADDR)if bookname= then Response.Write

52、 Response.Write alert(留言昵称不能为空！); Response.Write history.go(-1); Response.Write end ifif bookcontent= then Response.Write Response.Write alert(留言内容不能为空！); Response.Write history.go(-1); Response.Write end ifstrArr=split(W_BookWorryNeed,|) set rs=Server.CreateObject(ADODB.Recordset)sql=select * from

53、bookrs.open sql,conn,1,3rs(name)=htmlencode(bookname)rs(where)=htmlencode(bookwhere)rs(pic)=bookpicrs(face)=images/face/&bookface&.gifrs(show)=bookshowrs(content)=htmlencode(bookcontent)rs(ip)=bookiprs(time)=now() Response.Write Response.Write alert(恭喜您！您已经成功提交了信息！); Response.Write window.location.h

54、ref=gbook.asp?i=show Response.Write end if%4.2 网站管理系统完成站长对网站信息管理及更新的系统，包括以下几部分：1、管理登陆页面i2、相册管理页面photo.asp3、日记管理页面prose.asp4、音乐管理页面music.asp5、留言管理页面book.asp管理登陆管理系统的登陆页面，主要用于管理登陆和判断用户是否已注册。其中判断是否是非法登陆的代码为：%admin_pass=md5(admin_pass)set rs=server.createobject(adodb.recordset)sql=select * from admin wh

55、ere admin_name=&admin_name& and admin_pass=&admin_pass&rs.open sql,conn,1,3 if rs.eof thenresponse.writealert(用户或密码错误！非管理员勿入！);response.writelocation.href=index.asp else session(admin_name)=request(admin_name) session(loc)=1 response.redirect admin.aspend if set rs=nothingset conn=nothingend ifend i

56、f%其中验证码验证代码： % dim verifycode,verifycode2verifycode=trim(Request.Form(verifycode)verifycode2=trim(Request.Form(verifycode2)if verifycodeverifycode2 thenresponse.writealert(您输入的验证码不正确！);response.writelocation.href=index.aspfounderr=trueelsesession(verifycode)=%主要功能程序段:1、打开数据库2数据库查询操作大类查讯setrs=server.

57、CreateObject(adodb.recordset)只读方式打开rs.openselectanclass,anclassidfromanclass,conn,1,1 response.writeAhref=javascriptturnX(r&rs(anclassidtarget=_blank)&)&trim(rs(anclass)&Aloop小类查询dimrs2setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&ord

58、erbynclassidorder,conn,1,1response.writeAhref=class.aspaid=&rs(anclassid)&nid=&rs2(nclassid)&trim(rs2(nclass)&Aloop3、添加记录操作setrs=server.CreateObject(adodb.recordset)可写方式rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3rs.addnew 添加一条新记录rs(bookid)=bookid 添加相应的记录rs(username)=usernamers(

59、zhuangtai)=6rs(zonger)=0rs.update 更新数据库4、删除记录操作从表actions中删除actionid匹配的记录 conn.executedeletefromactionswhereactionid=&request.QueryString(actionid) 5、记录的修改和查看setrs=server.CreateObject(adodb.recordset)rs.Openselectfrombookswherebookid=&bookid,conn,1,3rs(anclassid)=int(request(anclassid)修改各项记录4.3台页面的设计

60、和实现4.3.1后台登陆主页面设计如下：css 部分： 登陆窗口用户名： 密码： 验证码:请在左边输入input type=hidden name=verifycode2 value= 图4-7 后台登陆页面.2后台导航菜单设计如下：css 部分：管理首页/退出 网站管理 更改初始信息 查看服务器信息 网站数据备份 歌曲管理 新增音乐 音乐列表 资料管理 相册管理 公告管理 日记管理 连接管理 图4-8 后台导航 .3后台服务器管理页面服务器名：服务器IP： 服务器端口： 服务器时间：本文件绝对路径： 服务器操作系统： 服务器CPU数量： 客户端IP：端口： 代理： 脚本解释引擎： Jmail