公司网站建设-ASP语言毕业设计

1、*公司网站建设作者：*指导老师：*【摘 要】随着计算机科学的发展，数据库技术在Internet中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。本文讲解了一个公司的网站的建设，它基于数据关联规则的公司个性化页面及动态数据生成案例，在网页方面，综合考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能。【关键词】网站 动态 ASP 数据库 ACCESS目 录1网站需求分析211建站目的21.2网站实现功能22网站开发32.1开发工具的选择32.1.1网站整体设计工具的选择32.1.2网站图片处理工具的选择32.1.3网站动画效

2、果工具的选择32.2开发环境的选择32.2.1后台开发环境32.2.2数据库开发环境52.3网站总体设计62.3.1网站层次概况图62.3.2系统模块设计72.3.3数据库设计72.4详细设计82.4.1网站整体设计82.4.2新闻发布系统设计92.4.3在线报名系统设计132.4.4在线留言系统设计162.4.5网页关键代码：183结论和建议23参考文献241网站需求分析11建站目的Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发

3、展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上千万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。提高公司知名度，扩大公司规模，*公司的领导决定建立自己的公司网

4、站。 1.2网站实现功能本网站给客户提供一个了解公司的平台，客户可以与公司及时地交换意见，产生互动，公司也可以及时对网站进行更新维护。前台客户系统功能：(1) 用户可以浏览公司的一些基本的信息。(2) 用户可以浏览公司的新闻。(3) 用户可以查看公司的联系方式。(4) 用户可以浏览留言板的帖子。(5) 用户可以随时发表自己的言论。后台管理系统功能：(1) 增加、修改、删除公司的新闻。(2) 修改、删除留言板帖子。(3) 浏览、删除最新产品信息。2网站开发2.1开发工具的选择2.1.1网站整体设计工具的选择Macromedia Dreamweaver MX 2004 是 建立 Web 站点和应用

5、程序的专业工具。 它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。 开发人员可以将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、Web 服务和旧式系统的强大 Internet 应用程序。2.1.2网站图片处理工具的选择Macromedia Fireworks MX 2004 是用于设计、优化和集成 Web 图形的完备解决方案。经由专业化的控制、更为快捷的性能以及完美的集成，自如地掌控图形开发。2.1.3网站动画效果工具的选择Macromedia F

6、lash MX 2004用于开发丰富多彩的 Internet 内容和应用程序的解决方案。不管是设计动画还是构建数据驱动的应用程序，Flash MX 2004 产品都提供了必需的工具。 2.2开发环境的选择2.2.1后台开发环境1随着Internet的普及和深入，传统的静态网页已经不能满足人们日益增长的获取信息的需求，在这种情况下，能够实现交互式的动态网页技术应运而生。目前实现动态网页的技术主要有ASP、JSP、PHP。作者选择了比较方便的ASP技术。2ASP简介1)ASP简述ASP（Microsoft Active Server Pages）是微软开发的一套服务端脚本环境。ASP是用服务器端脚

7、本、对象和组件扩展了的标准HTML页。也就是说，ASP是一个基于组件的动态Web技术，是在服务器上运行ActiveX脚本和ActiveX组件的服务器端的脚本环境。利用ASP可以轻松地结合HTML Web页面、脚本（Script）程序和ActiveX组件建立或执行动态交互Web服务器应用程序。ASP属于ActiveX技术中的服务器端技术。它本身并不是一种脚本语言，它只是提供了一种使镶嵌在HTML页面中的脚本程序得以运行的环境。ASP使用了Microsoft的ActiveX技术。ActiveX技术是现在Microsoft软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。

8、ASP本身封装了一些基本组件和常用组件。ASP也有它的语法和规则。ASP是一种IIS专用技术，它是用来增强基于Web的应用程序服务的功能和可靠性的，ASP是Internet Information Server的一部分，它使Web开发人员能直接将基于脚本的应用程序嵌入到HTML页面。ASP程序其实是以扩展名为.asp的纯文本形式存在于Web服务器上的，你可以用任何文本编辑器打开它。ASP程序中可以包含纯文本、HTML标记以及脚本命令。你只需将.asp程序放在Web服务器的虚拟目录下（该目录必须要有可执行权限），就可以通过WWW方式访问ASP程序了。从软件的技术层面看，ASP有如下的特点： 无须

