小型个人网站的设计与实现

1、小型个人网站的设计与实现摘 要 设计并实现了一个基于access数据库的小型个人网站，选用dreamweaver mx作为前台开发工具，主要采用asp技术进行网站设计。由前台系统与后台管理系统构成，前台系统包括论坛、留言薄、交友、查看网络日志、照片上传等功能，后台管理系统主要包括论坛管理、留言薄管理、交友信息管理、网络日志管理、照片管理等功能。管理员可以实时对网站进行管理和维护。关键词 个人网站,论坛,数据库,asp,dreamweaver mx1 绪论1.1 课题背景、目的及意义随着互联网的飞速发展，构建web网站、开发网络应用程序已成为热门技术之一，现在互联网已成为与报纸、广播、电视相比肩

2、的第四大媒体,正以其便捷的信息传输形式改变着人们传统的消费模式，更多的人开始青睐于这种简单、快捷、低成本的电子通讯方式,同时网络经济的发展，越来越多的个人走向网络，希望通过网络来宣传自己。在internet上发布信息主要是通过网站来实现的。本课题的目的是以一个建站实例来简要介绍个人网站的设计与实现的一般流程和在设计与实现过程中所涉及到的问题及解决方法，以期指导本文读者在阅读本文后能够明白个人网站的基本构造和其设计实现方法，使其能方便的设计与实现自己的个人网站。研究该课题的意义在于可以给大家创造一个交流的平台，同时也可以宣传自己，可以和同学保持联系。1.2 个人网站概述个人网站从前台看是一种特殊

3、的web服务器，现代web网站的多媒体支持和良好的交互性功能，成为建立这种交流中心的基础，使得用户可以像在真实的交流中心一样和朋友一起分享彼此的心得和体会，并最后达到学习的目的。目前，个人网站正处于一个重要的发展时期，互联网上的个人网站如雨后春笋般蓬勃发展，同时web应用系统技术中新概念、新产品的不断推出，同时也给个人网站提供了新的技术支持 3，未来，个人网站是互联网发展的一个重要趋势。1.3 开发工具、语言和数据库的选择dreamweavermx2004 是一款专业的 html 编辑器，用于对 web 站点、web 页和 web 应用程序进行设计、编码和开发9。无论喜欢直接编写 html代码

4、的驾驭感还是偏爱在可视化编辑环境中工作，dreamweaver 都会为提供帮助良多的工具，丰富 web 创作体验。 利用 dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。dreamweaver 还包括许多与编码相关的工具和功能6。借助 dreamweaver，还可以使用服务器语言（例如 asp、asp.net、coldfusion 标记语言 (cfml)、jsp 和 php）生成支持动态数据库的 web 应用程序。目前常用的web技术有：l 脚本语言 脚本语言是一种简单的描述性语言，它的语法结构与计算机上的高级语言非常相似。脚本语言通过一个标识嵌入到html中

5、，通过编程对web页元素进行控制，从而实现web页的动态化和交互性。目前常用的开发语言有vbscript和javascript，能增强网页的表现力。l web服务器之iis1iis是目前互联网上应用比较广泛的web服务器，提供了基于图形界面的安装 、配置、管理、具有较好的易用性和可管理性。图1.1 asp的工作流程图l aspasp8是动态服务器页面（active servers pages）的简称，是微软公司推出的一种用以取代cgi的技术。asp开发web站点提供了强大的、基于服务器功能的应用框架。jsp是sun公司借助自已在java上的不凡造诣，把人们引入jsp的时代，jsp是java s

6、erver pages的简称。它可以在serverlet和 javabeans的支持下，完成功能强大的站点程序。两种提供要html代码中混合某种程序代码、有语言引擎解释执行程序代码的能力。但jsp代码被编译成servlet并由java虚拟机解释执行，这种编译操作仅在对jsp页面的第一次请求发生。目前asp的应用最为广泛，而jsp是一种较新的技术，国内采用的较少的。但在国外，jsp已经比较流行。asp之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的html格式，而且这些程序是在网络服务端中执行，使用一般的浏览器都可以正确地获得asp的“执行”结果，并且将asp执行的结果直接

