新疆特色干果网站设计与实现.doc

《新疆特色干果网站设计与实现.doc》由会员分享，可在线阅读，更多相关《新疆特色干果网站设计与实现.doc（22页珍藏版）》请在三一办公上搜索。

1、 本科生毕业论文新疆特色干果网站设计与实现姓 名: 学 院:计算机与信息工程学院 专 业:信息管理 班 级:信管 学 号: 指导教师: 职称: 目 录1 网站的基本情况11.1研究现状11.2网站发展趋势11.3适用人群22 相关技术介绍22.1 ASP介绍22.2 access数据库32.3 Dreamweaver简介33 网站设计分析43.1 网站功能描述43.2 系统功能模块划分43.3 系统流程分析54.系统设计实现74.1 主界面设计74.1.1 显示干果类别链接74.1.2 显示热点干果信息74.1.3 显示最新图片74.1.4 显示详细干果信息84.2 后台界面设计84.2.1

2、登录界面84.2.2 管理界面104.2.3 管理干果界面104.3 数据库的设计与实现115 后台管理模块设计125.1 管理员管理模块125.1.1 管理员管理界面135.1.2 管理员管理功能分析135.2 分类管理模块135.2.1 分类管理界面135.2.2 分类管理功能分析145.3 干果管理模块145.3.1 干果管理界面155.3.2 干果管理功能分析155.4 干果添加156 网站的难点分析及解决167 结论17致 谢18参考文献19新疆特色干果网站设计与实现 摘要：本文着重阐述了计算机课程辅导网站的整体开发过程。介绍了网站的开发环境以及开发工具，对于设计思想和设计流程也做出

3、了全面的叙述，在数据库创建思想以及各个数据表之间的具体关联等方面也做出了详细说明，并且具体剖析了系统各个功能的实现过程以及详细设计过程，在绘制简单系统功能模块图的同时，力求更加清晰地表明设计思想以及对整个程序设计的规划及具体实现。 根据实际需求，计算机课程辅导网站采用模块化的设计思想，在Windows XP操作系统环境下，搭建IIS5.0的ASP运行环境，通过使用VBScript脚本语言完成动态的、交互的web服务器应用程序，实现网上系统的主要功能，包括前台的浏览、查询信息，查看，；管理员登录后可以实现干果资料管理，干果资料及图片发布，批改干果资料；管理员在后台进行干果资料管理、修改资料，发布

4、资料等功能。 关键词：干果；模块化；网站网站设计(Web Design)是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址

5、相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的。1 网站的基本情况1.1研究现状网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显，还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征。1.2网站发展趋势几乎每个网络公司都在开展网

6、站建设业务，同时，因发展方向的不同，产生了三大块主体网站建设群体： 第一类，行业门户网站。许多行业门户网站，在其VIP会员服务项目当中，包含了为VIP企业会员提供网站建设的服务，像阿里巴巴、中国纺织网等公司，吸引了大批行业类的企业注册成为他们的VIP会员，获得包括网站建设和维护在内的多种服务项目。行业门户网站的企业建站服务占到所有企业网站建设服务市场的20%；这类网站以模板型居多。 第二类，网络综合应用服务公司。指提供包括网络基础应用服务（如域名、主机、邮箱）和网络增值应用服务（如网站建设和推广）等业务在内的综合应用服务公司，企业网站建设是重要业务之一，业务总量占到所有企业网站建设市场的60%

7、。像深圳九曲网等公司，通过网络综合应用服务业务的宣传与拓展，在业界具有良好的形象和口碑，提供的网站建设服务也普遍为客户所接受。 第三类，专业网站建设服务公司，以个性化网站建设业务为主，大多体现在制作出3D全景网站，FLASH全景网站等，突出个性化制作和客户长期跟踪服务，业务总量占到所有企业网站建设市场的20%。在这三类中，第一类行业门户网站需要长期的客户资源积累，大量的资本运作，操作起来资金门槛不低。而第三类专业网站个性化设计需要高端技术人才，从而提高了技术成本门槛。因此，真正在市场上拼杀的主力军就成了技术和资金门槛相对低很多的第二类：网络综合应用服务公司。1.3适用人群消费主张网站主要是为消

