收藏 分销(赏)

深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc

上传人:胜**** 文档编号:2724719 上传时间:2024-06-04 格式:DOC 页数:37 大小:1.14MB
下载 相关 举报
深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc_第1页
第1页 / 共37页
深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc_第2页
第2页 / 共37页
深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc_第3页
第3页 / 共37页
深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc_第4页
第4页 / 共37页
深圳晶宝网络科技有限公司新闻发布系统设计毕业论文.doc_第5页
第5页 / 共37页
点击查看更多>>
资源描述

1、摘 要信息产业高度发展的今天,人们对于信息的需求越来越多,网络成了最好的传播媒体。网络覆盖全球,信息得以真正共享。网上冲浪,使人们足不出户便可享受丰富全面的新闻资讯大餐。互联网的崛起,促使网站新闻发布系统的诞生。网站新闻发布系统,又称信息发布系统,它把最新的、最全面的、最真实的新闻资讯,包括国际、国内、经济、军事、体育、娱乐等更新信息集中管理,将其分类,通过一个操作简单的界面加入数据库,然后通过已有的网页模板格式与审核流程及时、准确、系统的发布到网站上。本论文阐述了新闻发布系统的概念、体系结构,介绍系统开发环境与开发工具的使用。本系统开发分为需求分析、设计、编码、测试四阶段。从实际情况出发,经

2、过仔细的考察和分析,确立了公司新闻发布系统的需求与功能。通过系统分析与结构设计,对系统进行开发设计。本系统基于B/S体系结构(浏览器/服务器模式),系统使用ASP作为前台开发工具,Microsoft Access作为后台数据库服务器,IIS作为测试服务器。从前台页面规划和设计,到后台数据库的建立连接,初步实现新闻发布、新闻浏览、新闻管理等功能,充当了一个网络新闻媒介的角色。系统交互性强,功能较完备,能够很好的配合站点的其它功能系统服务。关键词: ASP; ACCESS; 新闻浏览; 类别管理; 新闻编辑目 录引 言1第1章 开发环境与需求分析21.1 需求分析21.2 体系结构21.3 开发环

3、境31.3.1 硬件条件31.3.2 系统平台31.3.3 系统功能31.3.4 运行需求3第2章 开发工具的使用与介绍52.1 开发工具52.2 开发技术52.2.1 前台技术52.2.2 后台技术62.2.3 服务器技术7第3章 系统分析与总体设计83.1 系统功能83.1.1 系统功能描述83.1.2 系统功能说明93.2 系统设计103.2.1 系统设计方案103.2.2 系统数据流程103.2.3 系统功能模块设计11第4章 数据库设计124.1 数据库结构124.2 数据字典144.3 数据库逻辑设计154.4 数据库连接16第5章 详细设计175.1 前台页面规划175.1.1

4、页面构成175.1.2 页面布局185.2 具体页面设计185.2.1 页面样式设计185.2.2 首页设计185.2.3 公司新闻页设计195.2.4 管理登陆页设计215.2.5 后台管理页面设计225.2.6 新闻添加页设计235.2.7 新闻管理页设计245.2.8 新闻详细页设计25第6章 系统测试276.1 测试方法276.2 模块测试286.2.1 登陆模块测试286.2.2 新闻添加模块测试286.2.3 类别管理模块测试296.2.4 用户管理模块测试296.3 测试结果30结 论31参考文献32致 谢33引 言计算机与Internet开始普及,逐渐进入了企业、机关,学校和普

5、通百姓家庭,信息的共享,实现了信息的同步交流,改变了人们的工作和生活方式,享受快节奏的时尚生活。Internet的不断发展,静态Web站点的开发与维护变得愈发困难,难以满足信息的迅速更新与传播,网站维护人员也不堪重负。同时,静态网页与浏览者交互性差,使人们感到越来越乏味,导致站点访问流量低。开发动态网页和动态内容更新成了必然趋势。网站新闻发布系统,是将网站上的需要经常变动的信息,类似公司动态、企业新闻、新产品发布、促销活动和行业动态等更新信息集中管理,并通过信息的某些共性进行分类,最后系统化、标准化发布到网站上的一种网站应用程序。网站信息通过一个操作简单的界面加入数据库,然后通过已有的网页模板

