基于ASP技术的学校系统设计用户界面设计说明书

PAGE2基于ASP技术的学校系统设计用户界面设计说明书目录引言 1第1章绪论 21.1开发工具的选用及介绍 21.1.1ASP的优势 21.1.2ASP的特点 21.2ASP技术访问WEB数据库 31.2.1访问WEB数据库的多种方案 31.2.2ASP简介 3第2章系统分析与总体设计 42.1网站功能描述 52.2系统功能模块划分 62.3系统流程分析 7第3章系统数据库结构设计与实现 93.1创建数据库 93.2数据库逻辑结构设计 9第4章系统主界面与后台界面设计 174.1主界面设计 174.1.1显示网站各个模块的链接 184.1.2显示热点新闻 194.1.3显示最新图片新闻 194.1.4显示详细新闻 194.2后台程序设计 204.2.1登录界面 204.2.2管理界面 204.2.3留言板界面 21第5章后台管理模块设计 225.1管理员管理模块 225.1.1管理员管理界面 225.1.2管理员管理功能分析 225.2版块管理模块 235.2.1版块管理界面 235.2.2版块管理功能分析 235.3文章管理模块 245.3.1文章管理界面 245.3.2文章管理功能分析 245.4文章添加 25第6章留言板模块设计 256.1用户添加模块 256.2留言板主界面模块 266.3留言板管理模块 27第7章其他功能设计 287.1明星管理 287.2下载管理 287.3公告管理 297.4成绩管理 297.5领导信箱管理 29第8章结论 318.1网站系统总结 318.2网站系统展望 318.2.1校园网站的发展趋势 318.2.2网站系统体系结构的发展趋势 32参考文献 34

