广告信息发布管理系统设计与实现.doc

目录第一章 概述11.1 课题意义11.2 国内外研究现状11.3 主要工作1第二章 系统运行环境22.1 系统开发工具22.1.1 ASP简介22.1.2 Dreamweaver 简介22.1.3 ADO简介32.1.4 IIS介绍及安装与配置方法32.2 系统的运行环境4第三章 系统分析53.1 可行性分析53.1.1 技术可行性53.1.2 经济可行性53.1.3 操作可行性53.2 系统主要功能63.3 系统页面布局63.3.1 首页布局63.3.2 后台页面布局63.4系统流程图73.5数据流图73.6 数据字典8第四章 系统设计104.1 系统框架设计104.2 系统结构设计104.3 数据库设计114.4 数据库逻辑结构设计14第五章 运行结果及效果分析165.1 模块测试及分析165.1.1 前台部分测试165.1.2 后台部分测试205.2 系统测试及分析22第六章 使用方法256.1 网站前台256.2 网站后台管理256.2.1 添加最新资讯内容：256.2.2 管理全部最新资讯：256.2.3 修改密码：256.2.4 退出管理系统：25第七章 毕业设计体会26致谢27参考文献28第一章 概述1.1 课题意义国际际互联网的用户在迅猛地增长，中国上网用户由1995年的一万户速增至1999年的数百万用户。这增长速度是全世界范围的普遍现象。您的企业要为这众多的民众、企业服务就必须建立自己的网站，在这信息的高速公路上宣传自己高效的工作。今天，国际互联网络已成为高科技和未来生活的代名词，要显示你公司的实力，提升公司的形象，没有什么比在员工名片、企业信笺、广告及各种公众能看得到的东西上印上自己公司独有的网络地址和专用的集团电子邮件地址更有说服力了。消费者、客户和海外投资者自然对您另眼相看。你不可能将你的新产品信息在全球的周刊上发表，但你可以把上述信息放在你的企业网站上向全世界发表。即使你可以把上述信息在全球的周刊上发表，但消费者遗忘广告、忽略广告，你也无可奈何。有了网站上的信息，任何一个人都可在网上浏览你的网页，都会成为你的潜在客户1。1.2 国内外研究现状现在网络的发展已呈现商业化、全民化、全球化的趋势。目前，几乎世界上所有的公司都在利用网络传递商业信息，进行商业活动，从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等，无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展，企业规模的进一步扩大，对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下，越来越多的企业利用起网络这个有效的工具。网站早已由论证阶段进入了实质阶段，尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径。公司可以通过建立商业平台，实行全天候销售服务，借助网络推广企业的形象、宣传企业的产品、发布公司最新资讯，同时通过信息反馈使公司更加了解顾客的心理和需求，网站虚拟公司与实体公司的经营运作有机的结合，将会有利于公司产品销售渠道的拓展，并节省大量的广告宣传和经营运营成本，更好地把握商机2。1.3 主要工作运用好相关工具与技术对系统进行可行性分析，确定系统所需功能，划分各系统模块，并且分步开发。设计系统的前台显示。配置运行环境，调试系统。第二章 系统运行环境2.1 系统开发工具2.1.1 ASP简介ASP是Active Server Page的缩写，意为“活动服务器网页”，是微软开发的服务器端的脚本编写环境。使用ASP可以组合HTML页、脚本命令和ActiveX组建来创建动态、交互的Web页和基于Web的应用程序。ASP是服务器端的网页技术，是在服务器端运行的而不是客户端执行的。当客户端请求一个ASP文件时，由服务器先把该文件解释成标准的HTML文件再发送给客户。在服务器端运行的好处有两点：第一，可以不受客户端浏览器的限制，任何用户都可以使用浏览器正常浏览ASP所产生的网页，且不需要特别安装任何ASP支持；第二，可以很方便地和服务器交换数据，例如从数据库中读取数据。严格来讲，ASP并不是一种语言，它只是提供一个环境来运行Script。ASP所用的语言是VBScript或JavaScript，也可以是它们两者的结合。ASP没有固定的开发工具，任何一种文本编辑器都能胜任ASP脚本的编辑工作，当然不同的开发工具的开发调试效率是不一样的。ASP 也是一种代替CGI脚本程序的一种，并且可以与数据库和其他程序进行交互，是一种简单方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。应用ASP可以向网页中添加交互式内容（例如表单的添加），也可以创建使用HTML网页作为用户界面的web应用程序3。2.1.2 Dreamweaver 简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是一个很酷的网页设计软件。它不仅包括可视化编辑、HTML代码编辑的软件包，而且还支持ActiveX、JavaScript、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。Dreamweaver还采用了Roundtrip HTML技术。这项技术使得网页在Dreamweaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。Dreamweaver的发展经历了如下版本：Dreamweaver1.0，Dreamweaver2.0、2.01，Dreamweaver 3.0，Dreamweaver UltraDev 1.0，Dreamweaver 4.0，Dreamweaver UltraDev 4.0 ，Dreamweaver MX（6.0），Dreamweaver MX 2004（7.0、7.01）， Dreamweaver 8 4。2.1.3 ADO简介ADO是ActiveX Data Objects（ActiveX数据对象）的英文缩写，它是微软公司开发的数据库访问组件。它提供了网页开发人员实时存取数据库的能力。在数据库的应用中，使用ADO编写的应用程序可以存取在Internet上任何地方的资源。ADO非常简化的接口使得原本复杂冗长的程序编写工作变得简单易学，并且强有力地支持了各种应用程序的复杂特性的要求。ADO使用RecordSet（记录集）对象作为数据的主要界面。ADO可以使用VBScript、JavaScript等脚本语言来控制数据库的存取以及输出查询结果。总的来说,ADO是一项容易使用并且可扩展的将数据库访问添加到 Web 页的技术。可以使用 ADO 去编写紧凑简明的脚本以便连接到 Open Database Connectivity (ODBC) 兼容的数据库和 OLE DB 兼容的数据源。对数据库连接有一定了解的脚本编写人员，ADO 命令语句并不复杂而且容易掌握。同样地，一个经验丰富的数据库编程人员将会正确认识 ADO 的先进的与语言无关性和查询处理功能5。2.1.4 IIS介绍及安装与配置方法 IIS介绍 IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、最新资讯服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事6。 IIS的安装与配置方法现在介绍在Windows XP操作系统中安装IIS 5.1的方法。其他版本的系统大体相同。1.依次选择点击“开始”/“设置”/“控制面板”/“添加/删除程序”，打开“添加/删除程序”对话框。2.单击左侧的“添加/删除Windows组件”按钮，打开“Windows组件向导”对话框。3.选中“Internet信息服务器(IIS)”，将Windows XP的安装光盘放入光驱中，然后单击“下一步”按钮，安装IIS 5.1大约需要30MB的磁盘空间。安装程序开始配置组件并复制文件，安装过程将持续一段时间。IIS的配置需要修改默认网站的主目录，打开IIS，右击“默认网站”“属性”，选择主目录标签，在“本地路径”中选择网站所在文件夹（例如E:wwwroot），本标签内其他选项默认，然后点“应用”。然后选择“文档”标签，在“默认文档”里面添加“默认文档名”index.ASP，并使用上下箭台，将index.ASP优先级调到最上面。然后可以用http:/localhost/来访问主页6。2.2 系统的运行环境硬件需求：PentiumIII 800/128M/20G及以上配置，800x600/16位色以上显示器；另需连接服务器的网络设备，通过局域网连接需要配备10/100M网卡，通过拨号上网需要配置调制解调器。 软件需求：Windows/98/NT/2000/XP中文版操作系统，IE 5.0以上版本浏览器。 第三章 系统分析3.1 可行性分析3.1.1 技术可行性Hellocosplay所需开发的网站是运用ASP+ACCESS+HTML+CSS的技术来开发的。所需程序的开发主要是运用Dreamweaver + Access。在网站界面的开发中，主要需要Photoshop在制作效果图，并切图。或者运用Fireworks。运用ASP+ACCESS的网站，对于系统的要求并不严格PentiumIII 800/128M/20G及以上配置，且搭建有IIS或对于ASP支持的环境就已经可以完全达到网站的运营需求。3.1.2 经济可行性达到成功运营网站为公司服务所需要的成本主要包括：网站的开发费用、服务器的租借费用、域名注册费用及后期网站的维护费用。一般网站的开发者都承诺网站运营后的后期一定时间内的维护工作。开发费用大约在1000元2000元之间。服务器的租借费用，由于网站比较的实用，不繁琐。所以一般购买200M500M的空间就完全够早期网站运营很长一段时间。目前很多主机托管类运营商均有此业务，主流价格在500元/年至1200元/年不等。域名注册的费用一般在70元至120元不等。如果域名已经被别人注册，那么购买的转让费用或许会略高。终上所述，此网站的正式上线运营，一年所需投入成本也在3000元左右。网站只需发展几十个顾客，就可以收回成本进而盈利。而在开发网站完成，将对网站提供免费SEO服务，让网站在baidu ，google 的排名可以靠前。如果可以的话，公司也可以通过百度竞价等提升网站的排名。3.1.3 操作可行性作为动漫周边产品的cosplay服装，主要的消费群体是青少年中的动漫爱好者。主要年龄段分布在80年代以及90年代出生的青少年。网络在此年龄段青少年的日常生活中占据很重要的一部分。而动漫爱好者更为突出，大部分的动漫爱好者每天都有上网浏览动漫相关网页的习惯。因此在网络建立一个展示公司产品的网站，是很符合动漫爱好者的兴趣爱好的。而动漫爱好者是以群体聚集在一起的，如果在一个用户那得到好评，那么他们就会为公司做另一种且权威性更重的广告宣传。3.2 系统主要功能系统的开发是以介绍企业为目的的，所以系统以展示为主。系统的功能模块也是以企业自我介绍为中心的主要划分为：公告管理，最新资讯管理，产品管理，代理商管理，企业简介，联系我们。为了便于来访者及时反馈信息或咨询问题，我们添加了当前青少年中主流即时通讯工具的QQ在线客服以及留言本功能。3.3 系统页面布局3.3.1 首页布局如图 3.1 所示 页面头部（Head.asp）页面左部（left.asp）页面主体内容页面尾部 图3.1 首页布局图3.3.2 后台页面布局 如图3.2 所示页面头部尾部功能链接列表管理功能操作部 图3.2 后台页面图 3.4 系统流程图如图3.3所示登陆Helloco-splay公司管理员登陆后添加资讯前台表现出来已添加资讯的修改数据库操作资讯修改来访者浏览输入网址图3.3 系统流程图3.5 数据流图 如图3.4 所示系统管理员管理发布的信息留言的信息登陆系统发布查看留言来访者发布查看图3.4 数据流图3.6 数据字典Admin表内的字段数据项名：ID(ID)数据项含义：ID数据项类型：Int数据项长度：4数据项名：UserName数据项含义：管理员用户名数据项类型： varchar数据项长度：50数据项名：pwd（密码）数据项含义：管理员的密码数据项类型： varchar数据项长度：50Link表内字段数据项名： ID 数据项含义：链接ID数据项类型：Int数据项长度：4数据项名：title数据项含义：链接名称数据项类型：nvarchar数据项长度：16数据项名：addurl数据项含义：链接网址数据项类型： varchar数据项长度：50Product表内字段数据项名：pro_name数据项含义：所属分类数据项类型：varchar数据项长度：50数据项名：ID数据项含义：商品ID数据项类型：Int数据项长度：4数据项名：img数据项含义：图片地址数据项类型：varchar数据项名：title数据项含义：标题数据项类型：备注数据项名：pub_data数据项含义：发布日期数据项类型：data数据项名：content数据项含义：内容数据项类型：备注Pro_type表内字段数据项名：pro_name数据项含义：记录后台管理模块名数据项类型： varchar数据项长度：50Guestbook表内字段数据项名：ID数据项含义：留言ID数据项类型：int数据项长度：4数据项名：title数据项含义：留言标题数据项类型：备注数据项名：content数据项含义：内容数据项类型：备注第四章 系统设计4.1 系统框架设计系统采用ASP应用程序两层结构模式7，其结构如图4.1所示：Web窗体层数据库访问层数据库数据库图4.1 两层结构模式Web窗体层和数据库各功能介绍7，如表4-1所示：层名功能描述Web窗体层系统最高层，向用户展示各种窗体。用户通过窗体对系统进行操作，并实现用户操作各种信息的添加、修改和删除。与数据库直接关联，封装了对数据库的所有操作，包括数据的添加、修改、删除和查询。数据库数据访问层负责Web展示和数据之间的数据存储、修改、删除与查询，数据库用来存储本系统所有数据。表4-1 ASP两层架构模式的各层功能4.2 系统结构设计由上面分析，可以设计系统的结构，从管理员界面和来访者界面分别对结构以描述。 管理员登录系统管理资讯管理产品管理链接管理代理商管理关于我们联系我们查看留言修改密码公告管理图4.2 系统管理员界面的系统结构图一般用户界面的功能模块如图4.3所示：来访者输入网址网站资讯查看产品查看链接查看代理商查看关于我们联系我们发布留言公告查看图4.3 来访者界面的系统结构图4.3 数据库设计由上面的数据项可以设计出能够满足用户需求的各种实体，以及它们之间的关系，并为后面的逻辑结构设计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动，这就可以对系统设计以下实体：系统管理员信息实体、产品信息实体、公告信息实体、代理商信息实体、链接信息实体、关于我们信息实体、联系我们信息实体和留言信息实体。实体之间关系的E-R图如图4.4所示。编辑友情链接N后台管理1管理N管理员1编辑1信息N发布N1发布1查看1留言N图4.4 实体之间关系E-R图系统管理员信息实体图如图4.5所示：系统管理员登陆名登陆密码编号图4.5 系统管理员信息实体图产品信息实体图如图4.6所示：产品产品编号产品名称产品简介产品图片发布日期图4.6产品信息实体图最新资讯信息实体图如图4.7所示：最新资讯标题内容编号图片图4.7 最新资讯信息实体图友情链接信息实体图如图4.8所示：友情链接标题链接地址编号图4.8 友情链接信息实体图公司公告信息实体图如图4.9所示：公司公告标题内容编号图片图4.9 公司公告信息实体图关于我们信息实体图如图4.10所示：关于我们标题内容编号图片图4.10 关于我们信息实体图联系我们信息实体图如图4.11所示：联系我们标题内容编号图片图4.11 联系我们信息实体图留言信息实体图如图4.12所示：留言标题内容编号留言时间图4.12 留言信息实体图4.4 数据库逻辑结构设计 Admin表列 号列 名数据类型长 度字段说明1IDint4用户唯一编号2AdminVaechar50登陆名3PwdVarchar50登陆密码Link 表列 号列 名数据类型长 度字段说明1IDint4链接唯一编号2TitleVarchar50链接名3AddurlVarchar50链接网址Pro_type 表列 号列 名数据类型长 度字段说明1Pro_NameVarchar50记录后台管理模块名Product 表列 号列 名数据类型长 度字段说明1IDint4定义唯一ID号2Pro_typeVarchar50所属管理模块名3Imgintr50图片地址4TitleVarchar50标题名5Content备注无限制该记录描述6Pub_dateData发布日期Guestbook 表列 号列 名数据类型长 度字段说明1IDint4留言唯一编号2TitleVarchar50留言标题3Content备注留言内容4Pub_dateData发布日期第五章 运行结果及效果分析5.1 模块测试及分析5.1.1 前台部分测试 1网站首页效果图网站运行后首页，如图5.1所示（该截图为宽屏截图）：图5.1网站首页效果图网站不同的分辨下做过测试，没有任何变形，上面的截图为1280*800宽屏分辨下的截图，网页背景图片能够自动适应分辨率。图5.2 网站的子页面Flash轮显效果（可添加多张图片），第一张图片见图5.3.1，第二张见图5.3.2，过渡中见5.3.3（效果随机） 图5.3.1 广告图一图 5.3.2 广告图二图5.3 广告图轮显效果图5.4 具体最新资讯页面图5.5 后台登陆首页图5.6 登陆后的后台首页5.1.2 后台部分测试1.添加最新资讯内容系统：图5.7 添加最新资讯2. eWebeditor编辑器工具栏工具非常多，其效果见图5.8 图 5.8 eWebeditor工具栏eWebeditor编辑器，其功能与Word相当，但也有所扩展，编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容所见即所得的进行修改、排版。编辑器文件上传功能支持图片来源，媒体文件来源，附件来源等，都自带有从客户端直接上传到服务器端的功能。对于来自其它网站最新资讯的内容，能做拷贝过来保持原最新资讯内容的样式，链接等。最新资讯添加成功后的效果见图5.9 图5.9最新资讯添加成功点击最新资讯列表可以进入查看已经添加的最新资讯。图5.10 图5.10管理全部最新资讯3. 产品管理 图5.11 产品管理页面4. 修改密码 图5.12 修改密码页面5.2 系统测试及分析Hellocosplay网站做好后，曾经放于51cosplay公司服务器上测试。均未出现程序错误。达到Hellocosplay公司展现自己的目的。网站设计较为标准在多个分辨率下测试均未变形。测试服务器配置Intel Xeon 2*2.4G双路处理器,超线程虚拟4颗CPU 板载支持800外频处理器 /iis6.0客户端机器配置CPU：Intel Core 2 CPU T5600 1.82GHZ内存：512MB 系统：WINDOWS XP ；PHP-NOW 1.4.4 添加 ASP 扩展Hellocosplay网站具有实用性和针对性，界面友好，可维护性强。也很号的完成了企业自我展示的需求。在页面的设计上，也比较符合动漫爱好者的欣赏，体现了“页面的设计以用户的喜好为标注”的设计理念。当然在以后的实际需求中仍然会发现很多其他的不足之处，比如，最新资讯没有添加分类等。在做实际项目时，可以在这个系统的基础上进一步分析客户的需求，添加或是修改相应的功能模块，来扩展本系统的功能，使之更加实用。网站页面的设计也较为标准。以下是两种分辨率下的首页效果图。在两种分辨率下页面没有发生任何变形。在1280*800 分率下的页面效果如图5.13所示图5.13 1280*800分辨率下页面效果在1024*768分辨率下的页面效果如图5.14 所示图5.14 1024*768分辨率下页面效果图第六章 使用方法6.1 网站前台 在浏览器地址栏中输入http:/localhost/即可进入网站首页。在导航栏中点击各个栏目，然后进入各个不同的栏目。6.2 网站后台管理管理员登陆界面 http:/localhost/admin/admin_login.asp6.2.1 添加最新资讯内容：添加最新资讯标题，如果有图片的话，可以浏览上传。内容可以选择可视化编辑，也可以直接编辑代码或文本格式，然后可以预览。确认无误点击提交。需要修改则可以点击重置。6.2.2 管理全部最新资讯：点击最新资讯列表，然后选择需要修改的最新资讯最后的编辑，就可以进入编辑页面。可以修改标题，图片，内容。如果需要删除只要点击相应列的删除即可。6.2.3 修改密码：点击修改密码，输入旧密码，输入新密码，确认新密码，点击提交即可。6.2.4 退出管理系统：点击退出系统，返回后台登陆首页。参考文献1 China-E 电子商务解决方案-马度奇制衣有限公司 20022 成功团队 珠宝行网站建设方案 2005孟 军，王宝学编著精通ASP.NET网络编程，人民邮电出版社 2005 3 孙明丽，庞娅娟 ASP开发技术大全人民邮电出版社 20024 戴一波 Dreamweaver 8+ASP 动态网站开发从基础到实践 电子工业出版神 2