6、格式与审核流程发布到网站上。 许多企业网站的新闻是静态的HTML页面,每次更新信息需要做一个页面,然后FTP上传,再修改页面链接,这样维护非常麻烦,而网站新闻发布系统大大减轻了网站更新维护的工作量,通过新闻后台维护程序在浏览器上只需录入文字和上传图片就可以快速实现新闻维护,从而大大加快了信息的传播速度,时时保持网站的活动力和影响力。网络发展前景无限,紧随信息时代的脚步,不断创新,一定会促使企业的成功。走在网络时代的前端,让我们高喊网络时代宣言:网络成就未来!33第1章 开发环境与需求分析1.1 需求分析市场经济的发展,要求企业科学创新,紧随信息时代的步伐,现代化发展。网站新闻发布系统无疑给企业

7、带来商机、效益。它的出现大大减轻了网站更新维护的工作量,通过网络数据库的引用,将网站的更新维护工作简化,从而大大缩短网站的更新速度,也吸引了更多的长期用户群,同时保持了企业的活力,提高了企业的影响力。深圳晶宝网络科技有限公司是是广州省深圳市科学研究会认定福田区高新技术企业,集软件开发、网站建设、效果图设计、企业宣传于一体。多年来凭借一支高技术多元化的力量,健全的管理规范,精良的装备,先进的技术以质量第一、用户至上、以人为本、重合同、守信誉为宗旨,遵循“团结一致、自强不息、求真务实、开拓进取”的企业精神从事网络科技服务。为了及时、准确、系统的发布公司动态与新闻信息,提高公司的知名度,拓展公司的业

8、务,现急需开发公司网站新闻发布系统,利用网络来给公司的发展注入新鲜的活力,为进一步发展公司业务发挥重要作用。网站新闻管理方式大致分为两种,一是静态HTML页面,更新信息时需要重新制作页面然后上传页面并修改相应链接,这种方式因为效率太低已逐步退出网络系统。二是基于ASP和脚本语言,将动态网页和数据库结合,通过应用程序来处理新闻,这是目前较为流行的做法。人们需求日益剧增,促使新闻信息及时、准确、系统的更新发布。1.2 体系结构目前开发新闻发布系统常采用的体系结构有C/S和B/S两种,本系统采用B/S体系结构,即浏览器/服务器模式。浏览器/服务器结构,即Browser/Server结构。它是对C/S

9、结构的一种变化和改进,只需安装维护一个服务器,而客户端采用浏览器运行软件,利用WWW浏览器技术,结合多种Script语言(如VBScript、JavaScript等)和ActiveX技术,是一种全新的软件系统构造技术。B/S三层体系结构采用三层客户/服务器结构,从逻辑上将应用分为表示层、业务逻辑层和数据存储层三个处理层次,层与层之间是互相独立的,任何一层的改变不会影响其他层的功能。如图1-1所示,通过客户端浏览器向Web服务器发送浏览请求,Web服务器及时响应后与后台数据库连接,再将信息返回客户端浏览器,大大简化了客户端,对安全以及访问速度比C/S有更高的要求。B/S三层体系结构,如:图1-1

10、所示图1-1 B/S三层体系结构1.3 开发环境1.3.1 硬件条件CPU:P3或者以上;内存:64MB或者以上硬盘:1GB或者以上数据库环境:Microsoft Access 2000服务器环境:Windows 2000 Server+IIS 5.01.3.2 系统平台采用Browser/Server体系结构,服务器端采用Windows 2000 Server作为网络操作系统,Web服务器软件采用IIS 5.0(Internet Information Server)。客户端软件,包括单机操作系统和浏览器软件,分别选用Windows 2000和Internet Explorer,数据库系统采