7、在浏览器中“浏览”。asp的工作流程图如图1.1所示。asp有以下特点7： 编写容易：任何开发工具皆可发展asp只要使用一般的文本编辑程序，如windows记事本，就可以编辑。 语言兼容性高：asp与所有的activex script语言都相容，可结合html，vbscript、java script、active x服务器组件来设计。 隐密安全性高：我们在浏览器中直接查看网页的原始代码，就只能看到html文件，原始的asp程序代码是看不到的！这是因为asp程序先于网站服务（eb server）端执行后，将结果转换成标准html文件，再传送到客户端（client）的浏览器上。 易于操控数据库：

8、asp可以轻易地通过odbc(open database connectivity)驱动程序连接各种不同的数据库，例如：acess。因此我选择用asp和dreamwever来设计我的个人网站。access2003作为一款关系型数据库，具有简单易学、界面友好、扩展性强2、系统小优点5。对于我的个人网站系统小，要求好管理、好用等特点，数据库选用access。1.4 本文的主要工作本文介绍了个人网站的主要构成，阐述了个人网站设计和实现的具体过程，分析了网上留言、论坛和发表文章等的设计思想，用access建立了数据库。2 个人网站的总体设计 个人网站一般由前台子系统与后台管理子系统构成，前台系统是面向

9、internet上用户的网络界面，是顾客直接访问和进行交流活动的地方，一般包括会员服务、发布帖子、回复帖子、留言、查看网络日志等功能。后台管理系统是供个人网站管理者对网站上的信息进行管理和维护的，以便网站能更高效地运转。我的个人网站准备设计以下几个模块3：（1）会员服务 可以方便网站管理员对用户信息的管理。（2）网络日志 管理员及时发布新闻，方便用户在打开本站就可以查看新闻或者是通知。（3）交友信息模块能满足网民对自己交友的基本要求的发布。（4）论坛信息管理模块网站的管理人员方便对帖子进行维护与管理.。（5）留言薄管理模块管理员对用户的留言进行回复和删除已经回复了的留言记录。 3 个人网站的实

10、现3.1 数据库设计在开始编写各种网页代码之前，首先要考虑好网站的数据库系统设计方案。为了实现网站的正常运营与管理，数据库中以下一些表5是必不可少的。（1）论坛会员信息表 顾客登记成为会员后，将一直保存他的基本信息。（2）论坛帖子信息表 保存论坛用户的基本发帖和回帖内容信息。（3）留言薄信息表 保存用户给站长的留言。（4）交友信息表 保存用户在本站上发布的交友信息。（5）网络日志表 管理员向本站用户发布的一些新闻。（6）通讯本信息表 管理员把自己的朋友的通讯地址存入，方便以后联系。（7）超级连接信息表 管理员添加一些好的网站到本站。（8）照片上传信息表 管理员把好看的图片上传到本站。各表结构设

11、计，分别如表3.1、表3.2、表3.3、表3.4、表3.4、表3.5、表3.6、表3.7、表3.8所示。表3.1论坛会员信息表 表3.2论坛发帖回帖信息表 表3.3留言薄信息表表3.4交友信息表表3.5网络日志信息表表3.6通讯信息表 表3.7超级连接信息表表3.8照片信息表论坛会员信息表、帖子信息表详细说明，如表3.9、表3.10所示。表3.9论坛会员信息表列名 列类型 意义id 整型 自动编号username 变长字符型 用户名userpass 变长字符型 密码sex 变长字符型 性别userface 变长字符型 用户头像postnum 整型 发帖量group 变长字符型 组别regtim

12、e 日期/时间 注册时间email 变长字符型 电子邮箱oicq 变长字符型 oicq号码signature 变长字符型 个人签名表3.10帖子信息表列名 列类型 意义id 自动编号 title 变长字符型 帖子主题poster 变长字符型 帖子作者postertime 日期/时间 帖子发表时间content 备注 帖子正文parent 整型 母版块classid 整型 所属版块lastupdatetime 日期/时间 最后更新时间lastupdateuser 变长字符型 最后更新用户clicknum 整型 帖子被点击数replynum 整型 帖子被回复数classic 整型 是否精华（1是，