9、编译； 使用常规文本编辑器（如Windows下的记事本），即可进行*.asp页面的设计； 独立于浏览器； 面向对象； 与任何ActiveX scripting语言兼容； 源程序码不会外漏。2） ASP的体系结构见图2.1。3） ASP调试环境的安装和配置（1）Windows 9X+PWS的安装和配置调试ASP程序，必须有一个能够解释ASP的服务器环境。在Windows 9X中，可以通过安装微软的PWS（Personal Web Server）来达到目的。图2.1 ASP的体系结构PWS的安装步骤：执行安装界面“下一步”“添加/删除”项选择安装“确定”完成安装。安装完成以后，就可以启动PWS服务

10、了。为了能够使站点内容能够被PWS解释，用虚拟目录使Home指向站点目录。另外可以改变默认文档的内容，添加需要的文档名称。为了方便调试，可以选中“允许浏览目录”的选项。（2）Windows 2000下IIS5.0的安装和配置由于IIS5.0集成在Windows 2000的Server版本中，如果系统是Windows 2000的Professional版本，那么需要另行安装IIS，其安装步骤与Windows 9X里面安装PWS的步骤差不多。这里只介绍对它的配置说明 开始程序管理工具Internet服务器早管理，在“默认Web服务”上右击鼠标，选择“属性”，在主目录的面板中，设置主站点的目录路径，

11、并选择适当的选项。 在文档面板中添加默认文档，如index.asp，index.htm等。在站点内添加虚拟，目录的步骤：右击“默认Web服务器”新建虚拟目录确定下一步在弹出的对话框中填上虚拟目录的名称（如：movie）下一步在弹出的对话框中选择虚拟目录的路径（如：D:movie）下一步设置虚拟目录的权限完成。这样就可以通过Web方式访问虚拟目录中的内容了。2.2.2数据库开发环境数据库系统的发展经历了层次模型数据库、网状模型数据库和关系数据库3个大的发展阶段。现在大量使用的是关系模型数据库。目前数据库的发展方向是面向对象的数据库系统。随着计算机网络的迅速发展，也大量的使用了基于客户/服务器分布

12、计算模型下的数据库系统。数据库根据结构可以分为文件型数据库和C/S型数据库。Access数据库是一个文件型数据库管理系统，由单个或多个文件组成，是Office 办公套件中一个极为重要的组成部分。自从1992年开始销售以来，Access已经卖出了超过6000万分，现在它已经成为世界上最流行的桌面数据库管理系统。后来微软公司通过大量的改进，将Access的新版本功能变的更加强大。不管是处理公司的客户定单数据；管理自己的个人通讯录；还是大量科研数据的记录和处理，人们都可以利用它来解决大量数据的管理工作。它之所以被集成到Office中而不是Visual Studio中，是因为它与其他的数据库管理系统（

13、如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要，当然，配上合适的数据访问手段，它也能多用户，多线程的访问。它对于访问量及数据量不是太大的系统，尤其是桌面数据库系统的开发很具优势，而且从它升级到SQL Server（微软的另一专业数据库产品）比较容易。本系统软件是基于Access 2000开发的。2.3网站总体设计2.3.1网站层次概况图公司网站系统分为两个子系统：客户系统和后台系统，其功能如图-1所示。公司网站系统客户系统后台管理系统 浏览公司首页模块浏览公司简介模块浏览公司