11、用Microsoft Access有利于方便操作。1.3.3 系统功能新闻管理:新闻添加、新闻修改、新闻删除用户管理:系统管理员用户名、密码修改生成管理:新闻生成、新闻分类、主页生成、新闻搜索系统管理:后台管理、退出管理1.3.4 运行需求正常使用时不应出错,若运行时遇到不可恢复的系统错误,也必须保证数据完好无损,对数据的精确度、时间特性、适应性等都有一定要求,要求系统运行时能够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用性、安全保密性、可移植性、互联性。第2章 开发工具的使用与介绍2.1 开发工具系统前台采用ASP技术,ASP代码编写使用了网页三剑客中的Dreamw

12、eaver 2004,同时也可以用HTML语言编写。页面制作使用Dreamweaver 2004,页面美观、整体效果好,数据库连接方便。网页美工使用PhotoShop CS 9.0图形图象工具,数据库采用Microsoft Office自带的Microsoft Access,适合小型网站开发。Dreamweaver是Macromedia公司推出的专门用于网页排版的网页编辑器软件,它提供强大的排版工具,它是针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。PhotoShop CS 9.0是由美国Adobe公司开发的一个集图像扫

13、描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出于一体的专业图形处理软件。它是继Photoshop 7.0之后推出的新一代产品。CS的意思是Creative Suit,随着版本的不断提高,其功能也越来越强大。就一般图形处理业务而言,其功能大概用不到它所具有的三分之一,在图形图象处理软件中,是最具代表性的软件。2.2 开发技术2.2.1 前台技术ASP全称Active Server Pages,又名动态服务器主页,它是微软公司提供的开发动态网页的技术,具有开发简单、功能强大等优点。ASP可以便捷地使用ActiveX组件来执行复杂的任务,比如连接数据库以检索和存储信息。ASP采用VBsc

14、ript或Java script脚本语言设计,其工作原理是当浏览者发出浏览请求的时候,服务器会自动将ASP的程序码,解释为标准HTML格式的网页内容,再送到浏览者浏览器上显示出来。ASP将脚本语言嵌入HTML文档中,不需要编译和连接就可以直接解释运行。ASP面向对象编程,利用ADO组件轻松存取数据库。当用户从浏览器向Web服务器提出请求时,Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容,用户端只要使用常规可执行HTML程序的浏览器,就可浏览ASP所设计的主页内容,因此与浏览器无关,并且保证了ASP的源程序代码不会外漏。ASP具有学习快、设计快的特点。ASP的源程序码在服务器

15、端执行,代码保密性好。集成与HTML中,无需编译链接可直接执行,而且使用文本编辑器即可设计。2.2.2 后台技术Access 是微软公司基于Windows的桌面关系数据库管理系统(RDBMS),它是Microsoft Office套件的重要组成部分,适用于小型商务活动,用以存贮和管理商务活动所需要的数据。Access不仅是一个数据库,而且它具有强大的数据管理功能,它可以方便地利用各种数据源,生成窗体(表单),查询,报表和应用程序等。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象;提供了多种向导、生成器、模板,把数据存储、数据查询、界面设计、报表生成等操作规范化;为建立功

16、能完善的数据库管理系统提供了方便,也使得普通用户不必编写代码,就可以完成大部分数据管理的任务。Access是一种关系型数据库管理系统,其主要特点如下:(1)存储方式单一Access管理的对象有表、查询、窗体、报表、页、宏和模块,以上对象都存放在后缀为(.mdb)的数据库文件种,便于用户的操作和管理。(2)面向对象Access是一个面向对象的开发工具,利用面向对象的方式将数据库系统中的各种功能对象化,将数据库管理的各种功能封装在各类对象中。这种基于面向对象的开发方式,使得开发应用程序更为简便。(3)界面友好、易操作Access是一个可视化工具,是风格与Windows完全一样,用户想要生成对象并应

