《毕业设计（论文）ASP+access+javascript个人博客网站设计与实现有源代码.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）ASP+access+javascript个人博客网站设计与实现有源代码.doc（36页珍藏版）》请在三一办公上搜索。
1、 源代码，程序，联系153893706毕 业 设 计作 者： 学 号： 30 学 系： 计算机应用与技术系 专 业： 计算机应用技术（外贸方向） 班 级： 题 目： 个人网站的设计与实现 指导教师： 湖南科技职业学院电子信息工程与技术系湖南科技职业学院专科生毕业论文评语题目： 个人网站的设计与实现 专业：计算机应用技术（外贸方向） 班级：计贸3092 姓名： 学号： 30 毕业设计得分： 答辩得分： 综合评定： 指导老师评语： 指 导 教 师（签字）： 年 月 日答辩委员会（小组）评语： 答辩委员会（小组）负责人（签字）：年 月 日 目 录摘 要IAbstractII第1章 引言1第2章 系统
2、需求分析22.1 开发目标32.2 应用目标3第3章 开发工具的选用及介绍43.1 ASP技术43.2 Access数据库简介53.3 Dreamweaver简介6第4章 网站各模块页面效果设计74.1 网站客户端显示页面概述74.2 网站客户端显示页面84.3 前台总体模块设计104.3.1我的文章模块114.3.3 博客登录界面模块15第5章 数据库设计分析175.1 数据库设计175.2 采用的数据库语言-SQL185.3 数据库连接19第6章 后台管理及功能实现206.1 后台总体设计206.2 后台功能模块实现206.2.1文章管理模块216.2.2 相册管理模块246.2.3 实现
3、相册修改删除管理主要代码如下256.2.4 管理员资料修改管理模块26第7章 系统总体评测277.1 系统调试277.2 系统测试28结 论29致 谢30参 考 文 献31摘 要本系统主要是采用ASP+access+javascript等开发技术进行开发。其中ASP具有优良的性能，丰富的工具箱支持，强大的功能，程序与页面结构分离，良好的可移植性和适用性，超强的扩展性。同时使用javascript完成丰富的脚本功能例如客户端的密码验证功能就可以用以减轻服务器的负担。而本系统使用的是asp作为主要开发语言，采用Web展示层和ACCESS数据库两层架构模式来实现数据库论坛管理网站的建设，使得对信息的
4、管理更加及时、高效，提高了工作效率。整个数据库论坛的大体功能均已实现，已经具有个人博客网站该有的功能。由于时间有限 还存在很多还需进行改进的地方，也还需要不断地学习来完善它的功能。 关键词 ASP ACCESS 个人博客网站设计AbstractIn the end of the 20th century, with the rapid development of computer technology, the database technology has been increasingly widely applied in internet and offered more consi
5、derate and human service to the general internet users. Personalization has gradually become the trend of todays Web applications. Compared with the design adopted on internet presently, the personal Web site based on ASP, this program has the advantages of simpler for clients to use and more intuit
6、ive in interface. Personal Website business has just started in China, but has been developing very rapidly. With the more popular application of Internet and more maturity of network techonology, there will be more and more groups and individuals who demand for personal websit. Based on a huge netw
7、ork and with its simpler and more intuitive interface, personal website has rapidly been recognized by the majority of Internet users, with which the users can use the popular technology of nowdays to display their own personality on the websites.【Keywords】 ASP ACCESS A PERSONAL BLOG SITE DESIGN第1章
8、引言博客是一个个人网页信息的集合，通常由简短且经常更新的文章日志 图片构成，这些一般是按照年份和日期倒序排列的。而作为Blog的内容，它可以是你纯粹个人的想法和心得，包括你对时事新闻、国家大事的个人看法，或者你对一日三餐、服饰打扮的精心料理等，也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容。他不等同于网络日记，作为网络日记是带有很明显的私人性质的，而Blog则是私人性和公共性的有效结合，它绝不仅仅是纯粹个人思想的表达和日常琐事的记录，它所提供的内容可以用来进行交流和为他人提供帮助，是可以包容整个互联网的，具有极高的共享精神和价值。本设计主要阐述一个个人博客网站的建设及
9、其后台操作过程和一些关键技术。该博客信息来源主要由用户直接添加，通过审核后,在网站上发布出来,以供大家共同欣赏。前台用户操作,该模块主要包括我的文章、我的相册、博主登录、Blog搜索、博主推荐、最新评论、网站统计等功能。后台博主管理,该模块主要包括文章信息管理、相册信息管理、管理员资料管理等功能.该博客网站是应用Dreamweaver8、Access2007、Photoshop CS3等软件，后台结合ASP编程技术+access开发出来的。我根据个人喜好开发了个人的博客网站设计与实现。第2章 系统需求分析在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人
10、们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。博客网站就是当今网络上最为流行的交流互动平台，个人博客网站是针对网络用户的交流需求，提供一个方便的可以支持跨地域结交朋友、聊天、互动、了解多方信息的平台。个人博客网站内容丰富，界面简洁美观，大大丰富了当代人的精神需求。博客能让个人在互联网上表达自己的心声。这是一个收集和共享任何感兴趣的事
11、物的地方-可以是政治评论、个人日记或是指向您想记住的网站的链接。许多人使用博客只是要组织自己的想法，而有些人则在全球成千上万的浏览者中赢得影响力。职业和业余新闻记者使用博客发布特发新闻，而有写日记习惯的人则会在博客 中宣示自己内心的想法。而摄影和美术发烧者，可以通过博客 系统的管理自己的作品，无论您要发表什么意见，博客都可以帮您表达出来。博客作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见和思想。某种意义上说，它也是一种新的文化现象，博客的出现和繁荣，真正凸现网络的知识价值，标志着互联网发展开始步入更高的阶段。基本性能:系统主要的功能包括：发表文章，文章管理 评价管理 相册管理以及
12、用户密码修改等功能。管理员登陆可以管理用户账户，删除文章图片，设置文章图片的分类属性，上传图片等操作。对于这些功能基本可以应付一般的用户需要。2.1 开发目标系统预期的目的是为了做成交互式的网页，方便客户端和浏览器端之间的交流。通过该论坛，人们能够相互交流沟通，把疑惑在论坛里公布，大家献计献策，共同学习，共同进步。2.2 应用目标数据库论坛系统是一个用于用户之间互相交流的系统。用户可以浏览博客上的文章并提交自己的评论。博客主人能够修改自己的资料信息，发布文章图片相册。博客理员能够便于管理博客内容，包括用户信息管理，文章管理，相册管理，评价管理对于不健康或是不利于社会稳定的评论能进行删除操作。第
13、3章 开发工具的选用及介绍随着Internet技术的快速发展与普及，各种制作网页的软件也如雨后春笋，从最初制作静态网页的Html到现在非常流行的“ASP” 、“JSP” 以及”javascript”脚本等互动网页制作工具，该网站的制作主要用到了ASP、Access和Dreamweaver、网页美工等。3.1 ASP技术ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写
14、环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容(如在线表单)，也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有以下特点： (1)利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术； (2)ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试； (3)服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页； (4)ASP提供了一些内置对象，
15、使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息； (5)ASP可以使用服务器端ActiveX组建来执行各种各样的任务，例如存取数据库、发现那个Email或访问文件系统等； (6)由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。ASP工作原理：1、用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。 2、浏览器向服务器发出请求。 3、服务器引擎开始运行ASP程序。 4、ASP文件按照从上到下的
16、顺序开始处理，执行脚本命令，执行HTML页面内容。 5、页面信息发送到浏览器3.2 Access数据库简介Microsoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。其实Access 也是微软公司另一个通讯程序的名字，想与 ProComm 以及其他类似程序来竞争。可是事后微软证实这是个失败计划，并且将它中止。数年后他们把名字重新命名于数据库软件。Access在2000年的时候成为了计算机等
17、级考试中的计算机二级的一种数据库语言并且因为它的易学易用的特点正逐步取代传统的VFP成为二级中最受欢迎的数据库语言。Access是一种关系型数据库管理系统，其主要特点如下： (1)存储方式单一 Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为(.mdb)的数据库文件种，便于用户的操作和管理。 (2)面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展
18、方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。 (3)界面友好、易操作 Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 3.3 Dreamweaver简介使用Macromedia公司的产品Dreamweaver软件。因HTML的稳定性、广泛支持性及可创建复杂的页面效果，该网站页面主要使用DreamWeaver软件。还用到一些基本上的Html语言。
19、(1)处理图片工具：Photoshop9.0是Adobe公司的产品，是功能非常强大的专业图形软件，可以制作任何你想要的平面效果。其中包含的ImageReady是用于网页图片制作的。(2)制作动画工具：Macromedia公司出品的Flash互动网页制作工具与Dreamweaver和firework并称网页制作三剑客。(3)动态网页制作技术：脚本语言Javascript和Vbscript，Javascript是Netscape，它介于JAVA和HTML之间，是基于对象(Object)和事件驱动(Event Driven)并运行于客户端的编程语言。网站主要运用javascript制作一些网页特效。
20、ASP(Active Server Pages)是包括HTML标记、文本和脚本命令的文件，使用它可以创建动态、交互的 Web 服务器应用程序，并可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。第4章 网站各模块页面效果设计网站客户端前端显示布局页面 如图4-1图所示。标题栏 logo区域博客信息显示区域 网页主题显示框架页面末尾版权信息显示区域图4-1:网页前端总体模块 4.1 网站客户端显示页面概述网站客户端显示页面是网站提供给浏览者的第一视觉界面。网站客户端显示页面不仅要有合理的整体布局，使浏览者有一个流畅的视觉体验；还应该通过各功能模
21、块体现出网站的主题内容，使浏览者在最短的时间内了解网站的用途。前台整体如图4-2:图4-2: 前台主页面4.2 网站客户端显示页面1LOGO部分设计：LOGO是网站形象的重要体现。试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪？就一个网站来说，LOGO即是网站的名片。而对于一个追求精美的网站，LOGO更是它的灵魂所在，即所谓的“点睛”之处。图4-3: 网站logo图标2网站客户端显示页面TOP设计：图4-4: 标题图标重要代码如下：博客首页|我的文章|我的相册|博客管理 3. 网站客户端显示页面左边的链接及图片的设计如图4-5：图4-5: 侧页功能
22、图其重要代码： Blog搜索 博主推荐 最新留言 background=images/mid_01.jpg 过客足迹 4网站客户端显示页面 图4-6: 主显示页面 关键代码如下:4.3 前台总体模块设计前台主要是个人博客的主要功能展示界面，又称网站客户端显示页面，要求来访者能看到管理者的文章、相册、留言，还有管理和用户的登录功能以及来访者的留言功能管理。所用功能
23、主要可分为以下模块：(1)我的文章模块：根据文章内容可分为几大项内容以不同内容区块儿展示；(2)我的相册模块：展示每个分类的相册；(3)BLOG搜索模块：通过搜索关键字或是选择查询类型选择去搜索。(4)博主推荐模块：有些是博主推荐的文章列表。(5)最新评论模块：展示所用来访者以及用户、管理者的留言。(6)网站统计模块：统计发表的文章、评论、游览者及建站的时间等信息。4.3.1我的文章模块根据文章内容分为多个展示部分，在首页显示，通过绑定记录集和建立重复区域等在首页实现对文章的浏览，如图4-8所示。在首页文章栏通过点击各类文章标题可以显示不同的文章.实现其功能需要在Dreamweaver中增加代
24、码加以实现，主要代码如下：% Set rs=Server.CreateObject(ADODB.Recordset)/建立连接sqlstr=select top 2 id,Atitle,Adate,Aclass,Acontent from tab_article order by id desc /建立sql查询语句rs.open sqlstr,conn,1,1/打开连接If rs.eof Then/查找符合条件的数据Response.Write(暂无收藏！)Response.End() Else while not rs.e 图4-8: 博客列表模块图另外，在前台显示对此篇文章发表的详细内容
25、-主要代码如下：发表时间： 评论： /显示评论数图4-9: 文章显示模块图4.3.2 我的相册模块 相册展示模块主要用于分类展示上传的相册图片信息，即列出相册的分类以及某一分类中包含的图片。相册分类展示，如图4-10所示图4-10: 相册显示 在Dreamweaver中增加代码加以实现，主要代码如下:某一相册分类对应的图片展示，如图4-11所示。 图4-11: 相册详情在Dreamweaver中增加代码加以实现，主要代码如下: /建立一个表格框架 用于显示对应相册分类内的照片img sr
26、c=upfile/ height=100 width=120 border=0 /4.3.3 博客登录界面模块一个单独的登录也面可以通过输入管理员或用户的账号、密码、随机验证码实现登录后台功能，如图4-12所示。图4-12: 后台登陆窗口其中最主要的是与数据库连接进行用户验证。令系统可以判断登录者是否为合格用户，如果合格，直接跳转入后台管理界面。如果用户名或密码或验证码错误，则需要登录用户重新输入，主要代码如下：Response.writealert(您输入的验证码不正确!);location.href=login.asp/使用javascript判断验证码是否正确Response.End()
27、 Else Session(verifycode)= End IF If txt_name Then Set rs=Server.CreateObject(ADODB.Recordset)sqlstr=select Mname,Mpasswd from tab_manager where Mname=&txt_name&rs.open sqlstr,conn,1,1If rs.eof Then Response.Write(alert(用户名不正确,请核实后重新输入!);location.href=login.asp;)/如果用户输入用户名不正确则提示 并跳到登录窗口Else If rs(Mp
28、asswd)txt_passwd Then Response.Write(alert(密码不正确,请确认后重新输入!);location.href=login.asp;)博主登录模块的操作流程,如图4-13:图4-13: 后台登录第5章 数据库设计分析5.1 数据库设计本系统采用的数据库是Microsoft Access，建立db.mdb数据库，然后建立相应的表。这一设计阶段是在系统功能结构图的基础上进行的，设计出能够满足用户需求的各种实体以及它们之间的关系，为后面的逻辑结构设计打下基础。1. 文章信息实体包括：文章ID、文章所属分类ID、文章标题、文章内容、作者名称和发表时间。文章信息实体如
29、下图5-1所示。图51: 数据库文章评论信息实体如下图5-2所示。图52: 文章评论相册信息实体包括：相册ID、相册分类ID、图片名称、图片标识、图片信息和添加时间。相册信息实体，如下图：5-3所示。图53: 相册信息2.接下来分析数据表实体间的关系图 贴出几个关键表格并分析其关系图如下：根据以上分析设计该数据库中表及其用途如图5-4示。图54：数据表功能图5.2 采用的数据库语言-SQLSQL是英文Structured Query Language的缩写，意思为结构化查询语言。按照ANSI(美国国家标准协会)的规定，SQL被作为关系型数据库管理系统的标准语言。SQL语言的主要功能就是同各种数
30、据库建立联系，进行沟通。SQL语句通常用于完成一些数据库的操作任务，比如在数据库中更新数据，或者从数据库中检索数据。使用SQL的常见关系数据库管理系统有：Oracle、 Sybase、 Microsoft SQL Server、 Access、 Ingress等等。虽然绝大多数的数据库系统使用SQL，但是它们同样有它们自立另外的专有扩展功能用于它们的系统。但是，标准的SQL命令，比如Select、 Insert、 Update、 Delete、 Create和 Drop常常被用于完成绝大多数数据库的操作。在众多的SQL命令中，select语句应该算是使用最频繁的。select语句主要被用来对数
31、据库进行查询并返回符合用户查询标准的结果数据。select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。用户可以按照自己的需要选择任意列，还可以使用通配符“*”来设定返回表格中的所有列。 SQL功能强大，是一种完备的数据处理语言，不仅用于数据库查询，而且用于数据库中的数据修改和更新，概括起来，它可以分成以下几组： (1)DML(Data Manipulation Language，数据操作语言)：用于检索或者修改数据； (2)DDL(Data Definition Language，数据定义语言)：用于定义数据的结构，比如创建、修改或者删除数据库对象； (3)DCL(
32、Data Control Language，数据控制语言)：用于定义数据库用户的权限； (4)DML组可以细分为以下的几个语句： SELECT：用于检索数据； INSERT：用于增加数据到数据库； UPDATE：用于从数据库中修改现存的数据； DELETE：用于从数据库中删除数据； DDL语句可以用于创建用户和重建数据库对象。下面是DDL命令：CREATE TABLE，ALTER TABLE，DROP TABLE，CREATE INDEX，DROP INDEX。5.3 数据库连接我们将与数据库的连接，单独写出来并进行编译，也就是数据库连接的conn.asp文件，我们在ASP页面中只用直接调用改
33、方法即可，存放在根目录文件下，我们在需要对数据库进行操作的时候只需在页面上添加这样一个标签即可。连接关键代码如下：打开数据库连接- 连接数据库 -Dim conn,connstrSet conn=Server.CreateObject(ADODB.Connection)/建立数据连接connstr=Provider=Microsoft.Jet.OLEDB.4.0;/加载驱动UserID=admin;Password=;Data Source=&Server.MapPath(./DataBase/db_blog.mdb)&;conn.open connstr第6章 后台管理及功能实现6.1 后台
34、总体设计后台管理部分主要包括用户身份验证。添加文章、文章分类，删除文章，文章分类信息。删除留言等功能。完成对用户、文章、留言的处理操作。所用功能主要可分为以下模块：(1)文章分类管理模块：根据文章内容不同，增加、修改或删除文章分类；(2)相册管理模块：实现相册的上传、游览和删除等操作；(3)留言管理模块：对前台访问者的留言进行选择性删除功能；(4)用户管理模块：只有管理员有权操作，实现用户添加以及删除功能；6.2 后台功能模块实现后台管理界面的功能E-R图6-1所示。图6-1： 后台管理功能图6.2.1文章管理模块为了在主页中实现我的文章以分类的形式表现，还有处理新增分类的功能，在后台我做了分
35、类管理功能。如图6-2所示。图62： 文章管理图在我的文章分类管理界面中，只需找到列表中需要操作的分类名称，然后点击名称后面的删除或修改和添加按钮，就可以将此分类删除或修改或添加。主要代码： /完成数据遍历form name=form2 method=post action=input name=类别名称 type=text id=类别名称 value= class=textboxinput name=id type=hidden id=id value=input name=edit type=submit id=edit value=修 改 class=button onClick=return Mycheck(th
