信息服务网站的设计与实现.doc

上传人:laozhun 文档编号:3935120 上传时间:2023-03-28 格式:DOC 页数:33 大小:1.24MB
返回 下载 相关 举报
信息服务网站的设计与实现.doc_第1页
第1页 / 共33页
信息服务网站的设计与实现.doc_第2页
第2页 / 共33页
信息服务网站的设计与实现.doc_第3页
第3页 / 共33页
信息服务网站的设计与实现.doc_第4页
第4页 / 共33页
信息服务网站的设计与实现.doc_第5页
第5页 / 共33页
点击查看更多>>
资源描述

《信息服务网站的设计与实现.doc》由会员分享,可在线阅读,更多相关《信息服务网站的设计与实现.doc(33页珍藏版)》请在三一办公上搜索。

1、本科毕业论文亿农循环农业模式中信息服务网站的设计与实现亿农循环农业模式中信息服务网站的设计与实现摘 要随着信息技术的快速发展,人民生活水平的提高,计算机网络已经成为重要的传媒平台。建设以信息技术、计算机技术、网络技术支持的亿农蚯蚓低碳循环农业模式中的信息服务体系,能够快速推广这项低碳农业发展技术,让农民得到实惠。本文阐述了基于ASP技术和Access数据库技术的亿农循环农业模式中信息服务网站的设计与实现过程,通过数据库,来整合相关技术推广的推广模式和已有的成功案例,为广大循环农业技术推广者和对技术获取有需求的农户提供方便。关键词:循环农业;信息系统;ASP;Access;蚯蚓 Agricult

2、ure circulation in the mode of the agriculture information service system constructionAbstractWith the rapid development of information technology, the improvement of peoples living standard, the computer network has become an important media platform. Constructing with the information technology, c

3、omputer technology and network technology support ing by earthworms low carbon cycle agriculture agricultural patterns in the information service system. It can rapid promotion of the low carbon agricultural development technology, It can benefit farmers. The article expounds the technical and based

4、 on ASP Access database technology of agriculture in farmers mode of information service system construction of the design and implementation of process. Throughing the database,to integrate technology related to the promotion of the promotion mode and the existing successful cases, It is convenient

5、 to agricultural technology for the general circulation promoter and technology acquisition of the needs of farmers with ease. Key words: Circulating agricultural ; Information management ;Asp;Access; earthworm目 录1 绪论- 1 -1.1 开发背景- 1 -1.2 亿农循环信息服务网站建设的目的及意义- 2 -1.3 系统概述- 2 -2 系统分析- 3 -2.1 可行性分析- 3 -

6、2.1.1 可行性分析的意义- 3 -2.1.2 经济可行性分析- 3 -2.1.3 技术可行性分析- 3 -2.2 需求分析- 4 -2.2.1 功能性需求分析- 4 -2.2.2 非功能性需求分析- 4 -3 技术介绍- 5 -3.1 ASP技术简介- 5 -3.1.1 ASP技术的运行模式- 5 -3.1.2 ASP技术的工作原理- 5 -3.2 ASP技术特点- 6 -3.2.1 动态网页设计- 6 -3.2.2 动态数据查询- 6 -3.2.3 ASP访问数据库- 7 -3.3 数据库技术- 8 -3.3.1 网络数据库- 8 -3.3.2 数据库接口- 8 -3.3.3 网络数据库

7、运作机制- 8 -4 网站设计- 9 -4.1 系统总体设计- 9 -4.1.1系统架构分析与设计- 9 -4.1.2系统管理维护设计- 9 -4.1.3 工作管理模块设计- 13 -4.2 网站形象设计- 14 -4.2.1 风格- 14 -4.2.2 标准字体- 15 -4.2.3 装饰图案- 15 -4.2.4 交互方式- 15 -4.3 网站布局- 15 -4.3.1 层叠样式表- 15 -4.3.2 表格布局- 15 -4.3.3 框架布局- 15 -4.3.4 选择三种布局方式综合应用原因- 16 -4.4 数据库连接设计- 16 -5 系统测试与评价- 17 -5.1主要功能界面