8、费者提供一个在网络上共享使用心得，为日后消费者提供借鉴的一个平台，所以适用于有消费方面信息需求的并且对因特网操作熟悉的广大消费者。2 相关技术介绍2.1 ASP介绍Active Server Pages“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBSc

9、ript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。ASP通吃各家浏览器由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高。如果我们在浏览器中直接查看网页的原始代码，就只能看到H

10、TML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、sqlserver、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。所以本设计选择了ASP结合dreameware8架构网站。在此期间本人将使用Dreamweaver 8进行ASP页面的编码，并使用

11、IIS5.1对页面进行调试。2.2 access数据库数据库是一种存储数据并对数据进行操作的工具。数据库的作用在于组织和表达信息，简而言之，数据库就是信息的集合。计算机的数据库可以分为两类：非关系数据库和关系数据库。关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语，像标题、关键字等。 Access是一种典型的开放式数据库管理系统，通过ODBC（开放式数据库互连）能与其他数据库（例如Oracle、Sybase、VisualFoxPro等）相连，实现数据库交换与共享。Access支持多媒体的应用与开发。在Access数据库中可以嵌入和链接，并通过OLE（对象链接与嵌入）技术来管理。

12、Access又被称为多媒体关系型数据库。Access即可以在单用户环境下工作，也可以在多用户环境下工作，并且具有完善的安全管理机制。Access内置了大量的函数，其中包括数据库函数、算术函数、文本函数、日期时间函数、财务函数等。用户可以利用这些函数在窗体、报表和查询中建立计算表达试。Access提供了多个宏。宏在用户不介入的情况下能够执行许多常规的操作。用户只要按照一定的顺序组织Access提供的宏，就能够实现工作自动化，这对于数据库最终用户是非常方便的。2.3 Dreamweaver简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器

13、，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firewo

14、rk或Photoshop来进行编辑与设定图档的最佳化。3 网站设计分析3.1 网站功能描述干果分类管理，关于干果的干果发布和留言板包括管理员管理、分类管理、干果分类管理、添加干果、查询、用户评论、留言管理等模块。具体描述如下：1、用户管理：(1) 添加用户；(2) 修改用户信息；(3) 删除用户。2、分类管理：(1) 添加干果块；(2) 修改干果分类；(3) 删除干果分类。3、管理干果：(1)显示各分类的信息；(2) 转移干果分类；(3) 修改干果信息；(4) 删除干果信息。4、添加干果：(1) 添加干果的内容、标题、图片、发布等。 -5、分类管理：(1) 删除分类；(2) 编辑分类。3.2

15、系统功能模块划分从功能描述的内容可以看到，本实例可以实现6个完整的功能。我们根据这些功能，设计出系统的功能模块，如下图3-1所示。 干果网站用户管理分类管理添加干果管理干果搜索安全退出图3-1 发布系统功能模块示意图干果发布系统的功能模块之间的关系如下图3-2所示。后台系统 提供数据干果管理前台系统数据库基本信息发布留言查询浏览图3-2 发布及管理系统的功能模块关系图在本网站中，管理员管理模块的功能比较简单、只有添加、修改、删除功能。管理员管理功能模块的关系如下图3-3所示。 用户管理添加、修改、删除管理员信息用户图3-3 用户管理功能模块的关系图3.3 系统流程分析为了使读者进一步了解本实例

16、系统的设计，本小节将对系统进行流程分析。管理系统的工作流程都是从用户登录模块开始，对用户的身份进行认证。身份认证过程：确认用户是否是有效的系统用户，此过程决定用户能否进入系统。本系统分为前台系统和后台系统及留言三个部分。前台系统不需要进行身份认证，任何人都可以通过浏览器阅读已经发布的干果、发表网友评论。管理员拥有所有的操作权限，后台系统的流程分析如图3-4所示。开始用户登录失败重试管理所有用户的信息管理干果类别，发布信息，所有干果信息的管理管理员 图3-4 后台系统的流程分析留言系统的流程分析如下图3-5所示。开始用户登录失败重试删除留言发布留言、回复留言管理员普通用户图3-5留言板的流程分析