14、荣誉模块浏览公司新闻模块在线留言模块浏览销售网络模块浏览联系我们模块新闻管理产品管理留言管理查看留言模块签写留言模块增加新闻模块修改新闻模块删除新闻模块查看产品模块删除产品模块回复留言模块修改留言模块删除留言模块图1企业网站系统功能模块划分图2.3.2系统模块设计1、用户模块(1) 浏览模块。包括浏览公司首页、公司简介、资格认证、公司新闻、留言板等内容。(2) 发表留言。为用户提供发表留言的功能。(3) 浏览新闻。为用户提供浏览信息新闻的功能。2、管理模块(1) 管理员登录。管理员要进行管理操作，必须先进行登录。(2) 新闻管理。对新闻进行增加、删除、修改操作。(3) 留言管理。对留言进行删除

15、、修改操作。(4) 产品管理。对产品进行查看、删除操作。2.3.3数据库设计根据系统功能设计的要求以及功能模块的划分，对于系统用户信息数据库，可以列出以下数据项和数据结构。(1)名称：管理员数据表标识：admin.如表1所示，管理员数据表包括id 、name和passwd3个字段。表1名称字段名称类型主键非空数据长度管理员编号ID自动编号yesyes4管理员登录名name文本noyes10管理员密码passwd文本noyes10(2)名称：新闻发布数据表标识：news如表2所示，新闻数据包括id、title、cont和time 4个字段。表2名称字段名称类型主键数据长度非空新闻编号id自动编号

16、yes4yes新闻标题 title文本no50yes新闻内容cont注释no10000yes发布时间time日期时间no4yes(3)名称：留言板数据表标识：bbs如表3所示，留言板数据包括id、name、cont、tell、email、time、recont和homepage 8 个字段。表3名称字段类型主键数据长度非空留言编号id自动编号yes4yes留言者姓名name文本no4yes留言内容cont注释no1000yes留言者电话tell文本no11yes留言时间time日期时间no4yes留言者主页homepage文本no20yes留言回复内容recont注释no1000yes留言者E

17、maiemai文本no20yes(4)名称：报名数据表标识：baoming如表4所示，报名数据表包括id、name、zhuanye、add、tell和yixiang6个字段。表4名称字段类型主键非空报名编号id自动编号yesyes报名者姓名name文本noyes所报专业zhuanye文本noyes报名者家庭住址add文本noyes报名者电话tel文本noyes学习意向yixiang文本noyes2.4详细设计2.4.1网站整体设计图2网站整体框架设计要点：(1) 由于网站是在1024*768 分辨率环境下做出的，为了适应800*600分辨率，左右部分都留出了适当的距离。(2)网站banner条

18、和导航条是由Flash效果，是由Macromedia Flash MX 2004做出的。(3)网页布局进行整体规划,即使用HTML中的table标签(4)背景颜色设置：2.4.2新闻发布系统设计1、 新闻发布系统流程图新闻发布系统管理员新闻发布页面数据库后台部分修改新闻删除新闻网站首页全部新闻标题页面详细新闻页面： 数据库驱动程序前台部分图3新闻发布系统数据流程图2、news表设计图4new表设计图（1）cont 设计成备注类型的这样最多可以容纳65535个字符。（2）time默认值要设成date()，如图：图5设置字段time3、 后台新闻页面设计(1)addnews.asp图6新闻发布页面

19、此页面用来添加新闻，当管理员登录后，点击导航栏中的发布新闻，就可以显示本页。这里用到了超链接和框架： 发布新闻；a.是超链接标签，target=mainframe表示所链接的网页在框架中显示。当管理员添加完新闻后，单击确定，通过数据库驱动程序新闻就添加到数据库中，并在显示页面中显示。(2) editnews.asp图7编辑新闻页面本页是用来确定对哪条新闻进行哪种操作。首先读取所有新闻，然后根据需要向删除（modify.asp）或修改（dellnews.asp）页面传递需要编辑的新闻的编号。(3)modify.asp图8修改新闻页面通过editnews.asp传递来的新闻编号，显示需要修改的新闻