13、0否）settop 整型 置顶情况（0为没有置顶，2为论坛置顶）这是论坛的两个主干表，考虑好所需的数据库中各个表的结构后，就可利用一些数据库管理系统软件创建数据库以及其中所需的表，本系统是一个小型的个人网站，基于方便采用的是access构建数据库。调用网站后台管理系统的代码为:调用论坛数据库的代码为：3.2 论坛模块的实现我们日常走进一个会场应能和很多的人交换意见，发表自己的意见，论坛也要为用户提供交流的平台，让用户能很方便地浏览与发表自己的意见，可以在这里寻求帮助。论坛需要提供以下功能：（1）判断用户是管理员还是普通用户。（2）快速回复帖子。（3）查看全部帖子。（4）用户可以更改自己的会员资

14、料及登录密码。会员可以查看自己已经发了多少帖和回复了多少帖，另外，有些用户正在光顾论坛，且还知道前一个用户发出的提问，则第二个用户可以回答上面的一个问题，最终达到大家都喜欢来光临我的论坛的目的。论坛代码：论坛的页面头部 对用户发表的帖子进行分页显示,每页的帖子数为40个对用户发表的帖子进行排序，按照置顶和最新更新时间降序排列，并计算出总的页面数% sql=select * from content where parent=0 order by settop desc, lastupdatetime descopenrs(sql)allcount=rs.recordcountpages=fix

15、(allcount/pagesize)if pages*pagesize=allcount thenpage=1pastcount=0end if显示页数print showpages(pages,page,)if allcountpastcount thenrs.move pastcountend ifshowcount=min(allcount-pastcount,pagesize)% 3.3 留言薄的实现留言薄的用处是方便用户在浏览了网站后，可以给站长提意见，方便站长根据用户的需求来改进自己的个人空间，让更多的人群喜欢来本站做客。留言薄的页面如图3.1所示。图3.1 留言薄页面 留言薄代