8、- 17 -5.1.1 首页模块- 17 -5.1.2在线留言模块- 17 -5.1.3 产品显示模块- 18 -5.2后台管理模块- 18 -5.2.1 用户登录模块- 19 -5.2.2、后台管理首页- 21 -5.2.3 新闻管理模块- 22 -6 结束语- 23 -致 谢- 24 -参考文献- 25 -附 录- 26 -附录I 后台登入服务功能代码- 26 -附录II 后台登陆代码- 26 -1 绪论1.1 开发背景2007年5月,中国政府发布了应对全球气候变化的根本大法中国应对气候变化国家方案,2009年12月中国政府正式对外宣布控制温室气体排放的行动目标,决定到2020年单位国内生

9、产总值CO2排放比2005年下降40%45%,作为约束性指标纳入“十二五”及其后的国民经济和社会发展中长期规划,在维护第三世界发展权和承担自己的国际义务方面走在世界的前沿。从1995年开始的联合国气候变化框架公约到1997年京都议定书签署,再到2009年哥本哈根全球气候会议通过了一份不具法律约束力的协议,围绕包括低碳农业在内的低碳经济世界博弈将长期存在和发展,并将对今后世界多极化格局产生决定性影响。不言而喻,我国节能减排低碳经济工作,工业系统固然要勇挑重担,但是,“三农”工作系统同样责无旁贷。这是因为农业作为国民经济的基础产业,是一个重要的温室气体来源,同时又受到温室效应的严重影响(杨晓红等

10、2010)。改革开放30多年我国农业取得了世界瞩目的发展,这种发展是以高耗能,高污染和高排放的农业发展模式取得的,在世界高度关注农业环境污染,农业节能减排的时代,我们的农业发展也面临着转型问题。那么怎样才能实现把高耗能,高污染,高排放的农业发展模式,转型为低耗能,低污染,低排放的低碳农业发展方式上来呢?实践证明,开发蚯蚓产业,发展以蚯蚓为循环中介的低碳循环农业是解决现代化学农业造成的能源消耗、环境污染,温室气体排放等影响农业可持续发展难题的有效途径之一,亿农循环农业合作社正是这样的一家单位。蚯蚓是多功能的生物资源,它对改善生态环境,发展低碳循环农业具有重要作用。通过人工养殖,可使农,牧业的废弃

11、物及食品工业的废渣,经过蚯蚓强大的生物转化能力,把作物秸秆,废渣,和禽畜粪便中的氮源迅速转化合成为动物蛋白并减少粪便,废渣堆积产生的氨,甲烷,二氧化碳,硫化氢对环境的污染。蚯蚓在转化氮源的同时,;利用秸秆,废渣,禽畜粪便中的有机炭素作为自身活动的动能,把以上物质改造成为具有饲料性质,肥料性质,培养料性质的生物原料蚯蚓粪(李晓明等 2011)。与此同时,随着计算机技术的日益发展,农业信息化已经成为新型农业发展的必然趋势。为了满足亿农循环技术推广者及农户对对信息服务日益增长的需求,亿农循环农业模式中信息服务体系建设就变的势在必行了。然而,长期以来由于缺乏一个有效的信息渠道,一些很好的循环模式便不能

12、实现。有很多技术人员都表示受困于没有一个专门的信息推广和信息发布平台,他们自己长期积累研发的循环模式不能和其他专家进行沟通,交流,学习,因此阻滞了循环农业发展的进程。另外,农户缺乏一个循环农业业信息获取的平台,不能及时了解到更科学的循环模式及相关行业技术信息,迫使蚯蚓低碳循环农业的推广和规模化受到极大限制,一些农户因为甚至遭受不法分子的欺诈造成经济损失。1.2 亿农循环信息服务网站建设的目的及意义建立该系统的目的,一方面是为技术专家和推广人员提供了信息发布和技术推广的平台;另一方面是为广大农户提供了大量的相关信息和技术支持。亿农循环农业网的建立,不仅能够帮助推广人员更好、更快、更高效的推广蚯蚓

13、低碳循环模式,而且农户也可以及时的了解到最新行业信息,从而实现科学、高效的现代化规模养殖。1.3 系统概述系统采用B/S结构,具有开发简单、共享性强、维护简单、业务扩展方便、可以随时随地进行查询,浏览等业务处理优点。系统建立在实际网站开发的基础上,重点研究并解决了以下几个问题:(1)分析网站设计整个的业务流程,设计并实现了管理员登陆,发布产品信息,访客留言、QQ留言、招聘信息发布、新闻发布等相关功能模块。(2)本网站以B/S结构下的Web应用的开发模式为研究的基本出发点,采用多层次体系结构,深入剖析了该结构的内部运行机制,从而进行有效的整合,以设计出一个灵活、可扩展且数据传递及时、重构性好的信