17、用,只要使用鼠标进行拖放即可,非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具,使得操作简便,容易使用和掌握。(4)集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境,该环境集成了各种向导和生成器工具,极大地提高了开发人员的工作效率,使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。(5)Access支持ODBC(开发数据库互连,Open Data Base Connectivity),利用Access强大的DDE(动态数据交换)和OLE(对象的联接和嵌入)特性,可

18、以在一个数据表中嵌入位图、声音、Excel表格、Word文档,还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络,并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件,轻松构建Internet/Intranet的应用。2.2.3 服务器技术IIS全称Internet Information Server,它是微软公司推出的Web服务器。它是当前Windows NT平台上执行效率最高的Web服务器之一。在Windows 2000安装光盘中包含IIS 5.0。IIS与Window NT Server能完全集成在一起,所以用户能够利用Windows NT Server

19、 和NTFS内置的安全特性,建立强大、灵活而安全的Internet或Internat站点。IIS的一个重要特性就是支持ASP,Windows Web服务器IIS是ASP赖以运行的基础,实际上,ASP是随IIS自动安装的,因此,在运行ASP之前,需要先安装IIS服务器。第3章 系统分析与总体设计3.1 系统功能3.1.1 系统功能描述静态的HTML页面新闻系统,更新信息需要做一个页面,然后通过FTP工具上传,再修改页面链接,维护起来非常麻烦,工作量大。为了加快信息的传播速度,减轻网站更新维护的工作量,保持网站的活动力和影响力,网站新闻发布系统应该具备以下功能:(1)类别管理新闻按类别组织,类别可

20、以动态增加、修改或删除。类组织管理大大提高系统的灵活性和扩展性。类别管理提供的具体功能如下:增加、修改、删除新闻类别和专题;更改类别顺序以确定新闻类别和专题在网站页面上出现的顺序;(2)新闻管理新闻管理功能实现新闻内容的更新与维护,提供在后台输入、查询、修改、删除各新闻类别和专题中的具体新闻的功能,选择某条新闻是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。 具体包括以下功能:增添、修改、删除各栏目信息(包括文字与图片)的功能;修改信息状态以确定信息是否出现在类别首页或网站首页的功能。(3)系统用户管理系统系统用户:具有管理网站的权限(即可进入后台管理界面)的用户。系统管理用户可以

21、修改用户名、密码。(4)网站页面编辑功能网站页面编辑功能可以通过WEB编辑方式轻松实现网站页面的定制功能,还可将页面上的一些固定内容如页眉页脚、广告条、友情链接等,引入WEB编辑功能来处理,将这些日常维护工作量转为系统化、标准化的维护格式,从而保证网站设计风格的统一,同时也可以大大减轻工作量。模板功能:通过引入CSS样式表,可以轻松统一定制网站的设计风格,编辑新闻类别、专题、最新新闻模板,保持页面美观。编辑页眉页脚和导航条功能,页眉页脚独立存放,并可以任意修改页眉页脚的样式。 编辑友情链接功能,可在此用简单的HTML语句编辑网站的合作站点与友情链接,支持图片LOGO链接。(5)前台新闻浏览及搜

22、索新闻浏览:系统将新闻信息自动分页显示,用户可以清晰的看到各类新闻信息,通过点击新闻标题,查看详细新闻内容。分类检索新闻:按新闻类别显示该类别的新闻。关键字搜索:输入关键字和日期,系统检索出满足条件的新闻。(6)其他功能新闻图片浏览站点访问流量统计站点导航3.1.2 系统功能说明前台:(1)新闻浏览、新闻列表自动分页、新闻标题搜索;(2)新闻内容页面分页、访问统计;(3)查数据库动态生成静态页面;管理:(1)新闻发布、上传图片、编辑、删除、支持 HTML;(2)新闻层级:二级分类、动态二级分类;(3)新闻类别:热点新闻、图片新闻;(4)新闻属性:关键词设置;(5)标题排序:时间倒序、标题置顶、