第1章绪论1.1开发工具的选用及介绍1.1.1ASP的优势ActiveServerPages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。1.1.2ASP的特点任何开发工具皆可发展ASP。只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。a、ASP通吃各家浏览器由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。b、语言相容性高：ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。隐密安全性高。如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。c、易于操控数据库：ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、sqlserver、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。所以我选择了ASP+ACCESS结合Dreameweaver8架构网站。在此期间使用Dreamweaver8进行ASP页面的编码，并使用IIS5.1对页面进行调试。1.2ASP技术访问WEB数据库1.2.1访问WEB数据库的多种方案目前在WINDOWS环境下有多种访问WEB数据库的技术，主要有：a、公共网关接口CGI(CommonGatewayInterface)CGI是较早实现的技术。适用于多种服务器平台，如UNIX、WINDOWS等，但CGI的开发成本高、维护困难、功能有限、不具备事务处理功能、占用服务器资源较多。b、先进数据库连接器ADC(AdvanceDatabaseConnector)ADC提供了ActiveXControl来访问数据库，它的主要特点是数据查询由用户端浏览器执行，因而需将服务器端数据库中的部分记录下载到用户端，系统开销较大、响应慢，只适用于特别频繁的数据库查询操作。c、JAVA/JDBC语言编程JAVA语言是一种面向对象、易移植、多线程控制的语言，可通过JDBC去连接数据库。用JAVA/JDBC编写的软件可移植性强，适用于多种操作系统，但其执行效率和执行速度还不理想，目前无法建立高效、高速的应用。d、动态服务器页面ASP(ActiveServerPage)ASP是微软公司最新推出的WEB应用开发技术，着重于处理动态网页和WEB数据库的开发，编程灵活、简洁，具有较高的性能，是目前访问WEB数据库的最佳选择，并且具有简单易于上手的优点，故本次网站的制作选用了ASP。1.2.2ASP简介a、ASP访问数据库的原理ASP是服务器端的脚本执行环境，可用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言(JavaScript或VBScript)，通过ODBC连接数据库，由数据库访问组件ADO(ActiveXDataObjects)完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回客户端显示。由于ASP在服务器端运行，运行结果以HTML主页形式返回用户浏览器，因而ASP源程序不会泄密，增加了系统的安全保密性。此外，ASP是面向对象的脚本环境，用户可自行增加ActiveX组件来扩充其功能，拓展应用范围。b、ASP页面的结构ASP的程序代码简单、通用，文件名由.asp结尾，ASP文件通常由四部分构成：(1)标准的HTML标记：所有的HTML标记均可使用。(2)ASP语法命令：位于<%%>标签内的ASP代码。(3)服务器端的include语句：可用#include语句调入其它ASP代码，增强了编程的灵活性。(4)脚本语言：ASP自带JavaScript和VBScript两种脚本语言，增加了ASP的编程功能，用户也可安装其它脚本语言。c、ASP的运行环境目前ASP可运行在三种环境下：(1)WINDOWSNTserver4.0运行IIS5.0(InternetInformationServer)以上。(2)WINDOWSNTworkstation4.0运行PeerWebServer6.0以上。(3)WINDOWS95/98/XP运行PWS(PersonalWebServer)。其中以NTserver上的IIS功能最强，提供了对ASP的全面支持，是创建高速、稳定的ASP主页的最佳选择。第2章系统分析与总体设计学校的网站是向访客全面展示学校形象的一种媒介，因而网站中各种新信息发布的频率非常高，如果使用静态网页作为新闻页面，则维护工作将非常繁琐，管理员每天需要制作大量的网页上传至服务器空间进行替换，从而浪费大量的人力物力。综合考虑，采用了ASP的动态网页，使信息的发布、管理和留言变得很轻松，管理员只需在后台添加文章处选择一级目录，二级目录并设置标题、内容和图片等信息就可以了，提交后系统将自动生成对应的网页。本文将对学校网站信息的发布及管理进行系统分析与总体设计。系统安装要求1)硬件环境：WINDOWSXP+IIS5.1或以上数据库：MSAccess2003或以上3）推荐配置：WindowsXP+IIS5.1+Access2003注意事项：为保证数据的正常更新，要将数据库父文件夹设置属性为可读可写。2.1网站功能描述网站最主要的功能是通过后台更新信息，通过选择要更新信息的不同的一级和二级栏目来将不同的信息更新至不同的板块，另，网站还支持投票和投票管理以及留言和管理留言等模块。具体描述如下：a、管理员管理：(1)添加用户；(2)修改用户信息；(3)删除用户。b、版块管理：(1)添加固定信息版块；(2)固定信息版块参数设置；(3)固定信息管理。c、文章管理管理：(1)添加文章；(2)管理文章；(3)调整栏目结构；(4)增加投票；(5)投票管理。d、明星管理：(1)添加校园明星；(2)管理明星e、留言管理：留言回复，审核，删除功能。f、下载管理：可以添加/修改/删除下载内容，如资源下载、软件下载、课件下载等学习性内容。g、公告管理：设置校园公告内容。h、报名管理：可通过前台添加学生报名信息。i、成绩管理：前台可输入学号及姓名查询对应的成绩，后台可以添加/修改/删除学生成绩。j、领导信箱：可以为校园某个领导分派单独的权根，查收自己的信件。2.2系统功能模块划分从功能描述的内容可以看到，本网站可以实现如下几个完整的功能。根据这些功能，设计出系统的功能模块，如下图2-1所示。成都纺织高等专科学校网站系统成都纺织高等专科学校网站系统用户管理固定信息管理文章管理明星管理留言管理公告管理下载管理成绩管理其他辅助管理图2-1功能模块示意图本网站系统的功能模块之间的关系如下图2-2所示。后台系统后台系统提供数据文章管理前台页面数据库各模块信息发布辅助管理相关文章留言图2-2功能模块关系图在本网站中，管理员管理模块的功能比较简单、只有添加、修改、删除功能。管理员管理功能模块的关系如下图2-3所示。管理员管理管理员管理添加、修改、删除用户信息用户图2-3用户管理功能模块的关系图2.3系统流程分析为了进一步展示本网站系统的设计，本小节将对系统进行流程分析。管理系统的工作流程都是从用户登录模块开始，对用户的身份进行认证。身份认证过程：确认用户是否是有效的系统用户，此过程决定用户能否进入系统。本网站分为前台页面和后台程序两个部分。前台页面即任何访客都能浏览的界面，故不需要进行身份认证，任何人都可以通过浏览器阅读已经发布的新闻、填写留言等。管理员拥有所有的操作权限，后台系统的流程分析如图2-4所示。开始开始用户登录失败重试管理所有用户的信息管理已发布的信息，发布新信息，所有网站功能板块的管理管理员图2-4后台系统的流程分析留言系统的流程分析如下图2-5所示。开始开始用户登录失败重试回复留言、删除留言等发布留言管理员普通用户图2-5留言板的流程分析第3章系统数据库结构设计与实现3.1创建数据库首先创建一个数据库2008.mdb用来保存本系统的所有数据。3.2数据库逻辑结构设计本网站定义的数据库中包含以下几个表：管理员表：imagert、新闻类别表：news、公告信息表：gg、校园明星表：star、留言表：tubook、一级板块表：yikind、学生成绩表：results、二级栏目表：erking等其他一些简单的表。下面分别介绍这些表的结构：a、管理员表imagert管理员表imagert用来保存管理员信息。在设计数据库结构时，很多表都需要设计一个整型字段作为标识列，这已经成为惯例，例如表imagert中的ID字段。所谓标识列，就是可以惟一标识一行记录的列，在表中不会存在两条标识列相同的记录。如果其他表需要引用表imagert中的数据，则在表中添加一个ID字段就可以了，结构如表3_1所示。表3_1表imagert的结构编号字段名称数据类型1ID自动编号2Geetid文本3Pwd文本b、新闻类别表news新闻类别表news用来保存新闻类别的信息，结构如表3_2所示。表3_2表newsclass的结构编号字段名称数据类型1ID自动编号2Yiid数字3Erid数字4Title文本c、公告信息表：gg公告信息表：gg用来保存最新的公告信息，在此表设计时用到了文本、数字、日期/时间、备注等数据类型，结构如表3_3所示。表3_3表gg的结构编号字段名称数据类型1Id自动编号2Title文本3Content文本d、校园明星表：star校园明星表：star用来保存添加的校园明星信息，结构如表3_4所示。表3_4表star的结构编号字段名称数据类型1ID自动编号2Name文本3Professional文本4Age数字5Sex文本6Photo备注e、留言表：tubook留言表：tubook用来访客的留言信息，结构如表3_5所示。表3_5表tubook的结构编号字段名称数据类型1Bookname文本2Bookemail文本3Booktitle文本4Txtip数字5Booktime时间/日期6Bookhui文本7Huitime时间/日期8Deanno文本f、一级板块表：yikind一级板块表：yikind用来保存网站的一级栏目信息，结构如表3_6所示。表3_6表yikind的结构编号字段名称数据类型1Yiid自动编号2Yiname文本3Show复选框4Yiorder数字g、学生成绩表：results学生成绩表：results用来保存学生的成绩信息，结构如表3_7所示。表3_7表results的结构编号字段名称数据类型1Id数字2Xuehao数字3Classo文本4Yuwen数字5Shuxue数字6Yingyu数字7Wuli数字8Huaxue数字9Zhenzhi数字h、二级栏目表：erking二级板块表：erkind用来保存网站的二级栏目信息，结构如表3_8所示。表3_8表erkind的结构编号字段名称数据类型1Erid数字2Yiid数字3Ername文本4Show数字5Erorder数字6Ernum数字另外还包括一些简单的表：下载文件表：down、领导信箱表：deandate、首页固定信息表：com_kind以及学校介绍表com，在此就不一一赘述。第4章系统主界面与后台界面设计4.1主界面设计本主界面为index.asp，它的功能是显示新闻中心中的最新新闻，以及最新发布的学生工作、招生就业、党团建设、就业信息等四个模块的信息，并在首页底部提供进入管理界面(admin_login.asp)的链接。使用包含文件来定义头部和底部的板块，省去了逐个页面修改连接的繁琐，首页文件（index.asp）是由top.asp,buttom.asp等模块组成。首页效果图如下：4.1.1显示网站各个模块的链接此模块是由top.asp页面所包含，主要是显示首页到各个子页的链接。Top.asp界面如下图4_1所示。图4_1Top.asp界面4.1.2显示热点新闻此模块显示最新更新的新闻信息，如果一次性更新新闻较多，则网页会被拉长，给用户阅读带来不便，为了解决这个问题，本系统使用了更多这个功能。使用了代码：<%setrss=conn.execute("selecttop6*fromnewsorderbyiddesc")%>，即从数据库中选取前六条新闻显示在新闻中心这一板块，余下的则采用了更多这个功能，点击后可以进入到新闻列表界面（list.asp）浏览全部的新闻。4.1.3显示最新图片新闻此模块主要是显示最新的图片新闻：显示图片及图片链接和各类新闻的热点新闻。运用了JS文件实现框架使得图片得以显示。界面如图4_2所示。图4_2最新图片新闻界面4.1.4显示详细新闻点击每条新闻的标题或者相应的图片后可以跳转到显示新闻详细内容的页面。4.2后台程序设计4.2.1登录界面在对系统进行管理之前，需要通过系统的身份认证。本站中使用admin_login.asp进行身份验证。只有用户名和密码正确才可以进入管理界面否则回到该界面。登录界面如下图4_4所示。图4_4登录界面4.2.2管理界面词界面在通过验证之后才可以进入，它分为固定信息区、文章管理区、明星管理、下载管理以及辅助管理等模块。它是由框架组成的，从而可以减少重复的部分并可以使系统维护更容易。管理界面如图4_5所示。图4_5管理界面4.2.3留言板界面点击主页上雁过留声这一导航栏之后便进入了留言板模块，任何访客均可留言，并设置了选择头像等个性功能。留言界面如图图4_6所示。图4_6留言界面第5章后台管理模块设计5.1管理员管理模块管理员管理模块设计可以实现以下功能：(1)添加用户信息；(2)修改用户信息；(3)删除用户信息。只有管理员用户才可以进入管理员管理模块，在tz_admin_index.asp中，单击左侧的“用户管理”超级链接，可以打开管理员管理页面admin_manage.asp。5.1.1管理员管理界面打开管理员管理界面，如图5-1所示。图5-1管理员管理界面5.1.2管理员管理功能分析a、添加用户功能：添加的信息包括帐号、密码，通过隐藏域传递ADD信息admin_savemanage.asp页面接收此信息并作相应的处理。b、修改用户信息：修改信息包括修改帐号、密码，通过隐藏域传递edit信息admin_savemanage.asp页面接收此信息并作相应的处理。c、删除管理员信息:此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。5.2版块管理模块固定信息管理可以实现以下功能：(1)添加版块信息；(2)修改版块信息；(3)删除版块信息。只有管理员用户才可以进入管理员管理模块，在tz_admin_index.asp中，单击“固定信息参数设置”超级链接，可以打开版块管理页面admin_class.asp。5.2.1版块管理界面打开版块管理界面，如图5-2所示图5-2版块管理界面5.2.2版块管理功能分析a、删除版块信息：此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。通过字符串传递del信息request接收此信息然后调用SubDel()过程并作相应的处理。b、添加版块信息：添加的信息包括版块的名字，通过字符串传递ADD信息request接收此信息然后调用SaveAdd()过程并作相应的处理并且调出添加模块。c、修改版块信息：修改版块的版块名，通过字符串传递edit信息request接收此信息然后调用SaveEdit()过程并作相应的处理并且调出修改模块。5.3文章管理模块文章管理模块设计可以实现以下功能：(1)添加文章；(2)管理文章；只有管理员用户才可以进入新闻管理模块，在后台页面中，单击“文章管理”超级链接，可以打开文章管理页面admin_news.asp。5.3.1文章管理界面文章管理界面，此界面具有良好的视觉效果和友好的操作界面，可对新闻进行编辑和删除的操作。具体效果如下图5-3所示。图5-3新闻管理界面5.3.2文章管理功能分析a、显示文章管理信息：为了便于文章管理，tz_admin_index.asp以表格的形式显示各个模块的新闻并在后面有编辑、删除等模块。b、修改文章信息：修改版块的版块名，通过字符串传递edit信息request接收此信息然后调用相应页面并作相应的处理。修改文章的标题、所属版块、添加时间、上传图片、新闻内容、发布人等。c、删除文章信息：此功能比较人性化，在删除时提示用户是否要删除并且把所有的信息清空，直接删除比较方便。通过字符串传递del信息然后调用相应页面并request接收此信息和作相应的处理。d、文章版块转移：转移功能便于文章的管理，在编辑界面使用下拉列表框进行选择，可以将文章的所属板块任意的修改，用下拉列表框进行选择的目的也是为了减少错误和方便于用户。5.4文章添加主要添加文章的内容、标题、类别、图片、发布者等。文章的图片发布主要通过tz_admin_index.asp页面用stream组件取得服务端相对图片路径且上传图片并以此刻的时间命名图片,保存图片到images。添加文章时可以选择文章所在的一级栏目以及一级栏目下在二级栏目，并可以上传图片到首页，将重点文章放在首页展示。文章添加界面如图5-4所示。图5-4添加文章界面第6章留言板模块设计6.1用户添加模块a、用户添加界面：添加用户帐号、用户密码并提示用户那些是必填的界面比较友好打开用户添加界面，用户添加界面如图6-1所示。图6-1用户添加界面b、用户添加的信息：本模块主要是用文本输入数据，输入之后通过adduser.asp页面进行验证。验证通过则添加成功否则返回本页面继续添加。此验证主要验证必填的是否填了，用户名是否已经存在等等。6.2留言板主界面模块a、留言板主界面：此模块主要提供用户发表留言等功能，留言板主界面如下图6-2所示。图6-2留言板主界面b、留言板主界面的实现：发表留言包括：姓名、性别、头像、QQ号码、邮件、主题、内容等信息。回复主要是管理员在后台进行的，针对某个人的留言进行，本模块虽然简单但也实现了留言板的基本功能。6.3留言板管理模块主要实现了删除留言和回复留言功能，界面如图6-3所示图6-3留言板管理模块界面其中，回复留言界面如图6-4所示图6-4回复留言界面管理员在回复留言时，也可看到访客的留言内容，填写好回复内容之后点击“写好了”就可以完成对留言的回复。第7章其他功能设计7.1明星管理包括添加明星和管理明星。添加明星界面如下图7-1-1所示：图7-1-1添加明星界面管理明星则可对已添加的一些校园明星的信息进行编辑、删除等操作，界面如图7-1-2所示。图7-1-2管理明星界面7.2下载管理包括添加下载和管理下载两部分的功能，和明星管理模块类似，在此就不做赘述。7.3公告管理可以添加和删除首页上显示的公告信息，操作界面如图7-3-1所示。图7-3-1公告管理界面7.4成绩管理此模块包括成绩管理和成绩录入两部分，可以由管理员录入相应学生的成绩以供查询，管理操作界面如下图7-4-1所示。图7-4-1成绩管理界面成绩录入界面如图图7-4-2所示。图7-4-2成绩录入界面7.5领导信箱管理此模块可以删除、添加、修改相应的信箱，操作界面如图7-5-1所示。图7-5-1信箱管理界面第8章结论8.1网站系统总结Web开发技术的飞速发展促进了新闻发布的普及。目前，越来越多的信息发布开始迁移到Internet中来进行，一种新的发布方式－网站系统已成为一种必然的趋势，这种信息发布方式无疑给管理者和用户带来极大的便利，使以前很多不可能的信息发布活动变得异常快捷。本文所涉及的学校网站系统，其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用ASP开发工具，利用微软提供的IIS建立运行环境，再结合MicrosoftAccess2003建立数据连接关系。利用其提供的各种组件，首先在短时间内建立数据库，然后，对数据库进行分析与建立页面，不断修正与改进，直到功能基本实现的可行系统。系统以Web为中心，采用TCP/IP、HTTP传输协议、客户端通过浏览器访问Web以及与Web相连的后台数据库，为新闻发布的管理提供了较好的工具。总体来说，本网站的设计具有良好的扩展能力并且便于维护，使用较为简便，对于管理人员来说是较好的管理工具，但是由于时间和其他方面的限制原因，系统还有很多方面需要改进。我相信在以后的学习生活中定能一步一步的去克服这些，使网站的功能越来越完善。8.2网站系统展望8.2.1校园网站的发展趋势现阶段一些学校的网站系统功能单一，安全性不高，管理也只能是进行删除、修改、编辑等功能，和用户即时交流的的功能都比较少见，大部分的网站最多只有一个留言板，如果访客有问题需要马上得到答复的，