17、4.系统设计实现 4.1 主界面设计本主界面为index.asp，它的功能是显示干果类别,热点干果中的9条干果和最新干果，站点焦点，并提供进入管理界面(admin_login.asp),留言板的链接。它是由top.asp,buttom.asp,left.asp这些模块组成。4.1.1 显示干果类别链接此模块是由top.asp页面所包含，主要是显示各个干果类别里的干果标题及链接。它根据数据库里干果类别的多少动态生成的。Top界面如下图4-1所示。图4-1 Top.asp界面4.1.2 显示热点干果信息此模块是由left.asp 页面所包含，它是以点击率为标准显示点击率前4条干果并且还带有干果搜索

18、的功能。在index.asp 页面中只用了 代码来直接访问left.asp页面。如果热点干果较多，则网页会被拉长，给用户阅读带来不便，为了解决这个问题，本系统使用了更多这个功能。干果太多和干果标题太长也会给用户阅读带来不便，在此用了截取功能即限定了干果的条数和干果标题的长度。4.1.3 显示最新图片此模块主要是显示最新的图片：显示图片及图片链接和各类干果信息的焦点。界面如图4-2所示。图4-2最新信息界面4.1.4 显示详细干果信息此模块显示每条干果的详细内容、标题、浏览次数、发布时间等。评论采用了。显示详细窗口如图4-3所示。图4-3 显示详细界面4.2 后台界面设计4.2.1 登录界面在对

19、系统进行管理之前，需要通过系统的身份认证。本站中使用chklogin.asp进行身份验证。只有用户名和密码正确才可以进入管理界面否则回到该界面。登录界面如下图4-4所示。图4-4 登录界面登陆源代码如下：sponse.writealert(登陆用户名没有填写! nn isimni yezing);location.href=Login.asp;Response.endend ifif Pass= thenResponse.writealert(密码没有填写! nn parolni yezing);location.href=Login.asp;Response.endend ifif yanz

