365体育毕业设计(论文)_基于Asp的学校新闻网站建设 题目:基于Asp的学校新闻网站建设 学 生 姓 名: 学号: 学 部 (系): 专 业 年 级: 指 导 教 师: 职称或学位: 年 月 日 华中科技大学毕业 设计(论文) 目 录 摘 要????????????????????????????????????????????????????????????????? Abstract??????????????????????????????????????????????????????????????? 引 言????????????????????????????????????????????????????????????????? 1、概述??????????????????????????????????????????????????????????????????1 1.1 Access数据库??????????????????????????????????????????????????????1 1.2 Dreamweaver网页制作工具??????????????????????????????????????????2 1.3 ASP技术??????????????????????????????????????????????????????????4 2、基本规划及设计思路????????????????????????????????????????????????????6 2.1 基本思路??????????????????????????????????????????????????????????6 2.2 实现的基本步骤????????????????????????????????????????????????????8 3、网站数据库端设计??????????????????????????????????????????????????????9 3.1 数据库
的设计????????????????????????????????????????????????????9 3.2 数据库管理页面设计???????????????????????????????????????????????10 4、网站客户端设计???????????????????????????????????????????????????????14 4.1 主页设计?????????????????????????????????????????????????????????14 4.2 综合新闻版块设计?????????????????????????????????????????????????17 4.3 详细浏览页面设计?????????????????????????????????????????????????18 5、本课题遇到的问题及解决思路???????????????????????????????????????????20 5.1 操作系统选择?????????????????????????????????????????????????????20 5.2 在登录系统设计中遇到的问题???????????????????????????????????????20 5.3 插入表格的问题???????????????????????????????????????????????????20 结束语????????????????????????????????????????????????????????????????21 参考文献??????????????????????????????????????????????????????????????22 致 谢????????????????????????????????????????????????????????????????23 附 录????????????????????????????????????????????????????????????????24 I 基于Asp的学校新闻网站建设 摘 要 在飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道。而Internet上发布信息主要是通过网站来实现的,网站是企业、事业(学校)单位以及个人向用户提供信息的一种方式,是开展各种信息活动的基础设施和实施平台。校园网作为学校信息化建设的一个平台在完成资源共享、互联网访问、教务管理、电子备课等方面发挥了重要作用。已成为各学校必备的重要信息基础设施,其规模和应用水平已成为衡量学校教学与科研综合实力的一个重要标志。 本文将以Access数据库为基础,通过使用Dreamweaver 软件和ASP技术来实现一个学校网站的建设,让广大师生随时可以了解学校最新动态。在此次设计中,网站将分为数据库端、客户端两大部分,每个部分又可以分为多个模块,最后连接来进行设计。其中主要的设计模块有网站的首页、子版块页面、详细浏览页面、新闻管理页面等。在这个过程中,将依次介绍Access数据库、网站信息管理系统开发工具与环境、系统的设计思路和概要、系统的详细设计内容。同时会将一些所遇到的重大问题列出,并进行相应的
。 客户端;Dreamweaver;Access 关键词:网站建设;数据库端; II 华中科技大学毕业 设计(论文) Campus Network’s construction based on the Asp Abstract Today,we are in a rapid development of time , the Internet become the most important channel for us to access, publish and disseminate information . And we are based on the website to publish the information, in the Internet, website is a way for the enterprises, units (school) and individuals to provide information to the users, and become the infrastructure and implementation platform to carried out activities. As a platform for information technology, the Campus Network become more and more important in the resource sharing, Internet access, educational administration, electronic preparation. It has become an important information infrastructure necessary for schools. Its size and application level has become an important indicator to measure the teaching and scientific research. This article will be based on Access database, using Dreamweaver software and ASP technology to achieve the construction of a school site, then let the teachers and students can learn news at any time. In this design, the site will be divided into foreground, background, and each part can be divided into multiple modules, finally connected them. The major design modules are the website home page, sub-forum page, detailed view page, news management page and so on. In this process, this article will introduces Access database, Web system’s III development tools and environment, design ideas and Summary, the detailed design of the system’s contents. Also I will list the major problems we encountered, and then do some corresponding summary. Key Words:Website Construction;Dreamweaver;Access IV 华中科技大学毕业 设计(论文) 引 言 网络并不新鲜,它从20世纪50年代起步至今已经有50多年的发展历程。在1969年12月, Internet的前身--美国的ARPA网投入运行,它标志着我们常称的计算机网络的兴起。进入九十年代,计算机技术、通信技术以及建立在计算机和网络技术基础上的计算机网络技术得到了迅猛的发展。特别是1993年美国宣布建立国家信息基础设施NII后,全世界许多国家纷纷制定和建立本国的NII,从而极大地推动了计算机网络技术的发展,使计算机网络进入了一个崭新的阶段。 在我国,互联网的产生虽然比较晚,但是经过几十年的发展,依托于中国经济和政府体制改革的成果,已经显露出巨大的发展潜力。从早期的单一性到现在的多样性,各个层面的新技术大量产生,能够满足广大人民群众日益增长的需求。随着各种高新技术的产生,网络互联和高速计算机网络正成为最新一代的计算机网络的发展方向。 面对如此强劲的增长方式,网页制作技术也是一次又一次地提升,以满足强大的功能需要。在初期,网页制作技术以静态网页制作技术为主。纯粹HTML格式的网页通常被称为“静态网页”, 相对于动态网页而言,它是指没有后台数据库、不含程序和不可交互的网页,其交互性较差,在功能方面有较大的限制。由于没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难。故不适合用来制作大型网站。为了应对这个问题,动态网页技术产生了。 而与之相对的动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量。且可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理等等。可以说是十分便利的。 早期的动态网页主要采用CGI(Common Gateway Interface)技术,虽然CGI技术已经发展成熟而且功能强大,由于编程困难、效率低下、修改复杂,所以一直是专业程序员的专利。于是产生了更多的新技术,如PHP、JSP、ASP等。本文将以ASP技术的使用为依托实现网站建设。 与计算机网络的快速发展相应的,我国的教育事业也是蒸蒸日上,各类学院大量涌现,以满足人民群众的需求。于是让校园与网络相结合,成了一个时下非常热门的话题。校园网络的优势是非常明显的,它所具有的作用有以下几个。 (1) 信息传递 这是校园网络最基本的功能之一,用来实现电脑与电脑之间传递各种信息,使分散在校园内不同地点的电脑用户可以进行集中的控制管理。在校务部门建立网络服务器,可以为整个校园网络提供各类教学资源,并对这些资源进行综合管理。 (2) 资源共享 V 信息资源共享。通过接入DDN或ISDN,很容易将校园网连接到internet,这样,网络内的各电脑终端不但可以互通信息资源,而且可以享受网络服务器上的相关数据及internet网上取之不尽,用之不竭的巨大信息资源,校园网在教学活动中的作用也将成倍地增强365体育。 (3) 网上资源提高教学质量,方便教学 以往传统的教学手段已经不能够满足时代进步的需要,如何把课本里的东西,变得生动、形象,在以前是很难的,但现在就不算什么,依靠信息技术,从互联网我们可以找到教学资源,并可应用到教学中。校园网络不但可以在校内进行网络教学,还很容易同外界大型网络连结,形成更大范围的网络交互学习环境。这样的教学方式,大大提高了学生的学习兴趣,老师也就提高了教学的质量,真是一举二得。 可以说,将网络与学校连接起来的作用是显而易见的。 基于以上两点原因,本次毕业设计我选择的课题是:以Access数据库为基础,利 ASP技术设计一个学校网站,目的是通过该网站的规划和设计,给人们用Dreamweaver+ 了解我们学校提供了一个平台,拉近了教育和社会之间的距离。同时,让广大师生足不出户,轻松快捷的获得学校各种信息,展示了学校和师生的风采。通过该平台,学校也可以及时了解社会对我们学校的建议和意见,以便我们学校在今后的工作中及时改正。并且在网站的规划和设计时,从系统的调研,系统的分析,系统的设计到系统的实现,利用软件
的思想作为指导,开发了这个完整的系统,最后得以完成这个课题,既可以学习了新的专业知识,又能提供理论联系实际的能力,可以说是一次不可多得的机会。 VI 华中科技大学毕业 设计(论文) 1、 概述 动态网页技术是以数据库为基础,通过客户端/服务器端(C/S)的交互王城特定的行为。利用动态网页技术,用户摆脱了静态网页更新的负担,极大地提高了工作效率。在具体的应用上,动态网页作为一项新的技术,设计到数据库和具体编程脚本的实现问题。 就目前来说,使用比较广泛的动态网页编程脚本语言主要有VBScript和JSP,它们可以很好地与Access、SQLsever等数据库相连接操作。其中,VBScript+Access的组合方式由于易于学习等特点,为大多数初学者所接受。为了弄清动态网页的概念,并认识其实现原理,本部分将介绍动态网页制作的相关基础知识,比如Dreamweaver、Access等软件,以及ASP的相关介绍。 1.1 Access数据库 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它产生于距今五十年前,随着信息技术和市场的发展,特别是二十世纪九十年代以后,数据管理不再仅仅是存储和管理数据,而转变成用户所需要的各种数据管理的方式。数据库有很多种类型,从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统都在各个方面得到了广泛的应用。 数据库的概念实际包括两层意思: (1)数据库是一个实体,它是能够合理保管数据的“仓库”,用户在该“仓库”中存放要管理的事务数据,“数据”和“库”两个概念结合成为数据库。 (2)数据库是数据管理的新方法和技术,他能更合适的组织数据、更方便的维护数据、更严密的控制数据和更有效的利用数据。 而其中,Access数据库是当今最为流行的关系型数据库管理软件之一,Assess能够存取 Access/Jet、Microsoft SQL Server、Oracle,或者任何 ODBC 兼容数据库内的资料。相比于SQL sever这种勇于制作大型数据库的工具来说,Access非常适合于小型系统用户使用。熟练的软件设计师和资料分析师利用它来开发应用软件,而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。 在Access中,数据库是一个有机体,它由众多的属性表通过特定的关联组成的。Access数据库使用方法简单,表的创建十分便利。我们可以使用设计器来设计数据表。如图1.1所示,再打开数据库后创建表的方法。 1 图1.1 表的创建界面 双击打开后输入相关内容即可。 我们既可以在ASP程序中进行数据录入,也可以直接在Access中进行数据录入工作。 1.2 Dreamweaver 网页制作工具 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业
特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 可以说,Dreamweaver是一个完整的、集成的网页解决
,它提供了可视化的网页对象编辑工具,同时实现了快速Web应用程序开发以及广泛的代码编辑支持,并且在新版的Dreamweaver8中,还加强了对无线网页程序的支持。 总的来说,Dreamweaver的优点有三个:最佳的制作效率、方便的网站管理、无与伦比的控制能力。此外,Dreamweaver还集成了程序开发语言,对ASP、PHP、JSP的基本语言和连接操作数据库,都是完全支持的。可以说,Dreamweaver是一款不可多得的网页设计软件。 所有设计好的网页,在放到网上去以前,都需要把它组建好,以便于上传。 Dreamweaver 8站点提供了一种组织所有与Web站点关联的文档的方法,通过在站点中组织文件,用户可以利用Dreamweaver 8将站点上传到Web服务器中,并管理文件。因此,要充分利用该软件,首先得定义一个站点。 2 华中科技大学毕业 设计(论文) 在此次设计中,我们主要使用ASP制作动态网页,先要新建一个格式为ASP.VBScript的动态页面,随后进行图1.2所示的设置。 I 图1.2 本地信息设置 站点确立后,只是提供了一个地址,要运行网页,还需设置解析ASP脚本的程序服务器365体育,我们只需将“服务器模型”选择为“ASP VBScript”,“访问”选择为“本地/网络”。 创建完站点后,如果想要在ASP应用程序中访问服务器上的数据库,就至少需要创建一条数据库连接,用以将ASP应用程序和数据库连接起来,从而实现客户端和服务器端的通信。在Dreamweaver 8中,用户可以轻易的创建数据库连接,,而不需要手动编写连接字符串。 目前,用户可以通过ODBC驱动程序或OLE DB提供的程序连接数据库,不过ODBC居于主流位置。ODBC连接数据库主要有两种方式:使用DSN连接;使用字符串连接。另外,用户还可以通过建立单独的UDL文件,可视化的操作来实现数据库的连接。通常,我们是使用DSN连连接数据库的。具体过程如下所示。 (1)、打开“控制面板”中的“性能和维护”窗口,进入“管理工具”选项,打开“数据源(ODBC)”对话框,选择“系统DSN”选项卡,点添加按钮,并在弹出的对话框中选中“Driver do Microsoft Access (*.mdb)”选项后,单击完成。 (2)、弹出“ODBC Microsoft Access安装”对话框中,选择一个自己所需的数据库后确认并命名。这样,就可以在“系统数据源”列表中看到已经成功创建了一个系统DSN连接了。 (3)、通过Dreamweaver连接数据库,安照图1.3方式即可。 3 图1.3 打开DSN对线 ASP技术 ASP 即Active Server Pages,它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体,它没有提供自己专门的编程语言,而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行,运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比,要安全得多。 ASP的最大好处是可以包含HTML标签,也可以直接存取数据库及使用无限扩充的ActiveX控件,因此在程序编制上要比HTML方便而且更富有灵活性。ASP吸收了当今许多流行的技术,如IIS,ACTIVEX,VBSCRIPT,ODBC等,是一种发展较为成熟的网络应用程序开发技术;其核心技术是对组件和对象技术的充分支持。通过使用ASP的组件和对象技术,用户可以直接使用ActiveX控件,调用对象方法和属性,以简单的方式实现强大的交互功能。 相比于PHP和JSP,虽然都可实现相同的动态效果,但是采用ASP具有天然的优势,这是由于: (1)、对于采用微软操作系统的用户来说,利用其内部集成的IIS(Internet Information Sever)就可以快速配置好站点。 (2)、ASP动态网页支持VBScript脚本,它是VB的一个子集,而VB语言的普及度是相当高的。因此,ASP网页设计的门槛相对于PHP和JSP来说降低了。 ASP中最为常用的内置对象和组件如下: Request对象、Response对象、Server对象、Application对象、Session对象、Browser Capabilities(浏览器性能组件)、 FileSystem Objects(文件访问组件)、ADO(数据库访问组件)、Ad Rotator(广告轮显组件)。这些组件或对象可以使用户更容易收集通过刘燃气请求发送的信息,响应浏览器以及存储用户信息。 在面向对象编程中,对象有自己的属性和方法。常见的属性有以下几种:Buffer、 4 华中科技大学毕业 设计(论文)Expries、Form、QueryString、SeverVariables、TimeOut、CreatObject、MapPath等几种。比如其中的Buffer属性的所属对象是Response,其作用是指示是否缓冲页输出。而Form的所属对象则是Request,其作用是通过使用POST方法的表格检索邮件到HTTP请求正文中的表格元素的值。而常见的方法则有如下几种:Write、Redirect、End、Lock、Unlock、Abandon等。举例来说,方法Write的所属对象是Response,其作用是将制定的字符串写到当前的HTTP输出。方法Lock的所属对象是Application,它的作用是禁止其他客户修改Application对象的属性。在ASP中,属性和方法搜有数十乃至上百种,但是用户经常使用到的也就是以上所提到的几种,故掌握好以上几种。就可以非常熟练的进行动态网页的设计了。 另外要注意的是,使用dreamweaver8进行网站建设时,IIS(Internet Information Service)是必不可少的,是由微软公司提供的基于运行Microsoft Windows的互联网基本服务,最初是Windows NT版本的可选包。IIS的作用非常巨大,意味着用户能发布网页365体育,并且有ASP(Active Server Pages)、JAVA、VBscript产生页面,有着一些扩展功能。IIS支持一些有趣的东西,像有编辑环境的界面(FRONTPAGE)、有全文检索功能的(INDEX SERVER)、有多媒体功能的(NET SHOW) 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器,是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成,允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet,Intranet站点。IIS(Internet Information Server,互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事。目前,IIS的最高版本是7.0。 IIS脚本运行环境的配置的主要步骤有: a.给IIS设置IP地址和端口; b.建立一个web共享的文件夹,给该文件夹取一个别名,并设置其应用程序权限; c.设置所建站点的默认首页,同时设置该文件夹目录的安全性。 d.本系统设计过程中的静态HTML页面是使用Dreamweaver8制作的,而动态页面则是通过手工编码并使用IIS来运行调试的。 有一点需要说明,并不是所有的windows版本都支持IIS,故用户在选择时需要注意。 5 2、 基本规划及设计思路 由于制作一个学校网站整体工作量巨大,且考虑到网站中的关键部分及出于学习的目的,建设一个新闻发布系统显得尤其合适。新闻发布系统在学校网站中起的作用非常巨大,可以让广大师生在第一时间内了解到学校相关的最新信息,也能让外校人员了解学校的相关运营程序、获得的荣誉等。通过新闻发布系统,用户可以将网页上的需要经常变的信息,比如新闻、新产品发布和业界动态等信息集中管理,并进行分类,再发布到网站上。新闻发布系统的重要性是显而易见的。 2.1 基本思路 新闻发布系统有两个大的部分组成,分别是新闻浏览部分和新闻管理部分,如图2.1所示,两个部分分别相当于客户端与数据库端,分工明显。 新闻发布系统 新闻管理 新闻浏览 管理员登陆 新闻首页 新闻输入更新 校内公告 综合新闻 学生工作 教学科研 国际交流 图2.1新闻发布系统构成 在新闻浏览部分中,我们可以看到,在新闻首页下共有五个小版块,分别是:校内公告、综合新闻、学生工作、教学科研、国际交流版块这些版块在新闻首页上都有适当的显示,但要完整浏览,还需在各自版块中进行。而在新闻管理版块,管理员必须使用用户名及密码登录后才能进行新闻输入更新这一操作,从而确保了网站不会遭到人为恶意更改,保证了网站的安全性。 校园新闻发布系统的后台看似简单,但要实现起来确是非常困难的,其困难主要在 6 华中科技大学毕业 设计(论文)于新闻的对应更新。 与一般的信息系统相比较,新闻发布系统具有以下特征:是基于B/S模式下的WEB信息系统,数据库逻辑相对简单,但数据量一般比较庞大; 用户数量大,服务器压力大,而一般的信息系统相对压力要少了很多;是一个开放式的系统,前台浏览无须验证。所以对于浏览者而言,仅仅需要通过点击实现获得信息这一功能即可,但对于管理员来说,需要做的事是时刻更新相关新闻。 图2.2所示的是校园新闻发布系统的功能实现流程图。 新闻发布系统 管理员 普通师生 是否登陆 NO YES 可以进行新闻录入、 新闻修改、新闻删除普通阅读,页面 等工作 浏览 图2.2 新闻发布系统功能流程图 整个校园新闻发布系统是围绕着新闻标题和内容展开的,其中由于新闻内容的差异,必须对新闻进行分类,划分为若干小块,以方便用户浏览。在新闻发布系统的首页以分类的形式将最新最重要的新闻标题罗列出来,当单击导航条上的新闻分类超级链接后,便可以进入到属于该类新闻标题的显示页面。当管理员需要对新闻进行修改时,便可以单击登录管理按钮,输入用户名与密码登录后进行更改。如图2.3所示。 图2.3 导航条 每个新闻标题都对应着与其相关的新闻内容,用户只需要单击页面上的标题文字超级链接,页面就会自动跳转到相应的新闻详细内容页面。同时,新闻的性质决定了新闻 7 发布系统必须具备高效性和即时性的特点。因此,在网站建设的过程中必须考虑到程序的可调用性和可扩展性。 以上就是校园新闻发布系统建设是所需遵守的基本建设思想。 2.2 实现的基本步骤 校园新闻发布系统的制作主要包括数据库的设计,新闻页面的浏览和数据库端管理页面。其实现步骤主要有以下几个方面: (1)、数据库的设计,包括字段设置的定义,必须注意的是提交数据的类型必须与字段的属性一致,否则可能会出现错误。 (2)、新闻浏览页面的创建,包括新闻首页、各个分类版块以及详细新闻浏览页面的创建,这个过程是相当繁琐复杂的。 (3)、管理员使用界面,包含了新闻的录入、编辑功能。由于只有管理员才能使用,所以需要设置一个管理员入口。 (4)、系统界面和功能的完善,后期完成。 综上所述,校园新闻发布系统就是一个把与学校有关的杂乱无章的新闻信息有效得组织起来并以有序的方式呈现给前端客户的一个信息系统,系统主要实现对新闻的分类、管理、浏览等一系列问题,从而为用户提供一个美观、大方、快速的前台新闻阅读界面。是每个学校网站中不可或缺的部分。 8 华中科技大学毕业 设计(论文) 3、 网站数据库端设计 3.1 数据库表的设计 一个设计合理的数据库,可以使程序的执行效率得到提高,并影响到页面的最终显示效果。对于一个校园新闻发布系统来说,它有两个最基本的组成元素,即新闻标题和新闻内容。其中,新闻的内容一般要求存储的数据类型的字段要足够大。因此,在设计数据库的时候,必须考虑到数据库中的字段的类型和大小,以合理的安排存储结构。 在建立数据库时,考虑到新闻发布系统所独有的特点,可以新建两个数据表,分别是“新闻”、“管理员”。每个表又由多个字段组成,如标题、内容、用户名、密码等。数据库的E-R图如图3.1所示。 内容 时间 管理员 可修改 新闻 用户名 类型 ID 密码 标题 图3.1 数据库E-R图 启动Microsoft Access 2003,新建一个名为“新闻.mdb”的数据库,然后再数据库中创建两个数据表“新闻”和“管理员”。 表“新闻”由“ID”、“标题”、“内容”、“时间”、“类型”等字段组成,其属性和说明见表3.1。 表3.1 “新闻”表的字段及属性 字段名称 数据类型 说明 自动编号 新闻编号 ID 标题 文本 新闻标题 内容 备注 新闻内容 时间 日期/时间 新闻发布时间 类型 文本 新闻类型 由于新闻的内容信息量非常大,所以字段“内容”属性要选择“备注”数据类型。为了在记录数据库内容的插入时间是方便,在“时间”字段的默认值框中输入“Now()”,这个命令是Access中默认的系统函数,用于获取当前的时间。另外,在“类型”字段 9 值中,可以用1、2、3、4来代表“校内公告”、“学生工作”、“教学科研”、“国际交流”等板块,用以区分新闻输入时其去向。但这种方法比较抽象,它以数字来代表与其相对应的分类新闻。在大规模输入时可能会产生错误,故这里不宜设置,具体操作会在接下来说明。 表“管理员”则有两个字段组成,详见表3.2。 表3.2 “管理员”表的字段及属性 字段名称 数据类型 说明 用户名 文本 管理员用户名 密码 文本 管理员密码 3.2 数据库管理页面设计 学校新闻发布系统既有面向大多数浏览者的用户界面,又有其数据库端管理模块。可以说,一个功能完善的学校新闻管理系统,必须具备新闻内容的添加、编辑和管理工作。本系统中,管理员进入新闻管理页面可以从浏览页面中直接登录。 登录页面是管理员进入新闻发布系统进行编辑的通道,在这里,只有输入正确的“用户名”和“密码”后才能够进入。故创建一个登录页面过程如下。 (1)新建一个动态页,插入表单和表格,进行相应的调整和设置,最后完成如图3.2所示效果。 图 3.2 登录界面 在这个页面中,主要包括两个组成部分:表单和表单控件。表单域中的4个表单控件的说明如表3.3所示。 表3.3 表单控件的属性 控件 控件类型 控件名称 备注 用户名所对应的文本区域 文本区域 单行文本 Username 密码所对应的文本区域 文本区域 密码文本 Password 登录按钮 图像区域 图像按钮类型为提交 Submit 重置按钮 图像区域 图像按钮类型为重置 Reset (2)创建“用户登录”服务器行为 在Dreamweaver8中,“用户登录”这一行为的设置是有专门的一个动作来完成的。当表单元素设置完毕后,切换到“服务器行为”控制面板中,单击面板上的按钮, 10 华中科技大学毕业 设计(论文) 在出现的下拉菜单中依次选择“用户身份验证-登录用户命令”,这个时候会弹出图3.3 中的“登录用户”对话框,然后进行如图所示的设置。 这样,当表单所提交的数据与表“新闻”中所对应的字段值相等是,页面就会导向 新闻输入页面,否则就会显示错误。同时,登录页面中设置了“重置”按钮,这样当用 户不小心输入错误信息是,也不必担心进入错误界面,从而提高了工作效率。 图3.3 创建“用户登录”服务器行为 其中,该步骤比较重要,是管理员能否实现其权限的关键,同时也是体现ASP技术 的优势所在,以下就是其ASP的代码。 If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then username and password match - this is a valid user Session(MM_Username) = MM_valUsername If (MM_fldUserAuthorization
) Then Session(MM_UserAuthorization) = CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value) Else Session(MM_UserAuthorization) = End If if CStr(Request.QueryString(accessdenied))
And false Then MM_redirectLoginSuccess = Request.QueryString(accessdenied) 这段代码的作用是实现管理员信息的收集,与数据库的连接等作用,在需要记录用 户信息的系统中Session命令起着核心的作用。 (3)创建用户登录错误提示页面 登录错误提示的创建比较简单,其功能是提示错误的登录信息,最终页面上仅需几 个字就可以,故在此不累述。 11 (4)创建新闻添加页面 当管理员输入正确的用户名和密码后,就可以进入到新闻添加页面了。新闻录入的实质就是通过表单提供数据到数据库中,从而实现数据库数据的更新。新建一个动态页后,可以通过利用Dreamweaver 8提供的“插入记录表单向导”功能,来快速创建表单。表单插入后,表单控件的说明文字显示为英文字体,而且“新闻内容输入”显示为单行文本,不符合用户的使用习惯,故需设置。选中文本框控件“新闻内容”后,在“属性”控制面板中可以进行相关设置,设置后的效果满足用户所需即可。 此外,在之前已经说明的问题,即新闻字段比较抽象,不易于操作,最好的解决方法是将其设置为一个列表菜单,通过单击列表菜单的下拉按钮,来显示管理员所编辑的新闻属于哪一类,这样既直观又能提高输入效率。而且其实现方法也较为简单。用户只需单击插入栏上的“列表/菜单”控件即可。再插入控件后,需要在“属性”面板中进行简单的属性设置。先将值名改为“新闻类型”,再在“类型”选项中选择“列表”,“高度”选择为1。其具体的更改方式可见图3.4页面底部。 其中,“初始化时选定”中的项目是在“列表值”中进行的,单击并打开该按钮,在弹出的窗口中增加4个列表值后单击确定即可。 出于实际的需要,最后将按钮的值改为“新闻输入”。 最终实现的效果如图3.4所示。 图3.4 新闻输入页面 12 华中科技大学毕业 设计(论文) 可以看到,从上至下,分别是新闻标题输入框、新闻类型选择框、新闻内容输入框以及提交按钮。 至此,校园新闻发布系统的数据库及数据管理页面就完成了。通过该系统,管理员就可以向数据库中添加新闻数据了。 13 4、 网站客户端设计 首先,在创建动态网页之前,用户需要定义一个站点,设置站点名称、路径以及其所用的服务器技术,并且在最后实现对数据库的连接。 故第一步先启动Dreamweaver 8,然后依次选择主菜单中的“站点/新建站点”命令,打开“站点定义”设置窗口。创建一个名称为“新闻”的站点,具体参数按照所需要求设置,随后连接数据库即可,这些步骤已在第一章中详述。接下来将介绍具体的校园新闻发布系统前台建设过程。 4.1 主页创建 新闻主页是新闻发布系统的主体,它面向大多数的浏览者。因此,在进行页面设计的时候要体现新闻的调理性、整体化的指导思想。在最初设计时,要在计算机实际操作之前提前考虑好所建设网站的规划,用户所需要的效果等等因素。经过勾勒,网站首页的结构开始呈现。从上到下基本分为两个模块,分别是top.asp模块(logo、导航条)和index.asp(子版块)模块,每个版块所占页面的大小基本相同,可以适当调整。为了美化网页同时便于更好的传播信息,可以适当添加图片。其整体结构简单,条理清晰,显得美观大方。最终,经过建设后网站首页的效果如图4.1所示。 图4.1 网站首页实际效果图 接下来介绍首页的制作方法。 (1)、界面设计 首先要进行页面设计,新建一个ASP VBScript的动态页,并保存为“wenhua.asp”, 14 华中科技大学毕业 设计(论文) 接下来插入表格并进行页面布局,使其最终布局如图4.2所示。 图4.2 首页页面布局 (2)、定义记录集 基本页面设计好后,为了将记录集绑定在动态网页中,首先需要定义记录集。在此,以“综合新闻”版块为例。在连接了数据库后,先打开“绑定”控制面板,单击面板上的按钮,在出现的下拉菜单中选择“记录集”。随后在弹出的“记录集”对话框中,选择所需的连接,并选择“新闻”选项。。其中,由于新闻是按照录入时间来决定的,所以这里还需要进行按时间顺序的排序。 (3)、绑定记录集后进行重复区域设置 记录集定义好后,为了实现动态地显示多条新闻,还必须为页面创建重复区域服务器行为。先打开记录集,将“标题”字段插入到“综合新闻”版块,在切换到“服务器行为”面板,单击其上的按钮,在弹出的下拉菜单中选择“重复区域”,在“重复区域”窗口中设置为10条记录。 绑定记录并进行重复区域设置是为了能够在网页上显示数据库中的内容,这其中大量使用了Repeat命令来进行重复区域设置,下面的程序就是该步骤的主要部分。
(4)、其它记录集的定义 其他记录集的定义、绑定和重复区域的设置和“综合新闻”版块的设置是一样的,在此不做累述。但要注意的是,在定义好记录集后,切换到高级“记录集”对话框,将生成的SQL语句修改为: SELECT * FROM 新闻 WHERE 类型=2 则表示查找的字段值为“2”的记录,即新闻类型为“学生工作”的字段,其它设置跟这个一样。 经过测试,网站首页显示正常,表明设计是成功的。测试时所使用的测试工具为IE7,测试时的页面如图4.3所示。 图4.3 IE7下网站首页测试 同时,在接下来的两个步骤中,基本操作大致相当,接下来将介绍。 16 华中科技大学毕业 设计(论文)4.2 综合新闻版块建设 当校园新闻发布系统首页创建完成后,就要进行各个详细版块的建设。由于每个版块的建设大同小异,所以以综合新闻版块为例来该类型网页的建设方法。 新建一个ASP VBScript动态页,保存为“zonghe.asp”文件。调整页面,最终显示的页面为图4.4。 图4.4 综合新闻版块布局图 可以看到,从上到下依次是logo、导航条、页面详细布局。并且在导航条下方,还可以显示“您所在的位置》华中科技大学文华学院》新闻中心》综合新闻”,可以时刻提醒浏览者所处的位置。同时需要指出的是,在这个模块中需要添加“时间”字段。 在IE下测试效果如下图4.5所示。 图4.5 IE下测试效果 17 4.3 详细浏览页面设计 校园新闻发布系统首页与各个版块设计完成后,就可以设计一个详细的新闻浏览页面。新建一个asp文档后完成如图4.6布局即可。 图4.6 详细新闻浏览页面布局图 如图,该页面自上之下分别是logo、导航条、位置显示、内容显示框以及前后文章的链接。其中,前后文章的链接可以使浏览者快速浏览下一条新闻,而不必回到页面首页,是一个非常人性化的设计。 该步骤中,同样需要定义你并绑定记录集。但ASP的不足之处在此时体现出来,即不能按照所提交的信息格式来显示新闻。为了控制格式,还需修改代码片段。先得新建一个“HTMLcode()”函数。,) fstring = replace(fstrinng,&#) fstring = replace(fstrinng, CHR(32),) fstring = replace(fstrinng, CHR(9),) fstring = replace(fstrinng, CHR(34),) fstring = replace(fstrinng, CHR(39),) fstring = replace(fstrinng, CHR(13),) fstring = replace(fstrinng, CHR(10) & CHR(10),
) HTMLcode = fstring end if end function %
,这样就可以解决格式错误。最终效果如图4.7所示。 图4.7 IE下测试效果 19 5、本课题遇到的问题及解决思路 在本次毕业设计的漫长过程中,出现了很多难以预测的问题,经常使校园新闻发布系统陷入困境,但最终在老师的帮助下和同学的努力下被一一克服,在此列举几个产生影响较大的问题。 5.1 操作系统选择 在进行网页设计时,遇到的第一个问题就是制作网站平台遇到的问题。目前对于小型用户来说,制作网站比较好的开发平台是Windows XP系统和IE6浏览器。在概述中已经说明,IIS并不支持所有的Windows系统,其中Windows Vista Basic就不能支持,而我的电脑则刚好是这个系统。 解决方法:通过浏览论坛、网站,得知为解决这个问题,有专门的本地应用程序可供下载。下载后,只需将该应用程序放入网站所存的文件夹中后打开即可使用。通过这个方法,可以正常地测试网页,从而为下一步做好准备。 5.2 在登录系统设计中遇到的问题 在进行登录系统的设计时,遇到的一个相当大的问题,就是无法实现如图3.2所示的步骤,经常会提示“请选择一个插入表单”365体育,从而导致无法实现登录界面功能的实现。 解决方法:在Dreamweaver 8中365体育,一旦产生需要收集用户信息的功能,就需要使用表单这一功能。表单是网页浏览者与网页服务器交互的界面,可以包含多种对象,比如文字输入框、单选按钮、复选按钮等。用户可以通过插入面板的表单标签来帮助建立表单,再在表单中插入表格即可。而且这个步骤在接下来的过程中会继续用到。 5.3 插入表格的问题 表格是Dreamweaver 8中用来确定格式的基本丰富,在刚开始使用Dreamweaver 8的时候,可以正常使用插入表格这一功能。但在接触其它新的知识后,发现无法使用表格,造成很过困扰 解决方法:在设计视图下,Dreamweaver 8共有三种模式,分别是标准模式、扩展模式和布局模式。其中,插入表格只能在标准模式下进行,而一般设计网站是多在布局模式下进行才会造成这个问题。 20 华中科技大学毕业 设计(论文) 结束语 在这几个月的毕业设计中,由零开始,通过阅读和学习,并与实践相结合,逐步完成了学校网站的新闻发布系统设计与建设。到最后也能够熟练掌握Access、Dreamweaver8等软件的使用方法以及ASP的相关知识,使自己的学习能力、综合能力得到了很大的提高。 通过这次网站建设,除了学习到新知识、新技能外,感受最深的就是在网站建设之前的规划准备工作的重要性。起初,阅读文献资料时带有很大的盲目性,在实际操作时也没有针对性,浪费了宝贵的时间和精力,但却没有获得相应的回报。随着学习实践的深入,终于意识到事前规划思考的重要性。经过一段时间的思考,想出了“分开建设,最后统一”的建设方针,才得以以较快的速度进行网站的建设。在整个的毕业设计中,无论巨细,我始终坚持这一原则,对于后续的设计也产生了重大的影响,取得了事半功倍的效果。可以说,不是这次设计内容庞大,时间跨度长的话,还是很难体会到这一点的。同时,我也体会到了同学之间互相帮助的作用。很多问题往往是自己百思不得其解的,经过良久的思考后再获得同学的帮助,可以让知识更加牢固。而自己力所能及地去帮助同学, 也不失为一种有效的学习手段。 毫无疑问,此次毕业设计会对我产生很大的影响。在学习新知识的过程中培养了迎难而上的精神,牢记了事前规划的重要性,也明白了实践应用对于学习来说是不可或缺的。在以后的工作和生活中一定会将这种良好的习惯保留下去。 21 参考文献 [1] 徐磊.网页制作与网站建设技术大全[M].北京:清华大学出版社,2008 [2] 彭为态网站设计与典型实例[M].北京:清华大学出版 中国电力出版社,2007 [3] 赵育良.Dreamweaver MX2004基础与实例教程[M].北京: [4] 刘钢,程克明.Access数据库程序设计教程[M].北京:清华大学出版社,2008 [5] 孙良军.网站设计与网站建设完全教程[M].北京:航空工业出版社,2004 [6] 汉龙.网页制作三剑客经典范例[M].成都:电子科技大学出版社,2009 [7] 萨师煊,王珊. 数据库系统概论[M].北京:清华大学出版社,2006 [8] 庞娅娟. ASP网络编程自学手册[M].北京: 人民邮电出版社,2008 [9] 韩国峰,杨力学,王景村. 网络系统开发实例精粹[M].北京: 电子工业出版社,2008 [10] 张莉,王强 . SQL Server数据库原理及应用教程[M].北京:清华大学出版社,2008 [11] 杨晓钟. 网站设计与开发[M].北京: 机械工业出版社,2009 [12] 刘正林,谢永锋,祝宏. C语言程序设计教程[M].武汉:华中科技大学文华学院出版社,2009 [13] 姜再兴,李万强,王晓风. Dreamweaver MX 2004,ASP网站开发基础与实例教程[M].北京: 电 子工业出版社,2008 [14] 前沿电脑图像工作室. 巧学巧用Dreamweaver、Fireworks、Flash制作网页[M].北京: 人民邮 电出版社,2009 [15] 方辰.Dreamweaver中文版教程8[M].上海:上海科学普及出版社,2009 22 华中科技大学毕业 设计(论文) 致 谢 在本次毕业设计中,我感到高科技、新知识的力量,是这个社会让我们有了更美好的生活。 我从指导老师叶老师身上学到了很多东西。叶老师认真负责的工作态度和深厚的理论水平都使我受益匪浅。叶老师无论在理论上还是在实践中,都给予我很大的帮助,使我得到不少的提高,这对于我以后的工作和学习都有一种巨大的帮助。非常感谢叶老师的耐心辅导,帮助解决了不少的难点,使得本次设计能及时开发完成,这里表示衷心的感谢。我所取得的成绩,在学业上的进步很大程度上得益于叶老师的悉心指导,在此向叶老师表示衷心的感谢和崇高的敬意~ 另外还得感谢华中科技大学文华学院在四年里对我的栽培,以及众多老师对我的鼓励和帮助。非常感谢自动化系为我们提供了良好的学习环境,在此向自动化专业全体老师致以由衷的谢意~在这个整个设计过程过程中,由于本人的知识水平有限,得到很多同学的帮助,在这里一并表示感谢。 在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母,谢谢大家! 23 附 录 一、 登录页面代码
Then MM_LoginAction = MM_LoginAction + ? + Server.HTMLEncode(Request.QueryString) MM_valUsername=CStr(Request.Form(textfield2)) If MM_valUsername
Then MM_fldUserAuthorization= MM_redirectLoginSuccess=file:///C/Users/user/Documents/dreamwaver/新闻输入.asp MM_redirectLoginFailed=file:///C/Users/user/Documents/dreamwaver/密码错误.jpg MM_flag=ADODB.Recordset set MM_rsUser = Server.CreateObject(MM_flag) MM_rsUser.ActiveConnection = MM_connect_STRING MM_rsUser.Source = SELECT 用户名, 密码 If MM_fldUserAuthorization
Then MM_rsUser.Source = MM_rsUser.Source & , & MM_fldUserAuthorization MM_rsUser.Source = MM_rsUser.Source & FROM 管理员 WHERE 用户名= & Replace(MM_valUsername,,) & AND 密码= & Replace(Request.Form(textfield),,) & MM_rsUser.CursorType = 0 MM_rsUser.CursorLocation = 2 MM_rsUser.LockType = 3 MM_rsUser.Open If Not MM_rsUser.EOF Or Not MM_rsUser.BOF Then username and password match - this is a valid user Session(MM_Username) = MM_valUsername If (MM_fldUserAuthorization
) Then Session(MM_UserAuthorization) = 24 华中科技大学毕业 设计(论文)CStr(MM_rsUser.Fields.Item(MM_fldUserAuthorization).Value) Else Session(MM_UserAuthorization) = End If if CStr(Request.QueryString(accessdenied))
And false Then MM_redirectLoginSuccess = Request.QueryString(accessdenied) End If MM_rsUser.Close Response.Redirect(MM_redirectLoginSuccess) End If MM_rsUser.Close Response.Redirect(MM_redirectLoginFailed) End If %
本文档为【毕业设计(论文)_基于Asp的学校新闻网站建设】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
心理、精神学复习题(乡医)doc - 三峡大学护理学院《心理学基础》试卷
愿你在此——Wish You Were Here BY阿晕1 文学
关于〈企业职工带薪年休假实施办法〉有关问题的复函》(人社厅函[2009]149号
关于〈企业职工带薪年休假实施办法〉有关问题的复函》(人社厅函[2009]149号
[教材]2011历史经济成长历程一轮复习教案:第六单元 第二次世界大战后世界经济的全球化趋势新人教必修二
国开形成性考核02642《学前儿童卫生与保健》形考任务(2和4)试题及答案
一级建造师历年真题及答案一级建造师线历史经济成长历程一轮复习教案:第六单元 第二次世界大战后世界经济的全球化趋势新人教必修二
国开形成性考核02642《学前儿童卫生与保健》形考任务(2和4)试题及答案