16、码如下：js编写的正确填写留言的函数%if request(aa)=提交 thenif trim(request.form(name)= then response.write alert(名字没填,返回重新输入);history.back(-1)response.endend ifif trim(request.form(email) and instr(2,request.form(email),)=0 then response.write alert(email填写错误,返回重新输入);history.back(-1)response.endend if插入用户的留言sql=inser

17、t into gbook(name,oicq,email,homepage,pic,ly)values(+name+,+oicq+,+email+,+homepage+,+pic+,+ly+)conn.execute sql%对留言按id进行降序排列3.4 交友模块的实现交友设计是为了让站长可以结交天下所有的朋友，增加自己的视野，达到真正学习交流的目的，交友页面希望各用户添如自己的真实姓名、qq号码、电子邮件、及交友的有关说明、个人主页看情况可以不用添写。交友页面如图3.2所示。图3.2 交友页面交友代码如下：数据库连接js交友页面的正确填写%if request(bb)=提交 thenif

18、trim(request.form(name)= then response.write alert(名字没填,返回重新输入); history.back(-1)response.endend ifsql=insert into friend(name,oicq,xz,email,homepage,qm)values(+name+,+oicq+,+xz+,+email+,+homepage+,+qm+)conn.execute sql%3.5 会员服务模块的实现为了管理方便，同时也为了减少用户每次登录论坛的麻烦，需要为用户提供会员服务。用户注册为会员后，他的姓名、密码、qq号码、e-mail地

19、址、个人头像等基本信息在论坛数据库中已经有记录。会员服务主要应该提供一个会员注册表单供新会员输入基本信息，新会员注册表单的html文件中需要新会员输入姓名（呢称）、密码、性别、qq号码、e-mail等内容。如果该用户是游客，则回到首页登录，若是注册用户，则对帖子进行编辑或回复0 thenform_title=rs(title)form_context=rs(content)end ifrs.closecase elseact=newend select %3.6 后台管理系统的设计与实现在网站的日常运行过程中会有大量的数据维护工作，如用户管理、留言薄管理、论坛管理、新闻信息管理、会员信息管理等

20、，后台管理系统要能够分别实现这些功能，它的界面 10如图3.3所示。这里主要介绍用户管理模块、留言管理模块和论坛管理模块的设计和实现。图3.3 后台管理界面3.6.1 用户管理模块 用户管理代码如下：3.6.2 留言薄管理模块留言薄的管理模块分为留言的回复和删除两个基本功能。3.6.3 论坛管理模块管理员要能够通过该页面查看帖子的具体信息以及用户站内的信息。论坛管理代码如下：判断该用户是否为管理员身份，若是，则进入管理界面，否则进入论坛首页% if user_groupadmin thenturnto index.htmend ifdim contextidact=request.querys

21、tring(act)contextid=cnum(request.querystring(id)select case actcase deletesql=delete * from content where id= & contextid & or parent= & contextidopenrs(sql)turnto list.aspcase classicsql=select * from content where id= & contextidopenrs(sql)rs(classic)=1rs.updaters.closeturnto list.aspcase settopsq

22、l=select * from content where id= & contextidopenrs(sql)rs(settop)=1rs.updaters.closeturnto list.aspcase removeclassicsql=select * from content where id= & contextidopenrs(sql)rs(classic)=0rs.updaters.closeturnto list.aspcase removetopsql=select * from content where id= & contextidopenrs(sql)rs(sett

23、op)=0rs.updaters.closeturnto list.aspcase classdim classindexclassindex=cnum(request.querystring(classindex)sql=select * from content where id= & contextidopenrs(sql)rs(classid)=classindexrs.updaters.closeturnto list.aspend selectcloseall% 到这里，通过设计数据库、编写一系列的asp代码，基本完成了一个简单的个人网站的设计,此个人网站已经具备了基本的网络日志查

24、看、交友、会员服务、留言、论坛等功能。但是还存在一些不足，比如在文件上传方面还没有完全实现，特别是对网站安全设计以及网站维护没有进行讨论，这是需要进一步改进的地方。4 总结asp技术是一个不错的选择，他以其简单易用功能强大著称，使用asp技术，几乎不需在什么复杂的编程，就能实现强大的功能效果，非常实用。在完成我的毕业设计的过程中,我遇到了很多的困难,但也从中学到了很多在平时的课程上没有学到的知识，例如利用asp的内置对象增加系统的严密性，各个模块的分开制作及集中调试等。个人网站的实现使我体会到了成功的喜悦，同时也体会到了任何成功都要负出艰苦的努力。致谢毕业设计是对我们四年所学知识的一个综合检验

25、，也是对我们动手能力的一个全面提高。通过这次毕业设计，我不仅提高了自已的专业知识水平，而且开始尝试研究，更重要的是我学会了一种研究的方式，这将有助于我以后的学习和工作。感谢我的指导老师，她在我的课题研究和论文完成过程中，给予了我许多理论和实践上的指导，多次的通过email督促和检查我的毕业设计进展情况，任劳任怨的帮我纠正错误，感谢这位孜孜不倦工作的老师。感谢各位专家和评委耐心审阅我的论文，感谢他们给我提出的宝贵的意见和建议。参考文献1 郭瑞军，李杰等.asp数据库开发实例精粹m.北京：电子工业出版社，2005.2.第3页- 第153页.2 冯玉才.数据库系统基础m.武汉：华中理工大学出版社，1

26、993第二版.第52页-第120页.3 龙马工作室.典型网站设计实例精讲m. 北京：人民邮电出版社，2004.第3页-第146页.4 ini.gukporo.display,parent-child detail lists based on user selectionsj.aspdevelopers jurnal,2000.5：第1页-第20页.5 龙马工作事.asp+access组建动态网站实例精讲m.北京：人民邮电出版社，2005.第30页-第180页.6 a deutsch,mfernandez,dflorescuetal.a qyery language for aspc in;world wide web conference,1999.第6页-第10页.7 荣钦科技编著.asp+dreamwever mx 2004数据库网站开发与实例m.北京：清华大学出版社，2004.第2页-第145页.8 李世杰. active server pages(asp)3.0 网页设计手册m北京:清华大