23、推荐新闻、热点新闻;3.2 系统设计3.2.1 系统设计方案系统针对浏览者和管理双方设计,交互性强。浏览者通过IE浏览器,访问新闻站点。管理方通过后台登陆管理,更新后的新闻信息保存至Access数据库。当浏览者发送请求信息后,服务器接受到,立刻做出响应,生成新闻页面,返回至浏览器端。系统设计方案如:图3-1所示图3-1 系统设计方案3.2.2 系统数据流程数据库存储的信息包括新闻类别、新闻详单、管理员帐户等,新闻详单具体包括新闻标题、新闻内容、发布时间、发布人、所属类别、点击数等。管理员通过用户名、密码正确登陆后,对新闻进行更新,具体操作包括添加新闻、修改新闻、删除新闻、修改新闻类别、管理员用

24、户密码修改等。管理员帐户包含编号、管理员用户名、密码等字段。更新的新闻信息采用固定的页面样式编辑,生成新的页面。系统数据流程如:图3-2所图3-2 系统数据流程图3.2.3 系统功能模块设计在系统功能分析的基础上,考虑到系统应满足系统管理员与用户操作的需求,氛围以下功能模块:系统管理员模块、用户模块。系统管理员模块包括类别管理、新闻添加、新闻编辑、新闻删除、用户管理;用户模块实现新闻浏览与新闻搜索功能。具体实现如:图3-3所示图3-3 系统功能模块图第4章 数据库设计4.1 数据库结构数据库可以实现数据的自动化管理。数据的结构将影响整个管理机制的应用,而且一但建立以后要修改常会出现麻烦。所以一

25、开始就要仔细慎重地搭建一个完整而合理的结构。Microsoft Access数据库相对其它的数据库来说要简单容易操作些,本新闻发布系统中的数据库文件就是Access类型的数据库。这一设计阶段是在需求分析的基础上,设计出能够满足用户需求的各种实体,以及它们之间的关系,为后面的逻辑结构设计打下基础。本实例根据上面的设计规划出的实体有类别库、新闻库、系统管理员库。各个实体的E-R图及其关系描述如下。新闻类别实体E-R图如:图4-1所示图4-1 新闻类别实体E-R图新闻内容实体E-R图如:图4-2所示图4-2 新闻内容实体E-R图系统管理员实体E-R图如:图4-3所示图4-3 系统管理员实体E-R图实

26、体和实体之间的关系E-R图如:图4-4所示图4-4 实体间E-R图(1)“用户”访问新闻发布页面,“点击数”记录新闻被浏览次数。管理员通过用户名、密码登陆后台“管理”,对新闻修改、添加、删除等操作。(2)“新闻”是由“作者”发布为表示两者之间的联系,还可将“新闻编号”与“作者”相对应,记录作者发布新闻数量。(3)“管理员”是作者的一类,管理员从作者中提取出来,但是由于“管理员”不只是编辑新闻,他同时可以管理新闻,管理普通的用户(即作者),可以把他作为一个单独的表目存放在数据库中。(4)“分类”是“新闻”的一部分,通过新闻的分类,对杂乱繁多的新闻,系统的组织。(5)“分类表”是新闻分类的组织模块

27、,通过提取“分类表”中的分类信息对新闻分类,实现新闻的模块化、系统化。在经过系统分析与设计后,得到系统数据流程图如:图4-5所示图4-5 数据流图管理员通过口令(用户名、密码)管理,发布新闻,对新闻进行编辑、修改、删除等操作。对整体页面布局,生成新闻页面,返回用户浏览器。新建数据库data.mdb,使用设计器创建新闻类别表(cate)、新闻详单表(news)、管理员用户(users)。Cate表包含新闻类别编号、新闻类别名称两个字段。News表包括新闻编号、新闻标题、新闻详细内容、发布时间、发布人、类别编号、点击数等字段。Users表包括管理员用户名称、密码等字段。具体如:图4-6所示图4-6

