广告信息发布管理系统设计与实现.docx
《广告信息发布管理系统设计与实现.docx》由会员分享,可在线阅读,更多相关《广告信息发布管理系统设计与实现.docx(29页珍藏版)》请在冰豆网上搜索。
![广告信息发布管理系统设计与实现.docx](https://file1.bdocx.com/fileroot1/2023-2/21/3595ec02-83b3-46aa-a2cb-fbdceb132a1e/3595ec02-83b3-46aa-a2cb-fbdceb132a1e1.gif)
广告信息发布管理系统设计与实现
第一章概述
1.1课题意义
国际际互联网的用户在迅猛地增长,中国上网用户由1995年的一万户速增至1999年的数百万用户。
这增长速度是全世界围的普遍现象。
您的企业要为这众多的民众、企业服务就必须建立自己的,在这信息的高速公路上宣传自己高效的工作。
今天,国际互联网络已成为高科技和未来生活的代名词,要显示你公司的实力,提升公司的形象,没有什么比在员工名片、企业信笺、广告及各种公众能看得到的东西上印上自己公司独有的网络地址和专用的集团电子地址更有说服力了。
消费者、客户和海外投资者自然对您另眼相看。
你不可能将你的新产品信息在全球的周刊上发表,但你可以把上述信息放在你的企业上向全世界发表。
即使你可以把上述信息在全球的周刊上发表,但消费者遗忘广告、忽略广告,你也无可奈何。
有了上的信息,任何一个人都可在网上浏览你的网页,都会成为你的潜在客户[1]。
1.2国外研究现状
现在网络的发展已呈现商业化、全民化、全球化的趋势。
目前,几乎世界上所有的公司都在利用网络传递商业信息,进行商业活动,从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等,无所不能。
如今网络已成为企业进行竞争的战略手段。
企业经营的多元化拓展,企业规模的进一步扩大,对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。
在以信息技术为支撑的新经济条件下,越来越多的企业利用起网络这个有效的工具。
早已由论证阶段进入了实质阶段,尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径。
公司可以通过建立商业平台,实行全天候销售服务,借助网络推广企业的形象、宣传企业的产品、发布公司最新资讯,同时通过信息反馈使公司更加了解顾客的心理和需求,虚拟公司与实体公司的经营运作有机的结合,将会有利于公司产品销售渠道的拓展,并节省大量的广告宣传和经营运营成本,更好地把握商机[2]。
1.3主要工作
运用好相关工具与技术对系统进行可行性分析,确定系统所需功能,划分各系统模块,并且分步开发。
设计系统的前台显示。
配置运行环境,调试系统。
第二章系统运行环境
2.1系统开发工具
2.1.1ASP简介
ASP是ActiveServerPage的缩写,意为“活动服务器网页”,是微软开发的服务器端的脚本编写环境。
使用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.2Dreamweaver简介
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是一个很酷的网页设计软件。
它不仅包括可视化编辑、HTML代码编辑的软件包,而且还支持ActiveX、JavaScript、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(DynamicHTML)的设计,使得页面没有plug-in也能够在Netscape和IE4.0浏览器中正确地显示页面的动画。
同时它还提供了自动更新页面信息的功能。
Dreamweaver还采用了RoundtripHTML技术。
这项技术使得网页在Dreamweaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。
这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。
Dreamweaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。
Dreamweaver的发展经历了如下版本:
Dreamweaver1.0,Dreamweaver2.0、2.01,Dreamweaver3.0,DreamweaverUltraDev1.0,Dreamweaver4.0,DreamweaverUltraDev4.0,DreamweaverMX(6.0),DreamweaverMX2004(7.0、7.01),Dreamweaver8[4]。
2.1.3ADO简介
ADO是ActiveXDataObjects(ActiveX数据对象)的英文缩写,它是微软公司开发的数据库访问组件。
它提供了网页开发人员实时存取数据库的能力。
在数据库的应用中,使用ADO编写的应用程序可以存取在Internet上任何地方的资源。
ADO非常简化的接口使得原本复杂冗长的程序编写工作变得简单易学,并且强有力地支持了各种应用程序的复杂特性的要求。
ADO使用RecordSet(记录集)对象作为数据的主要界面。
ADO可以使用VBScript、JavaScript等脚本语言来控制数据库的存取以及输出查询结果。
总的来说,ADO是一项容易使用并且可扩展的将数据库访问添加到Web页的技术。
可以使用ADO去编写紧凑简明的脚本以便连接到OpenDatabaseConnectivity(ODBC)兼容的数据库和OLEDB兼容的数据源。
对数据库连接有一定了解的脚本编写人员,ADO命令语句并不复杂而且容易掌握。
同样地,一个经验丰富的数据库编程人员将会正确认识ADO的先进的与语言无关性和查询处理功能[5]。
2.1.4IIS介绍及安装与配置方法
2.1.4.1IIS介绍
IIS(InternetInformationServer,互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、最新资讯服务和发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事[6]。
2.1.4.2IIS的安装与配置方法
现在介绍在WindowsXP操作系统中安装IIS5.1的方法。
其他版本的系统大体相同。
1.依次选择点击“开始”/“设置”/“控制面板”/“添加/删除程序”,打开“添加/删除程序”对话框。
2.单击左侧的“添加/删除Windows组件”按钮,打开“Windows组件向导”对话框。
3.选中“Internet信息服务器(IIS)”,将WindowsXP的安装光盘放入光驱中,然后单击“下一步”按钮,安装IIS5.1大约需要30MB的磁盘空间。
安装程序开始配置组件并复制文件,安装过程将持续一段时间。
IIS的配置需要修改默认的主目录,打开IIS,右击“默认”→“属性”,选择主目录标签,在“本地路径”中选择所在文件夹(例如E:
\wwwroot),本标签其他选项默认,然后点“应用”。
然后选择“文档”标签,在“默认文档”里面添加“默认文档名”index.ASP,并使用上下箭台,将index.ASP优先级调到最上面。
然后可以用localhost/来访问主页[6]。
2.2系统的运行环境
硬件需求:
PentiumIII800/128M/20G及以上配置,800x600/16位色以上显示器;另需连接服务器的网络设备,通过局域网连接需要配备10/100M网卡,通过拨号上网需要配置调制解调器。
软件需求:
Windows/98/NT/2000/XP中文版操作系统,IE5.0以上版本浏览器。
第三章系统分析
3.1可行性分析
3.1.1技术可行性
Hellocosplay所需开发的是运用ASP+ACCESS+HTML+CSS的技术来开发的。
所需程序的开发主要是运用Dreamweaver+Access。
在界面的开发中,主要需要Photoshop在制作效果图,并切图。
或者运用Fireworks。
运用ASP+ACCESS的,对于系统的要求并不严格PentiumIII800/128M/20G及以上配置,且搭建有IIS或对于ASP支持的环境就已经可以完全达到的运营需求。
3.1.2经济可行性
达到成功运营为公司服务所需要的成本主要包括:
的开发费用、服务器的租借费用、域名注册费用及后期的维护费用。
一般的开发者都承诺运营后的后期一定时间的维护工作。
开发费用大约在1000元~2000元之间。
服务器的租借费用,由于比较的实用,不繁琐。
所以一般购买200M~500M的空间就完全够早期运营很长一段时间。
目前很多主机托管类运营商均有此业务,主流价格在500元/年至1200元/年不等。
域名注册的费用一般在70元至120元不等。
如果域名已经被别人注册,那么购买的转让费用或许会略高。
终上所述,此的正式上线运营,一年所需投入成本也在3000元左右。
只需发展几十个顾客,就可以收回成本进而盈利。
而在开发完成,将对提供免费SEO服务,让在baidu,google的排名可以靠前。
如果可以的话,公司也可以通过XX竞价等提升的排名。
3.1.3操作可行性
作为动漫周边产品的cosplay服装,主要的消费群体是青少年中的动漫爱好者。
主要年龄段分布在80年代以及90年代出生的青少年。
网络在此年龄段青少年的日常生活中占据很重要的一部分。
而动漫爱好者更为突出,大部分的动漫爱好者每天都有上网浏览动漫相关网页的习惯。
因此在网络建立一个展示公司产品的,是很符合动漫爱好者的兴趣爱好的。
而动漫爱好者是以群体聚集在一起的,如果在一个用户那得到好评,那么他们就会为公司做另一种且权威性更重的广告宣传。
3.2系统主要功能
系统的开发是以介绍企业为目的的,所以系统以展示为主。
系统的功能模块也是以企业自我介绍为中心的主要划分为:
公告管理,最新资讯管理,产品管理,代理商管理,企业简介,联系我们。
为了便于来访者及时反馈信息或咨询问题,我们添加了当前青少年中主流即时通讯工具的QQ在线客服以及留言本功能。
3.3系统页面布局
3.3.1首页布局
如图3.1所示
页面尾部
图3.1首页布局图
3.3.2后台页面布局
如图3.2所示
图3.2后台页面图
3.4系统流程图
如图3.3所示
图3.3系统流程图
3.5数据流图
如图3.4所示
图3.4数据流图
3.6数据字典
Admin表的字段
数据项名:
pwd(密码)
数据项含义:
管理员的密码
数据项类型:
varchar
数据项长度:
50
Link表字段
数据项名:
addurl
数据项含义:
链接网址
数据项类型:
varchar
数据项长度:
50
Product表字段
Pro_type表字段
数据项名:
pro_name
数据项含义:
记录后台管理模块名
数据项类型:
varchar
数据项长度:
50
Guestbook表字段
数据项名:
content
数据项含义:
内容
数据项类型:
备注
第四章系统设计
4.1系统框架设计
系统采用ASP应用程序两层结构模式[7],其结构如图4.1所示:
图4.1两层结构模式
Web窗体层和数据库各功能介绍[7],如表4-1所示:
层名
功能描述
Web窗体层
系统最高层,向用户展示各种窗体。
用户通过窗体对系统进行操作,并实现用户操作各种信息的添加、修改和删除。
与数据库直接关联,封装了对数据库的所有操作,包括数据的添加、修改、删除和查询。
数据库
数据访问层负责Web展示和数据之间的数据存储、修改、删除与查询,数据库用来存储本系统所有数据。
表4-1ASP两层架构模式的各层功能
4.2系统结构设计
由上面分析,可以设计系统的结构,从管理员界面和来访者界面分别对结构以描述。
图4.2系统管理员界面的系统结构图
一般用户界面的功能模块如图4.3所示:
图4.3来访者界面的系统结构图
4.3数据库设计
由上面的数据项可以设计出能够满足用户需求的各种实体,以及它们之间的关系,并为后面的逻辑结构设计打下基础。
这些实体包含各种具体信息,通过相互之间的作用形成数据的流动,这就可以对系统设计以下实体:
系统管理员信息实体、产品信息实体、公告信息实体、代理商信息实体、信息实体、关于我们信息实体、联系我们信息实体和留言信息实体。
实体之间关系的E-R图如图4.4所示。
图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表
列号
列名
数据类型
长度
字段说明
1
ID
int
4
用户唯一编号
2
Admin
Vaechar
50
登陆名
3
Pwd
Varchar
50
登陆密码
Link表
列号
列名
数据类型
长度
字段说明
1
ID
int
4
唯一编号
2
Title
Varchar
50
名
3
Addurl
Varchar
50
网址
Pro_type表
列号
列名
数据类型
长度
字段说明
1
Pro_Name
Varchar
50
记录后台管理模块名
Product表
列号
列名
数据类型
长度
字段说明
1
ID
int
4
定义唯一ID号
2
Pro_type
Varchar
50
所属管理模块名
3
Img
intr
50
图片地址
4
Title
Varchar
50
标题名
5
Content
备注
无限制
该记录描述
6
Pub_date
Data
发布日期
Guestbook表
列号
列名
数据类型
长度
字段说明
1
ID
int
4
留言唯一编号
2
Title
Varchar
50
留言标题
3
Content
备注
留言容
4
Pub_date
Data
发布日期
第五章运行结果及效果分析
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.8eWebeditor工具栏
eWebeditor编辑器,其功能与Word相当,但也有所扩展,编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致,让使用者方便地对编辑的容所见即所得的进行修改、排版。
编辑器文件上传功能支持图片来源,媒体文件来源,附件来源等,都自带有从客户端直接上传到服务器端的功能。
对于来自其它最新资讯的容,能做拷贝过来保持原最新资讯容的样式,等。
最新资讯添加成功后的效果见图5.9
图5.9最新资讯添加成功
点击最新资讯列表可以进入查看已经添加的最新资讯。
图5.10
图5.10管理全部最新资讯
3.产品管理
图5.11产品管理页面
4.修改密码
图5.12修改密码页面
5.2系统测试及分析
Hellocosplay做好后,曾经放于51cosplay公司服务器上测试。
均未出现程序错误。
达到Hellocosplay公司展现自己的目的。
设计较为标准在多个分辨率下测试均未变形。
测试服务器配置
IntelXeon2*2.4G双路处理器,超线程虚拟4颗CPU板载支持800外频处理器/iis6.0
客户端机器配置
CPU:
IntelCore2CPUT56001.82GHZ存:
512MB系统:
WINDOWSXP;PHP-NOW1.4.4添加ASP扩展
Hellocosplay具有实用性和针对性,界面友好,可维护性强。
也很号的完成了企业自我展示的需求。
在页面的设计上,也比较符合动漫爱好者的欣赏,体现了“页面的设计以用户的喜好为标注”的设计理念。
当然在以后的实际需求中仍然会发现很多其他的不足之处,比如,最新资讯没有添加分类等。
在做实际项目时,可以在这个系统的基础上进一步分析客户的需求,添加或是修改相应的功能模块,来扩展本系统的功能,使之更加实用。
页面的设计也较为标准。
以下是两种分辨率下的首页效果图。
在两种分辨率下页面没有发生任何变形。
在1280*800分率下的页面效果如图5.13所示
图5.131280*800分辨率下页面效果
在1024*768分辨率下的页面效果如图5.14所示
图5.141024*768分辨率下页面效果图
第六章使用方法
6.1前台
在浏览器地址栏中输入localhost/即可进入首页。
在导航栏中点击各个栏目,然后进入各个不同的栏目。
6.2后台管理
管理员登陆界面localhost/admin/admin_login.asp
6.2.1添加最新资讯容:
添加最新资讯标题,如果有图片的话,可以浏览上传。
容可以选择可视化编辑,也可以直接编辑代码或文本格式,然后可以预览。
确认无误点击提交。
需要修改则可以点击重置。
6.2.2管理全部最新资讯:
点击最新资讯列表,然后选择需要修改的最新资讯最后的编辑,就可以进入编辑页面。
可以修改标题,图片,容。
如果需要删除只要点击相应列的删除即可。
6.2.3修改密码:
点击修改密码,输入旧密码,输入新密码,确认新密码,点击提交即可。
6.2.4退出管理系统:
点击退出系统,返回后台登陆首页。
参考文献
[1]China-Enterprise.《电子商务解决方案-马度奇制衣》2002
[2]成功团队《珠宝行建设方案》2005孟军,王宝学编著《精通ASP.NET网络编程》,人民邮电2005
[3]明丽,庞娅娟《ASP开发技术大全》人民邮电2002
[4]戴一波《Dreamweaver8+ASP动态开发从基础到实践》电子工业出版神2006
[5]丁贵广《ASP编程基础与实例》机械工业2002
[6]东梅《完全手册Dreamweaver8+ASP完美动态设计(附光盘)》电子工业2007
[4]ThomasA.Powell.《HTML参考大全》清华大学2002
[5]俊民高春燕《Access数据库开发实例解析》机械工业2006年
[6]ScottMitchell.《ASP设计》中国电力2001
[7]孟军,王宝学编著《精通ASP.NET网络编程》,人民邮电2005惠贞,俊荣编著《ASP程序设计》中国铁道2004.5
[8]DateCJ,HughDarwen.《AGuidetotheSQLStandard》麻省:
AddisonWesley1994
[9]瑞军,杰.《ASP数据库开发实例精粹》电子工业2005
[10]汤代禄,建俊《ASP案例开发极集锦》电子工业2005
[11]CNGR《JScript语言参考(CHM)》网上电子书
[12]惠贞,俊荣编著《ASP程序设计》中国铁道2004.
[13]JulittaKorol《Access2003ProgrammingbyExamplewithVBA,XML,andASP》2005
[14]顼宇峰马军《ASP网络编程从入门到精通》清华大学2007
[15]何新起《中文版Dreamweaver8精品网页设计经典教程》科学普及2006
[16]JonFlanders《ASPInternalsPearsonEducation》PearsonEducation2000
[17]StevenRoman,Ph.DAccess《DatabaseDesign&Programming》O'Reilly1999
[18]MichaelBowers《ProCSSandHTMLDesignPatterns》Apress2007
[19]RichardYork《BeginningCSS:
CascadingStyleSheetsforWebDesign》WileyPublish2005
[20]VirginiaAnderson《HowtoDoEverythingwithMicrosoftOfficeAccess2003》McGraw-HillOsborneMedia2003