14、息网站。2 系统分析2.1 可行性分析2.1.1 可行性分析的意义可行性分析的任务是明确应用项目的开发的必要性和可行性。这项工作需建立在初步调查的基础上,如果管理人员对信息系统的需求不很迫切,或者条件尚不具备,就是不可行。由于资源、技术以及时间等诸多限制,使得基于计算机系统的开发变的并不那么顺利。因此,对软件项目的可行性进行细致和谨慎的评估是十分必要的。系统的可行性分析是指在开发系统之前从技术、经济等方面对系统是否可行而进行的全面分析。若能及早发现将来在开发过程中可能遇到的问题,并做出决定,就可以避免大量的人力、财力、时间上的浪费。2.1.2 经济可行性分析本系统在开发的过程中所需的软件系统有

15、:Dreamweaver CS3、Photoshop、Access、Access数据库管理系统等。硬件环境包括:微型计算机。作为毕业设计,这些软硬件环境在我们的计算机教学机房已经具备,不需要额外购买。系统开发的人员为本届毕业生,不需要人员工资开销。在网站建设完成后,可在本机上进行测试,可以发布到学校的服务器上应用,无需额外的开销。而本网站建成后,杨凌地区的亿农循环合作社将会投入使用,会有真正需要的使用人群。因此,从经济的角度来说,开发杨凌亿农循环农业网站是可行的。2.1.3 技术可行性分析随着现代科技的不断发展,特别是数据库技术和互联网技术的广泛应用,以及高效、稳定的WEB服务器的出现,越来越