28、 数据库结构图4.2 数据字典本系统数据库(data.mdb)新建三个数据表,新闻类别表(表cate)、新闻详细表(表news)、系统管理员用户表(表users),数据库的逻辑结构设计如下:新闻类别信息(类别编号,类别名称)新闻信息(新闻编号,新闻标题,新闻内容,新闻发布时间,新闻发布人,新闻类别编号,新闻点击数,新闻推荐)管理管理用户信息(用户编号,用户名称,用户密码)表4-1 Cate表字段名称字段类型字段说明Cateidinteger新闻类别编号Catenamechar新闻类别名称表4-2 News表字段名称字段类型字段说明Idinteger新闻编号Titlechar新闻标题Conten

29、tchar新闻内容Datadate新闻发布时间Writerchar新闻发布人Cateidinteger新闻类别编号Hitsinteger新闻点击数Attpicbool新闻推荐表4-3 Users表字段名称字段类型字段说明Idinteger用户编号Usernamechar用户名称Userpwdchar用户密码4.3 数据库逻辑设计分析一下构成每条新闻的元素,主要由新闻标题、新闻内容、发布时间、发布人组成。而在构建数据库的时候,考虑到处理需要,必需加上新闻的编号,以便识别。再者,可以加上点击数,以便了解读者感性趣的内容。Access数据库是一个非常适合于开发阶段使用的过度时期数据库,构造一个新闻数

30、据库(data.mdb),数据库关系视图。Cate表是存储新闻类别信息,包含两个字段:新闻类别编号和新闻类别名称。cateid是数字类型,Catename是文本类型,存储所有新闻类别。Cate表设计如下:表4-4 cate表News表是存储详细新闻信息,包含新闻编号、新闻标题、新闻内容、新闻发布日期、新闻发布人、所属新闻类别编号、新闻点击数、是否推荐等字段。其中content是备注类型,data是日期/时间类型,attpic是布尔类型,表示是否推荐为热点新闻。Cateid字段表示新闻类别编号,与cate表中的cateid对应。News表设计如下:表4-5 news表Users表存储系统管理员用

31、户账号,其中有三个字段。Id是自动编号类型,表示管理用户编号,username是文本类型,表示用户名。同样,userpwd也是文本类型,表示密码。表4-6 users表4.4 数据库连接数据库Access支持ODBC,通过Windows系统自带的ODBC数据源管理器,可以便捷的将ASP与数据库连接。建立连接后,系统将自动生成数据库连接文件conn.asp。同时也可以编写连接程序代码,ASP连接Access数据库源代码如下:第5章 详细设计5.1 前台页面规划前台页面是给浏览者的第一印象,前台页面制作的好坏直接关系到用户使用的舒适度。所以,前台界面一定要简洁,操作直观,便于不同用户的使用。5.1

32、.1 页面构成前台主页index.asp为公司主页, 链接新闻页。新闻页主要设计成由index.asp,news.asp,search.asp,management.asp构成。index.asp是新闻页,search.asp是新闻搜索页面,admin_login.asp是管理登陆页,成功登陆进入management.asp管理页。管理主页index.asp由admin_main.asp和admin_lift.asp两个框架页构成。management.asp管理包括increase.asp(新闻添加页)、xiugai.asp(新闻修改页)、delete.asp(新闻删除页)、user.asp

33、(用户管理页)。Admin/news.asp为详细新闻浏览页。前台页面关系图如:图5-1所示图5-1 前台页面关系图5.1.2 页面布局由于设计时间上和技术上的关系,前台页面的布局格式和设计风格大体一致。页面由框架样式构成。大致可以分三个模块,顶部显示公司标志、标题、导航等。通过页面布局,对各个部分进行构建,最顶为logo标志和banner图片,紧贴下面排列显示各大类新闻的是顶部导航栏,顶部导航栏排列了各大类项目,新闻类别链接相关类别新闻。当点击“新闻管理”时,我们就进入了admin_login.asp管理登陆页面。同理点击其他大类会进入相关的大类页面。中间模块分为新闻内容,新闻标题、发布时间