20、内容。管理员可以对新闻标题和内容进行修改。(4) dellnews.asp图9删除新闻页面通过editnews.asp传递来的新闻编号，显示需要删除的新闻内容。单击确定实现新闻的删除。4、显示页面设计 (1) index.asp为了保证首页的风格，新闻在首页的显示条目为8条，并且是以时间到续方式来读取的：SELECT * FROM news ORDER BY 编号 DESC单击新闻进入详细新闻界面：A HREF=news/viewnews.asp? 向viewnews.asp页面传递新闻编号。(2)allnews.asp显示公司的全部新闻标题用到了分页功能，根据页面的布局设置每页为18条向vi

21、ewnews.asp页面传递新闻编号。(3)viewnews.asp图10详细新闻显示页面接收来自index和allnews页面传递来的新闻编号，显示具体新闻的详细内容。2.4.3在线报名系统设计1、 报名系统数据流程图查看产品页面 产品添加页面数据库删除产品页面管理员： 数据库驱动程序用户图11产品添加系统数据流程图2、 报名系统表设计图14在线报名系统数据表3、 产品添加系统前台页面(zxjs.asp)图15产品添加页面想通过网站报名的用户用此页面来填写自己的基本资料，填写好的数据将写入数据库。并在后页面(jieguo.asp)中显示供管理员来查看。4、 产品添加系统后台管理页面（1）查看

22、产品页面(jieguo.asp)图16前台查看页面 分页显示报名者的记录 向jieguodell.asp页面传递要删除的报名记录的编号（2）删除报名页面图17后台删除页面显示通过jieguo.asp传递来的报名编号的报名者的资料，可以对这条记录进行删除。2.4.4在线留言系统设计1、 留言系统数据流程图查看留言页面发表留言页面数据库用户管理员修改留言页面删除留言页面： 数据库驱动程序图18留言系统数据流程图回复留言页面2、留言系统数据表设计图19留言系统数据表3、显示留言页面(chat/index.asp)图20留言系统留言显示页面分页显示用户的留言链接其它页面此页面是用户用来发表留言的，在用

23、户填写好留言后，数据将会写入数据库，并在chat/index.asp中显示。5、留言管理页面 (1) 回复留言页面管理员可以用此页面对客户提出的问题进行回复。(2) 修改留言页面(edit.asp)图23留言系统修改留言页面 修改编号为由index.asp(管理员)传递来的新闻 管理员可以通过此页面对留言中存在的一些基本的错误进行修改。 （3）删除留言（del.asp） 删除编号为由index.asp(管理员)传递来的新闻。删除过时留言或恶意留言内容。2.4.5网页关键代码：1、数据库连接使用ODBC驱动程序对数据库创建连接2、登录检验代码：管理员登录后建立session变量Session(a

24、dmin)=username权限的合法验证%Function checkPermission()If Session(admin) thencheckPermission=TRUEElsecheckPermission=FALSEEnd ifEnd Functiontmpadmin=checkPermission()If tmpadminTRUE thenresponse.redirect login.asp? /如果不能通过验证，转到页面longin.aspEnd if%3、创建记录集代码：添加代码：Recordset1.addnewRecordset1 (title)=titleRecor

25、dset1 (content)=contentRecordset1.update更新代码：sql=update from Vote where ID=传递来的参数conn.Execute sql删除代码：sql=delete from Vote where ID=传递来的参数conn.Execute sql4、关闭记录集5、分页显示代码：暂时没有提交信息！% While (Repeat1_numRows 0) AND (NOT Recordset1.EOF) %要显示的内容部分目前共有条记录从第条到第条A HREF=第一页A HREF=前一页A HREF=后一页A HREF=最后一页6、包含文

26、件代码：通过包含文件可以方便的对网页进行管理操作：7、空格输出问题的解决在中加入代码：function DoWhiteSpace(str)DoWhiteSpace = Replace(Replace(str, vbCrlf, ), chr(32)&chr(32),  )End Function然后在要输出的地方加入代码：8、转到详细页面：%Dim MM_paramNam,MM_keepNone,MM_keepURL,MM_keepFormMM_keepBoth,MM_removeList,MM_item ,MM_nextItemMM_removeList = &index=