16、多的动态网站应运而生。应用现有的动态网站开发技术以及数据库开发技术,完全能够胜任该网站的开发。因此,开发亿农循环农业网站的技术条件具备。其开发环境如下:(1)操作系统:Windows XP(2)主要技术:Asp技术(3 数据库平台:Access(4)系统开发工具:FrontPage2000、Asp Studio(编辑器)、Macromedia Dreamweaver(5)系统结构:B/S结构2.2 需求分析2.2.1 功能性需求分析同亿农循环合作社技术人员多次当面沟通和现场勘察后,该网站应具有以下功能:(1)能够有网页管理模块,便于日后网页的管理维护。(2)能够发布本行业的新闻和信息。(3)能

17、让农户通过各种渠道联系到技术人员。(4)能够进行网络人才招聘。(5)能够展示该行业的行业气质。2.2.2 非功能性需求分析除了上述功能性需求外,网站还要考虑一些非功能性需求。因此网站还要完成以下任务。(1)性能需求。性能方面的需求主要是指网站的交互响应时间,以及在同一时间能够并发响应并处理的用户请求的数量。这两项指标对于一个平台来说在特定硬件环境下,当然是越高越好,影响这些指标的因素很多,比如平台的架构、数据库访问技术等等。(2)安全性需求。数据库安全是整个网站安全的重要环节,要保护数据库防止不合法的使用,避免数据被有意无意的泄露、丢失和恶意修改。(3)可移植性需求。随着计算机技术的普及与发展

18、,用户对平台接口要求也在逐步扩大。因此一个网站要实现真正意义上的跨平台运行。3 技术介绍3.1 ASP技术简介3.1.1 ASP技术的运行模式ASP (Active Server Pages)是微软公司推出IIS的一个组件,ASP实际是一种在服务器端开发脚本语言的环境,如图3-1所示。利用它可以开发出动态、交互、高性能Web服务器端的应用,且能较容易实现复杂的Web应用。利用ASP开发的脚本程序全部运行在服务器端,与用户所采用的浏览器无关,从而极大地减少了对客户端的要求。其工作原理是:浏览器从Web服务器调用ASP文件(一种文本文件),服务器端的脚本引擎对每一条脚本语句解释执行,再把执行的结果

19、生成HTML文件传给客户端(王松 2003)。图3-1系统物理结构图3.1.2 ASP技术的工作原理当浏览器通过HTTP协议向web服务器申请一个由*.asp定义的页面时,web服务器响应HTTP请求,用ASP引擎解释被申请文件。当遇到ASP脚本命令时,ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。ASP提供两种脚本引擎,即VBScript引擎和JavaScript引擎,若要使用其他脚本语言,需要在web服务器上另外安装相应的脚本引擎;当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时,ASP引擎启动相应的组件完成指定的功能。若ASP文件含有

20、访问数据库的请求,ASP内置组件ADO(ActiveX Date Object)通过ODBC与数据库连接,对数据库进行访问,并将访问结果返回web服务器(柳瑞禹等 2000)。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分,与文件中原有的文本和HTML标记一起组成标准HTML页面送至客户端浏览器。ASP工作原理如图3-2所示。图3-2 ASP工作原理图3.2 ASP技术特点3.2.1 动态网页设计所谓“动态”其含义大致包含以下两方面:(1)“交互性”即网页的内容会根据用户的要求和选择而动态响应或改变。(2)“自动更新”即无需手动更新HTML文档,便会自动生成新的页面,可以大大节省工

21、作量。根据用户请求生成动态网页的传统技术方案主要有三种:(1)最早的渠道是利用CGI(Common Gateway Interface),即通用网关接口;(2)利用web服务器厂商提供的专用接口如:ISAPI,NSAPI;(3)利用JAVA访问数据库(JDBC)。这三种方案存在一个共同的问题,就是开发困难,程序的开发和HTML写作是两个完全不同的过程,需要专门的程序员开发。ASP技术的出现使web动态网页设计成为一件轻松愉快的工作。只要几行脚本语句,就能将后台的数据库信息发布到Internet上,在编程和网页脚本的可读性方面大大优于传统的技术方案。ASP文件是一种嵌入了可在服务器端执行脚本的H

22、TML文档,与ASP兼容的web服务器执行这些脚本,现场生成相应的HTML语言成分,与网页中原来的HTML语言合成到一起,共同作用到前端。一个ASP文件就是一个文本文件,其中包含Text(文本)、HTML Pags(HTML标记)和Script命令(张玉孔 2007)。3.2.2 动态数据查询为了把从数据库中获得的数据显示在客户端浏览器中,需要在ASP文件中加入Table对象。Table对象可以用来显示从Server端数据库中通过SQL查询得到的记录。使用FrontPage2000等可视化工具可以方便地对*.ASP文件进行用户界面的设计。包括添加Table对象、动态GIF文件等。3.2.3 A

23、SP访问数据库访问Web数据库的技术有以下几种方式:公共网关接口CGI(Common Gateway Interface)、Internet Server 应用程序编程接口ISAPI(Internet Server Application Programming Interface)、Java、Plug-in(插件)和ASP技术。这些技术都是为了克服HTML静态页面发展起来的。ASP是一个基于Web服务器的脚本开发环境,在ASP平台上可开发和运行动态的、交互的、高性能的Web服务器应用程序。ASP提供了功能强大的六个内置对象和五个内置组件:(1)内置对象 Request(请求):从前端用户取得

24、信息。 Response(响应):将信息送给前端用户。 Server(服务器):提供Web服务器工具。 Session(会话):储存在一次会话内的用户信息,仅被该用户访问。 Application(应用):管理所有的会话信息,供所有用户共享。 ObjectContext(对象上下文):配合Transaction服务器进行分布式事务处理。前三个很常用,Request和Response是用来实现web Server与浏览器交互。Request的一个重要方法是Form(),其作用是提取浏览器的用户输入信息。如下面的语句可以取得用户填在文本框里面的内容:RequestForm(“nane”)显然,这比

25、CCI等方法所需要的复杂编程简单多了。而输出要用到Response的一个重要方法Write,如:“Response.write our message”该语句向浏览器输出了一条消息。(2)内置组件 数据库存取组件:ASP提供ADO来存取具有ODBC标准的数据库。 广告轮显组件:用来维护、构建Internet广告。 浏览器兼容组件:将浏览器的功能数据提供给服务器,以便送出适合于各种浏览器的Web页面。 文件存取组件:提供文件读写的工具。 文件超链接组件:提供对Web页面的管理。3.3 数据库技术3.3.1 网络数据库现在随着Internet的重要性日渐明显,但并没有根本改变数据库系统的作用。因为

26、虽然数据库系统是最高效的信息储存方式,但网络已被证明是在大范围内共享数据库的最高效方式。因此可以说网络和数据库系统是优势互补的技术。为有效地利用这种优势互补,网络上大多数网站都大量地使用了数据库访问技术。3.3.2 数据库接口Internet本身就是世界范围内庞大的信息数据库。而Web、接口与数据的结合使得数据库应用网络而便于操作和控制远程数据库交互及管理。网络数据库交互不像生产自动化控制系统,一般不要求实时,这就更好地忽略了网关接口的一个主要缺陷,即不能持续连接,当查询的结果被回送到远端客户的浏览器之后连接就随即断开;因而数据库本身的大小并不成为影响事务传输速率的主要因素。基于Web应用的网

27、络数据库类型大致有文本数据库、Web数据库和大型数据库几个。数据库接口是实现Web与数据库的高效无缝链接的桥梁。用户一般都使用Web表单来对数据库操纵。对于数据库交互,表单出发的前端从表单收集数据。分析数据,最后从数据库提示查询,如果是一个文本数据库,这个前端也同时是后端,它要完成数据库查询与翻译,并回送结果给客户机,如果是使用数据库管理,前端把查询放入一个表单中,然后送入数据库服务器,后端CGI负责查询结果,并应答用户,也可以将前后端集中在一个脚本里,通过创建进程实现;在Windows下则需要采用OLE组件技术或其他与程序之间的通信手段。3.3.3 网络数据库运作机制(1)数据传输流程用户在

28、客户端按下FORM上的Submit按钮或是按下链接,告知浏览器完成输入后,浏览器将客户端输入的信息提交WWW Server,Server启动寻找指定的交互程序并将包装过的参数传入;接口程序依照传入参数完成指定的工作。(2)资料传递方法Server将用户资料传给交互程序之前,先要将不同资料转换为各种环境变量以供程序使用。这些环境变量是在Server端执行接口程序时被设定。实现交互亦即处理Web表单的方法通常有三种,POST,GET和HEAD。(3)输出数据是交互流程的最后一部分,而送出的信息不只一种形态。为了使Web服务器识别,在送出资料前,必须先送出特定的额外信息。4 网站设计4.1 系统总体

29、设计4.1.1系统架构分析与设计基于ASP技术的亿农循环农业网站采用B/S模式,系统架构如图4-1所示。Web浏览器为用户层,是用户与系统间交互信息的窗口。它的主要功能是指导用户访问已定义好的服务,显示用户输入的检索数据以及系统输出信息。Web层属于Web框架层,主要功能是搭建Web服务,提供信息显示方式。业务逻辑层,主要功能是提供系统与应用逻辑有关的各种服务构件,负责处理前端用户层的应用请求,并将处理结果返回给用户。数据层,负责管理与处理各类信息数据。该层主要通过应用层组件为前端用户层提供数据来源。图4-1 系统架构4.1.2系统管理维护设计系统主要由四部分组成,各部分的功能介绍如下:(1)

30、 输入模块主要实现用户留言、用户在线应聘、管理员会三个相关数据的输入。(2)编辑模块实现系统中各个信息的添加、修改、删除功能。(3)管理模块管理员对网站信息进行编辑修改。(4)系统的数据库实现系统具有一个中央数据库,信息不仅可以提供给系统管理人员,也能以同样的方式在不同的用户间组织和分类。通过使用系统提供的唯一数据库访问方式,可以确保所有的用户都以一致的方式传递信息,因此系统内部的信息能够实时而轻松的进行查询。奶山羊种质资源信息系统的底层数据库包含系统管理员、所有系统相关信息、信息分类形式、留言及回复等基本相关信息。 数据库管理系统的选择Microsoft公司的Access只能运行在Windo

31、ws系列操作系统上,并行实施和共存模型并不是十分成熟,伸缩性也比较有限。但是Access给用户提供了非常友好的用户界面,操作简单。Microsoft Access在很多地方得到广泛使用,例如小型企业,大公司的部门,和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的WEB应用程序这些应用程序都利用ASP技术在Internet Information Services运行。 系统的数据信息表设计用户信息表如表4-2所示,字段包括用户编号(主键),用户信息等。表4-2系统管理员信息表字段名称类型说明UserID自动编号主键,注册用户IDUserName文本注册用户名Pas

32、sword文本密码Question文本密码提示问题Answer文本提示问题答案Email文本EmailSex文本性别CompanyName文本公司名称Add文本收获地址Postcode文本邮编Receiver文本收货人Phone文本电话Mobile文本移动电话Fax文本传真RegDate日期/时间注册日期LoginIP文本登陆IPlogins数字登陆次数Homepage文本用户主页LastLoginTime日期/时间上次登录时间LockUser是/否是否锁定用户系统新闻信息表如表4-3所示,字段包括新闻编号(主键),新闻标题,新闻内容,新闻大类,新闻小类等。表4-3系统新闻信息表字段名称类型说

33、明ID自动编号主键,新闻编号Title文本新闻标题Content备注新闻内容Big Class Name文本新闻大类Small Class Name文本新闻小类First Image Name文本图片名称User文本发布人AddDate日期/时间录入时间Hits数字点击数Ok是/否是否发布公告标题表如表4-4所示,字段包括信息编号(主键),公告标题等。表4-4系统信息分类表字段名称类型说明Id自动编号主键Title文本公告标题Content备注公告内容Time文本添加时间Entitle文本英文标题EnContent备注英文内容大类信息表如表4-5所示,字段包括大类编号(主键),大类名等。表4-

34、5专家信息表字段名称类型说明BigClassID自动编号主键,大类编号BigClassName文本大类名BigClassName文本英文大类名留言信息表如表4-6所示,字段包括留言编号(主键),留言者姓名,留言者邮箱,留言内容,留言时间。表4-6留言信息表字段名称类型说明Id自动编号主键,留言编号username文本留言者姓名email文本留言者邮箱typename文本留言内容addtime日期/时间留言时间回复信息表如表4-7所示,字段包括回复信息编号(主键),回复内容,回复时间,恢复编号。表4-7专家回复信息表字段名称类型说明id自动编号主键,回复信息编号reply文本回复内容replyt

35、ime日期/时间回复时间Replyid数字回复编号(5)后台登陆系统的Web框架实现信息管理系统采用Struts framework,下面介绍如何实现登入业务。后台登入业务逻辑图如图4-8所示。图4-8 后台登入业务逻辑图 创建登入页面login.asp登入页面中与struts相关的信息主要是标签之间的信息分别有标签的action属性值,用户名和密码标签与的property属性值,其中action属性值表示业务服务名称, property属性值表示该输入组件名称。 创建ActionForm Bean组件新建LoginForm类,使之继承org.apache.struts.action.Acti

36、onForm抽象类。该类中有2个String类型的属性:用户名和密码。这2个属性名称必须同login.asp中property属性值相对应。该类中必须是有各属性的getter与setter方法。除此之外还可以有reset以及validate方法,在validate方法中验证表单输入是否为空,若为空这输出相应的出错提示信息。创建LoginForm类后,必须在struts-config.xml中进行声明。 配置ActionForm Bean信息管理系统中其他业务的实现类似于登入业务。主要是ActionForm和Action这2个组件不同以及相应的配置信息有所差别。login.asp、LoginFo

37、rm类和LoginAction类的部分功能代码见附录I。4.1.3 工作管理模块设计工作管理模块的功能框图如图4-9所示。图4-9 工作流管理模块功能图图3-3 工作流管理模块功能图4.2 网站形象设计4.2.1 风格以绿色和银灰来勾缀网页,将农业的朴实和科技的现代感结合起来4.2.2 标准字体导航栏字体为“宋体”14px;正文字体为“宋体”12 px,页面内容区字体为“宋体”18 px。4.2.3 装饰图案网站暂时使用花草和山水图片来做装饰,因相关图片材料还未到位。4.2.4 交互方式建立数据库,网站浏览者通过留言,可以发布信息,和在线应聘;并提供QQ的在线线直接交谈,网站管理者通过后台登陆

38、,可以管理网站各个新闻模块,更新新闻,管理留言和应聘,管理网页布局等。4.3 网站布局网站设计过程中一般采用的布局方式有三种,层叠样式表、表格布局、框架布局。下面对这三种布局方式进行简单的介绍,并给出了网站综合采用三种布局方式的原因。4.3.1 层叠样式表层叠样式表(CSS)是W3C组织新近批准的一个辅助HTML设计的新特性,它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。4.3.2 表格布局表

39、格布局已经成为一个标准,随便浏览一个站点,它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是,当我们用了过多表格时,页面下载速度受到影响。对于表格布局,可以随便找一个站点的首页,然后保存为HTML文件,利用网页编辑工具打开它(要所见即所得的软件),我们会看到这个页面是如何利用表格的。4.3.3 框架布局框架结构是一个好的布局方法。它如同表格布局一样,把不同对象放置到不同页面加以处理,因为框架可以取消边框,所以一般来说不影响整体美观。4.3.4 选择三种布局方式综合应用原因本站设计

40、过程中主要使用表格来布局,页面中文本的字体颜色设置使用了CSS样式,在子页面的设计又使用了框架布局。主要采用表格,优势在于它可以对不同对象进行处理,而不必担心不同对象之间的互相影响,且在定位图片和文本上比用CSS更方便,比框架布局更美观。在进行页面的文本设置时使用了CSS格式,这样整个网站看起来不会凌乱不一。子页面的设计中,因为子页面的布局格式基本一致,所以采用框架布局,简单方便。4.4 数据库连接设计按照数据库设计的要求建立相应的数据库,并完成相应表格的创建。数据库连接文件conn.php是一个共享文件,在多个.php文件中都将被使用,其核心代码如下:dim connstrdim dbdb=

41、./Databases/%#$#FDS#$%#.asp 数据库文件位置on error resume nextconnstr=DBQ=+server.mappath(&db&)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);set conn=server.createobject(ADODB.CONNECTION)if err thenerr.clearelseconn.open connstrend iffunction jincheng (p)jincheng=p-100000000000000end functionsub Clo

42、seConn()conn.closeset conn=nothingend sub5 系统测试与评价5.1主要功能界面5.1.1 首页模块 1.系统首页导航栏如图5-1所示,导航栏分为9个一级导航菜单,本系统所要宣传的详细信息是通过这九部分来显示;在导航栏下方显示的是成功案例、亿农循环简单介绍、产品展示的信息信息(见图5-2),在首页下方系统提供了联系我们和友情链接两个功能,只有添加对方为好友的时候才可以和对方通过QQ交谈,否则可以通过留言或者服务电话热线联系对方;友情链接模块,是链接到各大网站,便于客户使用。图5-1 网络头图图5-2 网络布局图5.1.2在线留言模块 留言模块主要功能是,搜

43、集客户信息,如果客户对我们的产品或服务有任何意见和建议可以给我们留言,用户无需注册可直接留言,如图5-3所示,是在线留言的界面。图5-3 留言功能图5.1.3 产品显示模块 在产品显示模块如图5-4所示,网页左侧用梳妆结构显示产品名称,双击左侧产品名称,将会在当前网页中显示出相应产品的详细信息。实现产品树状结构显示的代码如下: 图5-4 产品展示图其它6个模块实现过程在这里就不一一赘述了。5.2后台管理模块 后台管理模块和前台的信息结构一致,在本文中主要讲解后台管理中的用户登录、后台首页、新闻管理模块,其他模块就不一一赘述了。5.2.1 用户登录模块用户登录模块如图5-5所示,当打开后台登录界

44、面,系统将自动获取验证码,管理员用户可登录后台管理系统,在登录过程中如果用户名、密码或者验证码不正确,系统将不允许登录,并进行错误提示。图5-5 后台登陆框在登录界面,获取验证码的代码:%Option ExplicitResponse.buffer=trueNumCodeFunction NumCode()Response.Expires = -1Response.AddHeader Pragma,no-cacheResponse.AddHeader cache-ctrol,no-cacheOn Error Resume NextDim zNum,i,jDim Ados,Ados1Random

45、ize timerzNum = cint(8999*Rnd+1000)Session(CheckCode) = zNumDim zimg(4),NStrNStr=cstr(zNum)For i=0 To 3zimg(i)=cint(mid(NStr,i+1,1)NextDim PosSet Ados=Server.CreateObject(Adodb.Stream)Ados.Mode=3Ados.Type=1Ados.OpenSet Ados1=Server.CreateObject(Adodb.Stream)Ados1.Mode=3Ados1.Type=1Ados1.OpenAdos.LoadFromFile(Server.mappath(.

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 办公文档 > 其他范文


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号