34、、发布人等信息,点击新闻标题,可以进入详细新闻浏览页。底部模块也分为上下两个部分,最底部为“copyright”它标识本新闻发布系统的版权信息。上面部分的是“关于我们”“联系我们”“设为首页”“收藏此页”。为了下面几节描述的方便这里我定义中间模块的右侧区域为“主编辑区域”,其他部分为“模板区域”。5.2 具体页面设计系统是一个完整的站点,因此不仅需要前台页面的美观、大方,其他具体页面同样重要,各个页面要协调完整搭配,色彩保持一致,采用统一样式设计。5.2.1 页面样式设计页面样式的设计是站点设计的重要模块,要使站点各个页面协调完整,就要采用CSS样式规划。对站点页面进行布局,将页面分成几大功能

35、模块,如导航栏、主题部分、版权栏等。其实当要制作大量布局基本一致的网页时,使用CSS样式是最合适的。只要修改页面样式并更新文档内容,就可以快捷的制作站点页面。这样不仅节省了大量的时间和工作量,而且还使网站的整体设计风格保持一致。系统采用style.css样式设计,对页面统一布局,字体大小、字体颜色、背景颜色等,都是固定模式。使站点更完整协调,风格一致。5.2.2 首页设计前台页面是公司主页,顶部是公司LOGO和公司名称,中部分左右两块,左边是新闻图片浏览,采用FLASH将图片制作成幻灯片浏览形式。右边是公司简介与新闻页链接。顶部有版权信息,以及公司地址。同时,还运用了当前最流行的技术:访问流量

36、统计。对网站访问流量简单统计。首先,新建动态网页,运用布局对页面划分三部分,插入LOGO图标,与新闻图片浏览代码,实现新闻图片浏览的功能。版权信息的填写,以及访问流量统计代码的实现。以下是流量统计源代码:您是本站第位访客!前台首页如:图5-2所示图5-2 前台首页5.2.3 公司新闻页设计当点击“企业新闻”链接时,进入新闻页,新闻页也包括三部分,顶部是LOGO图标,下面是新闻类别显示,以及“新闻管理”链接,搜索导航。中部显示新闻信息,新闻标题、上传时间、发布人。底部有版权信息、公司地址、以及导航条“关于我们”“加入收藏”“设为首页”“联系我们”等。以下是实现导航栏功能源代码:全部新闻%set

37、rs=server.createobject(adodb.recordset)rs.open cate,conn,1,1do while not rs.eofresponse.write(| &rs(catename) )rs.movenextloop%| 新闻管理公司新闻主页显示如:图5-3所示图5-3 新闻主页同样,设计“新闻列表”要先插入一个1行3列的表格,然后定义一个记录集rs_news,同时绑定相应字段即可。当然也可以直接复制先前的rs_news记录集到此页的帮定面板中。另外在列表框下面制作一个“新闻导航条”,主要包括:控制一页显示新闻数(新闻到M条(总

38、共N条))和翻页按钮(第一页、上一页、下一页、最后页)。制作方法:使用应用程序工具栏的记录集分页按钮和记录集导航状态按钮即可。以下是“新闻导航条”的源代码:% If MM_offset 0 Then %a href=第一页% End If end MM_offset 0 % If MM_offset 0 Then %a href=前一页% End If end MM_offset 0 %a href=下一页a href=最后页5.2.4 管理登陆页设计前台与后台的联系就是通过顶部导航条的“后台管理”超链接的。点击该链接后直接进入“后台登陆页面”(adminlogin.asp)。后台登陆页面如:

39、图5-4所示 图5-4 后台登陆页面该页面主要设有2个文本域(帐号、密码)和2个提交表单(确定、重置)。当帐号密码输入正确时,点提交表单按钮时就进入“后台管理”页面了。否则返回至“后台登陆页面”。整个页面背景采用浅色,表单使用蓝色背景,表单文本域呈白色。系统管理员通过用户名、密码登陆后台管理,当用户名或密码错误时,系统提示“用户名或密码错误,请重新输入”。成功登陆后,系统将跳转到后台管理页面。5.2.5 后台管理页面设计后台管理页面设计为框架形式,由admin_main.asp和admin_lift.asp两部分组成,admin_main.asp显示管理信息,如:添加新闻、管理新闻、类别管理、

40、用户管理、退出管理。各类管理都分别链接管理页面,如添加新闻页increase.asp、管理新闻页xiugai.asp、类别管理页cate.asp、用户管理页user.asp,点击“退出管理”将返回管理登陆页。页面左部采用导航形式,蓝色背景,浅色按钮导航,可以快速的跳到管理页面。右部使用粉红色框架,文档部分采用白色背景,显示欢迎信息和系统注意事项,右下角是版权信息。页面样式与其他页面色调一致,实现了系统相应的各项功能,符合系统整体布局。后台管理页面如:图5-5所示图5-5 后台管理页以下是页面框架组合的代码:5.2.6 新闻添加页设计新闻添加页面的设计采用后台管理页框架结构,左边部分是管理导航块

41、。右边部分新建表单块,添加表单内容,包括新闻标题、新闻类别、上传人、相关图片、新闻内容。同时,在新闻标题、上传人、相关图片后添加文本框,在新闻类别后添加下拉菜单按钮,下拉菜单中包含新闻类别名称字段。上传相关图片时,可以直接在文本框中输入路径地址,也可以点击文本框后浏览按钮,选择待上传的图片,然后提交。新闻内容是文本域,设置下拉菜单和按钮,可以设置文字字体、字体大小、字体颜色,以及加粗、斜体、加下划线、对齐格式等。在表单底部添加提交和重置两个按钮,通过提交按钮,可以将表单信息提交至后台数据库,数据库存储信息,并更新。当表单填写有误时,可以通过重置按钮,重新填写。值得注意的是,新闻标题文本框后,添

42、加了一个复选框,注明“附图”。当勾选复选框时,表明上传的图片将随新闻内容在详细新闻页显示。相反,则不显示图片。新闻添加页如:图5-6所示图5-6 新闻添加页5.2.7 新闻管理页设计新闻管理页是系统管理员对新闻进行管理操作的界面,实现新闻修改与删除新闻的功能。整个页面分为两部分,左边框架部分已在后台管理页设计中说明。右边部分是一个多行四列的表。首先,绘制一个两行四列的表,列标题分别为:新闻编号、新闻标题、新闻类型和操作。在Dreamweaver中,选择“插入”菜单中“应用程序对象”项,设置表格的重复区域,添加“记录集导航条”。同时,可以设置“显示记录集”个数,系统将根据设置,在每页显示固定的新闻条数。新闻编号表示添加的新闻编号,新闻标题按照升序排列显示。新闻类型栏显示新闻所属新闻类别编号。操作栏表示管理员可以对新闻进行的操作。其中包含:修改、删除。当点击修改时,页面将跳到新闻修改页,可以修改新闻标题、新闻类别、新闻上传人、相关图片、新闻内容以及字体格式,修改完成确定后,新闻的更新信息保存至数据库。当点击新闻标题后的删除连接时,将跳转到一个新的页面,提示“删除成功,两秒钟后返回”,此时相对应的新闻内容已从数据库中删除。当系统管理员完成新闻管理后,点击“退出登陆”按钮,系统将自动返回后台登陆页面。新闻管理页如:图5-7所示图5

展开阅读全文
相似文档                                   自信AI助手自信AI助手
猜你喜欢                                   自信AI导航自信AI导航
搜索标签

当前位置:首页 > 学术论文 > 毕业论文/毕业设计

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服