27、If (MM_paramName ) ThenMM_removeList = MM_removeList & & & MM_paramName & =End IfMM_keepURL=MM_keepForm=MM_keepBoth=MM_keepNone=For Each MM_item In Request.QueryStringMM_nextItem = & & MM_item & =If (InStr(1,MM_removeList,MM_nextItem,1) = 0) ThenMM_keepURL = MM_keepURL & MM_nextItem & Server.URLenco

28、de(Request.QueryString(MM_item)End IfNextFor Each MM_item In Request.FormMM_nextItem = & & MM_item & =If (InStr(1,MM_removeList,MM_nextItem,1) = 0) ThenMM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item)End IfNextMM_keepBoth = MM_keepURL & MM_keepFormIf (MM_keepBoth ) Th

29、enMM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)End IfIf (MM_keepURL ) ThenMM_keepURL = Right(MM_keepURL, Len(MM_keepURL) - 1)End IfIf (MM_keepForm ) ThenMM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)End IfFunction MM_joinChar(firstItem)If (firstItem ) ThenMM_joinChar = &ElseMM_joinC

30、har = End IfEnd Function%A HREF=页面路径?转到详细页面的链接9、滚动字幕实现!-var index = 13text = new Array(13);text0 =text1 =文本内容 text2 =文本内容.text13 =文本内容document.write();for (i=0;iindex;i+)document.write (texti + );document.write ()10、CSS样式控制：A:linkTEXT-DECORATION:none ;Color:#000000A:activeTEXT-DECORATION:none ;A:vis

31、itedTEXT-DECORATION:none ;A:hoverColor:#4455aatdfont-size:9pt.jianju letter-spacing: 2px;line-height: 200%;3结论和建议作者在网站的设计过程中首先做了一个整体的规划，在网页中充分利用了表格来设计网页，考虑了网页适应不同浏览器、不同分辨率的情况，注重了色彩的搭配问题，设置了方便浏览者在不同页面切换的链接。在网站开发过程中Dreamweaver强大的ASP功能在建设网站中非常明显的体现出来，它可以快速建立具有交互功能的网站。网站的建立只是公司开展电子商务的第一步，网站设计得再好，如果没有一定的

32、访问量，就不能达到建立网站的目的，如何通过网站来提升公司的知名度，进而扩大公司规模这才是最主要的。所以要通过各种有效的方法将公司的网站推广出去，公司可以借助各大收缩引擎（baidu,google,3721）,或者是传统的媒体（报纸，电视，广播），或者宣传单等，在网站推广的初期怎样选择一个有效的推广方式呢，作者建议公司可以先试用一下BAIDU的竞价排名， BAIDU的竞价排名在国内的知名度非常大，越来越受到商家的亲睐，公司可以先通过试用来观察效果，在借助BAIDU推广的同时，公司在传统媒体做广告时或者是在公司宣传单上都应该突出公司网址。网站建立后，要注意及时的更新。现代社会信息的传递非常迅速，网

33、站的及时性越来越重要，因此公司网站管理员要及时更新公司的新闻，及时修改网页中需要改变的内容，这样就可以给访问者提供一个及时有效的信息。网站的安全性是公司必须考虑的，公司不用担心网络攻击或者是其他技术方面的问题，这一点有我们网络服务商来提供技术支持，公司方面要注意的是管理员密码的保护，管理员的设置不宜过多，管理员越多，出现问题的可能性就越大，作者建议管理员有一个就可以，这样管理员的责任感会增强，会及时地管理公司的网站。参考文献1. 北京计算机教育培训中心编著：网页设计三剑客，清华大学出版社2001年版2. 余杨编著：Javascript 网页开发技术，西安电子科技大学出版社2001年版3. 石志国编著：ASP精解案例教程，北方交大出版社2003年版4. 杨开学编著：ASP网络应用系统实用开发技术，人民邮电出版社2002版5. 胡志动编著：DreamweaverMX2004 ASP动态网页编程完全自学手册，人民邮电出版社2003版6. 郑阿奇主编SQLSERVER实用教程，电子工业出版社20