20、= thenResponse.writealert(验证码没有填写! nn tastik numur yezing);location.href=Login.asp;Response.endend ifif yanzCStr(session(C_d) thenResponse.writealert(验证码不正确，请刷新后重新登陆 );location.href=Login.asp;Response.endend if4.2.2 管理界面词界面在通过验证之后才可以进入，它分为各个管理模块、主页的链接、退出管理系统等模块。它是由框架组成的从而可以减少重复的部分并可以使系统维护更容易管理界面如图4-

21、5所示。图4-5 管理界面4.2.3 管理干果界面这个界面包含标题、分类，发布时间，是否推荐，修改及删除。此界面编辑信息，日期供管理员参考。管理干果界面如图4-6所示。图4-6 管理干果界面源代码：标题 分类 发布时间 推荐 修改 删除 未推荐推荐%end if a href=edit_gg.asp?showid=修改 a href=javascript: if(confirm(确定要删除吗) location.href=?del= 删除 tr 文章 | /页|首页 |上一页 | 首页 | a href=?page=上一页/a|下一页|尾页4.3 数据库的设计与实现根据特色干果网站的功能要求，

22、设计系统的数据库由3个主表组成。分别为管理员信息表（admin）、分类表（fenlei）、干果信息表（gg）。数据库的主要数据表如下：（1）管理员信息表管理员信息表是存储管理员编号，用户名，口令，注册时间。）管理员信息表如下：表4-1管理员信息表字段名称数据类型说明id自动编号编号username文本用户名password文本口令addtime日期/时间注册时间（2）干果信息表干果信息表是存储序号，学号，标题，分类，内容，发布时间，推荐，图片，浏览次数。干果信息表如下：表4-2干果信息表字段名称数据类型说明Id自动编号序号biaoti备注标题fenlei数字分类neirong文本内容shiji

23、an日期/时间发布时间good数字推荐pic备注图片count数字浏览次数ktur数字子类5 后台管理模块设计5.1 管理员管理模块管理员管理模块设计可以实现以下功能：(1) 添加管理员信息；(2) 修改管理员信息；(3) 删除管理员信息。只有管理员用户才可以进入管理员管理模块，在admin.asp中，单击“管理员管理”超级链接，可以打开管理员管理页面admin_manage.asp。5.1.1 管理员管理界面打开管理员管理界面，如图5-1所示。图5-1管理员管理界面5.1.2 管理员管理功能分析1、干果显示功能：为了便于管理员管理，admin_manage.asp以表格的形式显示管理员信息，

24、并在后面有修改和删除，下面有添加模块。并通过rs记录集绑定到相应的表格单元格当中以显示已有的管理员。2、添加管理员功能：添加的信息包括管理员帐号、管理员密码，通过隐藏域传递ADD信息admin_savemanage.asp页面接收此信息并作相应的处理。3、修改管理员信息：修改信息包括修改管理员帐号、管理员密码，通过隐藏域传递edit信息admin_savemanage.asp页面接收此信息并作相应的处理。4、删除管理员信息:此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。5.2 分类管理模块分类管理模块设计可以实现以下功能：(1) 添加分类信息；(2) 修改

25、分类信息；(3) 删除分类信息。只有管理员用户才可以进入管理员管理模块，在admin.asp中，单击“分类管理”超级链接，可以打开分类管理页面admin_class.asp。5.2.1 分类管理界面打开分类管理界面，如图5-2所示图5-2 分类管理界面5.2.2 分类管理功能分析1、显示分类信息：为了便于分类管理，admin_class.asp以表格的形式显示分类信息，并在后面有修改、删除和添加模块。2、添加分类信息：添加的信息包括分类的名字，通过字符串传递ADD信息request接收此信息然后调用SaveAdd()过程并作相应的处理并且调出添加模块。 3、修改分类信息：修改分类的分类名，通过

26、字符串传递edit信息request接收此信息然后调用SaveEdit ()过程并作相应的处理并且调出修改模块。 4、删除分类信息：此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。5.3 干果管理模块干果管理模块设计可以实现以下功能：(1) 干果分类转移；(2) 修改干果信息；(3) 删除干果信息。只有管理员用户才可以进入干果管理模块，在admin.asp中，单击“干果管理”超级链接，可以打开干果管理页面admin_news.asp。5.3.1 干果管理界面干果管理界面，此界面具有良好的视觉效果和友好的操作界面具体效果如下图5-3所示。图5-3干果管理界面5

27、.3.2 干果管理功能分析1、显示干果管理信息：为了便于干果管理，admin_class.asp以表格的形式显示各个模块的干果标题信息和添加/修改时间、点击率，并在后面有修改、删除、分页和干果分类转移模块。2、修改干果信息：修改分类的分类名，通过字符串传递edit信息request接收此信息然后调用admin_edit.asp页面并作相应的处理。修改干果的标题、所属分类、点击率、添加时间、上传图片、干果内容、发布人等。 3、删除干果信息：此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。通过字符串传递del信息然后调用admin_del.asp页面并reque

28、st接收此信息和作相应的处理。4、干果分类转移：干果转移便于干果的管理，用组合框进行选择，想转移到那个类别都行，用组合框进行选择的目的也是为了减少错误和方便于用户。5.4 干果添加主要添加干果的内容、标题、类别、图片、发布者等。干果的图片发布主要通过imagepath.asp页面用stream组件取得服务端相对图片路径且上传图片并以此刻的时间命名图片,保存图片到upimages。干果添加界面如图5-4所示。 图5-4 添加干果界面6 网站的难点分析及解决在本次设计中，由于考虑的不全面，遇到了很多问题，但通过后期学习也都给予了解决：问题一：在网站开发中数据的实用问题？解答：我学了一年access

29、数据，但在这次网站开发数据的实用方面，遇到有些困难，尤其是主分类中添加子分类，还把下拉菜单里面的内容送到另一个下拉菜单的时候遇到困难。因此在做数据库的时，在网上查资料和同学们的帮助下，解决问题。问题二：网页界面的设计也是一个难题。解答：网页界面设计和色彩搭配在整个系统中也是相当重要的，如果总体的美观设计做的不好，那其他的努力也显得毫无用处。因此在制作时，效仿了一些网站的风格：简洁、美观、和谐。问题三：学习Dreamweaver时也遇到许多问题。解答：以前我没有接触过Dreamweaver，在这次网站开发中我需要用Dreamweaver开发，所以我要学Dreamweaver的基本操作，在学习当中

30、写代码，设计网页等等方面遇到困难，在看资料，网上看教程，指导老师的指导下， 顺利的完成网站开发。7 结论Web开发技术的飞速发展促进了网站发布的普及。目前，越来越多的发布网站活动开始迁移到Internet中来进行，一种新的发布方式网站已成为一种必然的趋势，这种网站方式无疑给管理者和用户带来极大的便利，使以前很多不可能的发布活动变得异常快捷。本文研究了一种基于数据关联规则的新闻网站。其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用Microsoft公司以dreamware为核心语言的ASP开发工具，利用微软提供的IIS建立运行环境，再结合Microsoft access

31、 2003建立数据连接关系。利用其提供的各种组件，首先在短时间内建立数据库，然后，对数据库进行分析与建立页面，不断修正与改进，直到功能基本实现的可行系统。系统采用了B/S结构，以Web为中心，采用TCP/IP、HTTP传输协议、客户端通过浏览器访问Web以及与Web相连的后台数据库，为新闻发布的管理提供了较好的工具。总体来说，本网站的设计具有良好的扩展能力并且便于维护，使用较为简便，对于管理人员来说是较好的管理工具，但是由于时间和其他方面的限制原因，系统还有很多方面需要改进。我相信在以后的学习生活中定能一步一步的去克服这些，使网站的功能越来越完善。 致 谢在这次毕业论文设计中，我第一次亲身尝试

32、到了作为一个缺乏社会实践经验的学生所面临的困难。通过对本网站系统的开发是我对书本上的知识点和理论有了更深一层的了解，使我学会了如何利用所学的知识,把理论结合于实践中,进一步掌握了开发新闻网站系统的流程,从而对本专业有了更深刻的认识。此后,我会加倍努力的去研究,在熟练的基础上掌握更多的新型技术,来提高自己的开发水平。通过这一阶段的学习和研究，该项目终于完成，虽然耗费了许多精力和时间，但是它也验证了我的知识和能力，让我有了不断提高自身素质的意识。在这里我衷心的感谢我的指导老师（寇晓斌）对我的指导和启发。没有他的指导和帮助，我是不可能顺利圆满地完成论文的工作。参考文献1 徐宁，新一代ASP网络编程入

33、门与实践，清华大学出版社，2005.2 王俊杰，精通JAVASCRIPT动态网页编程，人民邮电出版社，2005.3 柯华坤，王大平，管西京，ASP网络编程学习笔记，电子工业出版社，2008. 4 黄梯云，管理信息系统，电子工业出版社，1995.5 陈建伟，Dreamweaver 8+ASP动态网页制作实用教程，清华大学出版社，2006.6 陆黎明，ASP+Access+Dreamweaver 动态网站开发从入门到实践，机械工业出版社，2007.7 孔鹏.新手学ASP动态网页开发，电子工业出版社，2008.8 林粤江.基于Web标准的网站设计.软件导刊, 2007 07期.9 刘慰.基于ASP.NET的电子拍卖网站设计与实现.福建电脑,2007 06期.10 刘伯华、李新强.用ASP设计电子商务网站.商场现代化，2008年 20期.11 程楠. 基于PHP的医学动态信息网站设计.河南职工医学院学报, 2007 04期.