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

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

37
2020年5月29日
文档仅供参考

目录
第一章 概述 1
1.1 课题意义 1
1.2 国内外研究现状 1
1.3 主要工作 1
第二章 系统运行环境 2
2.1 系统开发工具 2
2.1.1 ASP简介 2
2.1.2 Dreamweaver 简介 2
2.1.3 ADO简介 3
2.1.4 IIS介绍及安装与配置方法 3
2.2 系统的运行环境 4
第三章 系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2 经济可行性 5
3.1.3 操作可行性 5
3.2 系统主要功能 6
3.3 系统页面布局 6
3.3.1 首页布局 6
3.3.2 后台页面布局 6
3.4 系统流程图 7
3.5 数据流图 7
3.6 数据字典 8
第四章 系统设计 10
4.1 系统框架设计 10
4.2 系统结构设计 10
4.3 数据库设计 11
4.4 数据库逻辑结构设计 14
第五章 运行结果及效果分析 16
5.1 模块测试及分析 16
5.1.1 前台部分测试 16
5.1.2 后台部分测试 20
5.2 系统测试及分析 22
第六章 使用方法 25
6.1 网站前台 25
6.2 网站后台管理 25
6.2.1 添加最新资讯内容: 25
6.2.2 管理全部最新资讯: 25
6.2.3 修改密码: 25
6.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 (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介绍及安装与配置方法
2.1.4.1 IIS介绍
IIS(Internet Information Server,互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、最新资讯服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事[6]。

2.1.4.2 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/ /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元~ 元之间。
服务器的租借费用,由于网站比较的实用,不繁琐。因此一般购买200M~500M的空间就完全够早期网站运营很长一段时间。当前很多主机托管类运营商均有此业务,主流价格在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
数据项长度:50

Link表内字段
数据项名: ID
数据项含义:链接ID
数据项类型:Int
数据项长度:4
数据项名:title
数据项含义:链接名称
数据项类型:nvarchar
数据项长度:16

数据项名:addurl
数据项含义:链接网址
数据项类型: varchar
数据项长度:50

Product表内字段
数据项名:pro_name
数据项含义:所属分类
数据项类型:varchar
数据项长度:50
数据项名:ID
数据项含义:商品ID
数据项类型:Int
数据项长度:4

数据项名:img
数据项含义:图片地址
数据项类型:varchar
数据项名:title
数据项含义:标题
数据项类型:备注

数据项名:pub_data
数据项含义:发布日期
数据项类型:data
数据项名:content
数据项含义:内容
数据项类型:备注

Pro_type表内字段

数据项名:pro_name
数据项含义:记录后台管理模块名
数据项类型: varchar
数据项长度:50

Guestbook表内字段

数据项名: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
发布
N
1
发布
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表
列 号
列 名
数据类型
长 度
字段说明
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.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.asp
6.2.1 添加最新资讯内容:
添加最新资讯标题,如果有图片的话,能够浏览上传。内容能够选择可视化编辑,也能够直接编辑代码或文本格式,然后能够预览。确认无误点击提交。需要修改则能够点击重置。

6.2.2 管理全部最新资讯:
点击最新资讯列表,然后选择需要修改的最新资讯最后的编辑,就能够进入编辑页面。能够修改标题,图片,内容。如果需要删除只要点击相应列的删除即可。

6.2.3 修改密码:
点击修改密码,输入旧密码,输入新密码,确认新密码,点击提交即可。

6.2.4 退出管理系统:
点击退出系统,返回后台登陆首页。

参考文献
[1] China-E <电子商务解决方案-马度奇制衣有限公司>
[2] 成功团队 <珠宝行网站建设方案> 孟 军,王宝学编著<精通ASP.NET网络编程>,人民邮电出版社
[3] 孙明丽,庞娅娟 <ASP开发技术大全>人民邮电出版社
[4] 戴一波 <Dreamweaver 8+ASP 动态网站开发从基础到实践> 电子工业出版神
[5] 丁贵广 <ASP编程基础与实例>机械工业出版社
[6] 孙东梅 <完全手册Dreamweaver 8+ASP完美动态网站设计(附光盘)>电子工业出版社
[4] Thomas A.Powell. <HTML参考大全> 清华大学出版社
[5] 李俊民 高春燕 <Access数据库开发实例解析> 机械工业出版社
[6] Scott Mitchell.<ASP设计> 中国电力出版社
[7] 孟 军,王宝学编著<精通ASP.NET网络编程>,人民邮电出版社 陈惠贞,陈俊荣编著 <ASP程序设计>中国铁道出版社 .5
[8] Date CJ, Hugh Darwen. <A Guide to the SQL Standard> 麻省:Addison Wesley出版社 1994
[9] 李瑞军,李杰.<ASP数据库开发实例精粹> 电子工业出版社
[10] 汤代禄,韩建俊 <ASP案例开发极集锦> 电子工业出版社
[11] CNGR <JScript 语言参考(CHM)> 网上电子书
[12] 陈惠贞,陈俊荣编著 <ASP程序设计>中国铁道出版社 .
[13] Julitta Korol<Access Programming by Example with VBA, XML, and ASP >
[14] 顼宇峰 马军 <ASP网络编程从入门到精通> 清华大学出版社
[15] 何新起 <中文版Dreamweaver 8精品网页设计经典教程>上海科学普及出版社
[16] Jon Flanders <ASP Internals Pearson Education>Pearson Education
[17] Steven Roman, Ph.D Access <Database Design & Programming> O'Reilly 1999
[18] Michael Bowers <Pro CSS and HTML Design Patterns> Apress
[19] Richard York <Beginning CSS:Cascading Style Sheets for Web Design> Wiley Publish
[20] Virginia Anderson <How to Do Everything with Microsoft Office Access > McGraw-Hill Osborne Media