计算机应用与维护毕业论.doc

电子系成教网站泰 州 职 业 技 术 学 院 电子工程系（2006届）毕业论文题 目： 电 子 系 成 教 网 站姓 名： 学 号： 030212132专 业 班 级：计算机应用与维护成 文 日 期： 校内指导老师： 摘 要本系统是根据现代化校园的发展而设计的基于ASP的成人教育网站，本系统展示学校成人教育的风采、优点与特色，增强学生与学校之间的联系。本系统用Dreaweaver MX 2004方法开发管理系统用于泰州职业技术学院电子工程系成人教育网站系统，实现成教对外公布信息的功能。本网在浏览最新公告、上课通知 、课程安排、招生信息和幽默笑话是不需要权限的，而相关的会员信息，留言板就必需是会员登陆后才可以查看和留言，成绩查询是会员登陆后校验身份证号码真确后才可以查看成绩，要查看同学录除了是会员还必需是同学才可以查看本班同学的信息和修改自己的个人信息，但是不可以修改别人的信息。还有后台管理，只要管理员才可以登录，是对最新公告的添加，修改和删除的操作，也可以修改和删除成绩。关键词: 局域网，网页，ASP，Dreamweaver，数据库目 录前言4第一章开发工具的选用及介绍51.1 DreamweaverMX200451.2 介绍ASP61.2.1 ASP的优势61.3 Microsoft Access数据库6第二章 网站的总体分析72.1 系统的使用方法7第三章 网站的设计93.1 数据库的设计93.2 网站设计图103.3 安装IIS103.4 Internet 服务器管理简介113.5 各网页的设计123.5.1 主页设计css 注册 表格排版133.5.2 登陆实现原理133.5.3 学院简介及留言板143.5.4 管理入口、公告的添加、删除和修改14第四章 调试并发布16总 结17谢 辞18参考文献19前 言随着Internet的不断普及，数据信息处理技术得到了空前发展，使得越来越多的人员从事于数据库操作相关的开发工作，并且不断有新人准备加入其中。ASP是当前主流的Web开发工具之一，更是开发基于Internet应用系统的利器之一，它的易学易用及功能齐全，深受程序员和用户钟爱。利用ASP可以实现后台强大的动态交互功能，如登录系统、留言系统等，利用ASP几乎不需要什么复杂的编程，就能完成其他专业开发工具所能达到的效果。现在网站都要满足数据的适时更新，而且可以对已有的数据进行在线管理。因此需要一种管理系统来对网站的资源进行管理。现在网页管理方式很多，比较常见的有前台和后台管理两种。前台管理主要是通过在网页上添加相应管理链接，达到管理的目的；而后台管理则是通过一个单独的网页界面，集中统一管理。本人将通过当前网页比较流行的网页管理模式，来实现前台信息的适时管理。对于一个专门从事设计的公司来说，对外宣传自己的成功作品是必需的。因此要做一个可以浏览自己作品的网页，相应的也就产生了管理和发布的系统。在对外宣传时要求有成功作品的介绍，最好有图片的宣传，还有就是设计类型等。并且要求设计类型具有增加和编辑的功能。网站在网络中应用广泛，因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视，为了更好的办学，提高学校知名度，特构建泰州职业技术学院成教网站。围绕这个标题，本文首先介绍了建立本网站的意义。接着简要阐述了Intranet的相关知识及设计一个网站的步骤。然后具体阐述了本网站的整体规划与设计情况，并对制作网页所用到的相关软件的特点与应用作了概括说明，其中主要包括用DreamweaverMX制作页面，用Access制作后台数据库，用asp实现互动功能，用Photoshop6.0加工处理图像等,并讲述了它们的使用要点及其方法。全文从总体上体现出了作者的制作水平和所要表达的内容。其过程涉及了网站的立意、策划、页面设计以及后台运行的程序等问题。基本阐述了一个网站的制作流程和应该予以重视的问题要点。该设计由一个主页面和若干子页面以超连接的形式出现，各子页面之间也有联系，所以，可以随意转换界面以浏览整个网站。通过这次设计，作者对网络的发展与作用有了更深刻的认识，同时也获得了一些网页制作的技术和技巧，并解决了一些在开发中遇到的问题，积累了一定的实际经验。第一章开发工具的选用及介绍1.1 Dreamweaver MX2004 利用DreamWeaver 2004制作网页会应用到许多各种类型的要素，比如色彩、图片、模板、脚本等。利用站点资源面板将这些东东积累起来，在站点资源基础上构建自己的偏好资源库，只要我们定义了自己的站点，就可以随时随地将使用频率高的资源调出来应用到站点文件中。用快捷键F11打开资源面板，各种类型的要素就会自动地增加到相应标签上，例如色彩，结合Shift或Ctrl键选择我们常用的一个或多个色彩资源，单击右下角Add to Favorites按钮，将该资源添加到偏好资源列表中。应用时很简单，选择要应用的区域，将该资源拖动到该区域上即可。1.2 介绍ASPASP是一套微软开发的服务器端运行的脚本平台，ASP 内含于 IIS当中，目前IIS最高版本为5.0版本。通过 ASP 我们可以结合HTML网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。ASP是经过服务器解析之后再向浏览器返回数据，所以有了 ASP 就不必担心客户的浏览器是否能运行你所编写的代码。因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。但是这样也导致一个问题，运行ASP页面相对于普通的html页面要慢一点，因为普通的html页面只需要浏览器就能够解析，而ASP则必须是服务器将整页的代码都执行一篇之后再发送数据。ASP的安全性还是要提一提，由于代码是需要经过服务器执行之后才向浏览器发送的，所以在客户端看到的只能是经过解析之后的数据，而无法获得源代码，故编写者不用担心自己的代码会被别人剽窃。1.2.1 ASP的优势:Active Server Pages:“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端的浏览器上执行，若使用VBScript来设计程序，客户端在IE浏览器中可以显示程序执行的结果，可是，客户端若使用Netscape浏览器就无法显示Vbscript的执行结果。只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，ForntPage Express、Front等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。1.3 Microsoft Access数据库“数据库管理系统”是用来操作及管理数据库的软件，Microsoft Access就是属于数据库管理系统的软件，用户通过这个软件可以对数据进行输入、修改、编辑等工作。我们就以发布公告为例介绍数据库管理系统的功能，利用数据库管理系统输入新的数据（发布新的公告）、删除或修改数据（淘汰旧公告），并提供查询功能（查询服务），读者只要通过查询系统，就可以找到的相关数据。第二章 网站总体分析在整个系统中系统中网站整体划分为：最新公告、成绩查询、上课通知、课程安排、同学录、留言板、招生信息、学院概况、管理入口、最新公告的添加、删除和修改、成绩的修改和删除、上课通知的添加、修改和删除。2.1 系统的使用说明安装好Dreamweaver MX 2004后，还必须配置IIS,建立站点。系统使用的注意事项：1、系统布局a) 由于成教网站是一个对外交流接触的窗口，所以其效果直接反映我系成教系统的形象，所以网站的整体布局是非常重要的，必须考虑各种功能的使用方便性，信息的明朗性等，如主页不要太罗嗦，要反映的信息可以选择一两个重点，其他全部简单的链接到其他页面。网页的整体排版要求用表格实现，尽量少用层。2、 动感效果a) 包括：状态栏文字、探出窗口、滚动文字、页面动画等。可以根据以前所学知识，结合上网调查，用代码实现。其中滚动文字一般使用HTML标签实现。b) 代码格式为：滚动文字的具体内容3、 CSS使用a) 网页的特殊效果美化通常是在系统设计前规划好的，在系统设计过程中具体进行。这些效果及风格的处理与统一，一般是采用CSS样式表的方式进行的。b) 为了方便整个网站的CSS样式的统一、网站各页面之间风格协调，可以把CSS样式表统一写在一个外部文件中，并在每个页面中载入使用。网页的正文字体一般采用12像素，标题字体可以稍大。如果想要标题好看，最好采用图片艺术字的方式。4、 ASP代码a) DreamweareMX中自带了部分ASP代码的自动生成功能，有时为了加快网站的开发速度，可以自动生成部分功能的代码，然后根据个人需要自行改动。一般来说，一个好的网站系统，各种功能的ASP代码都要尽量实现其通用性，比如用户登陆的代码，可以制作成一个独立的、通用性好的文件，然后在需要的地方，只要载入相关文件就可以实现相关功能，这样整个代码简洁、美观、易于维护修改。 第三章 网站的设计3.1 数据库设计采用的数据库是Microsoft Access ，拟建立a.mdb库文件和book.mdb库文件，其中book.mdb库文件包含留言板表（留言板.mdb）表文件。用于存放个人信息的数据( user )见表：字 段 名字 段 类 型说 明取 值d-namevarchar（10）姓 名不允许为空d-sexvarchar（2）性 别d-birthdaydatetime出生年月d-qqqqd-mailvarchar（20）emaild-addressvarchar（50）家庭地址d-phonevarchar（20）家庭电话d-callvarchar（20）手机d-memovarchar（50）备注存储系统注册用户信息( guest )：见表字 段 名字 段 类 型说 明取 值d-userVarchar（12）用户名主 键d-passVarchar（12）用户密码不允许为空d-leveltinyint用户的操作权限不允许为空数据库链接程序如下：dim objconnset objconn=server.CreateObject(ADODB.connection)objconn.connectionstring=provider=microsoft.jet.oledb.4.0; & data source= & server.MapPath(date/a.mdb)objconn.opendim objrsset objrs=server.CreateObject(ADODB.recordset)32 网页设计图主页index.asp招生信息学院概况管理员登陆成绩查询留言板课程按排最新公告登陆3.3 安装IIS安装IIS之前，必须确保该台Windows 2000的服务器配置了TCP/IP协议，并且使用静态的IP地址。出于安全方面的考虑，建议在NTFS文件系统的分区中安装IIS。 在安装Windows 2000 Server的时候，默认自动安装IIS，并建立默认的Web站点和FTP站点。用户也可以通过“控制面板”中的“添加/删除程序”完成自行完成IIS的安装。 安装完成后，单击“开始”菜单“管理工具”下的“Internet 信息服务”，即可启动Internet信息服务器。图2.13.4 Internet 服务器管理简介为了管理web站点，在Windows XP的管理工具中携带一个叫做“Internet 服务管理器”的工具。这个工具可以管理Web服务器，FTP服务器和SMTP服务器。 安装IIS后双击“控制面板”中的“管理工具”图标。在显示出的“管理工具”窗口中，双击“Internet信息服务”图标。图2.2在Internet信息服务窗口中有左，右两个窗格。左窗格称为范围窗口并显示名称空间的树状视图，当选择它的某节点时，右窗格显示选择的结果。在Internet服务器管理器中可以对Web站点进行全面地管理，包括建立新站点，站点的日常维护等工作。3.5 各网页的设计系统的主要功能是通过几个模块来实现的。具体的设计过程如下：(1)主页是各个页面的入口，有返回主页、设为主页和加入收藏夹的功能，主要包含动态滚动的最新公告板块，专题板块，学院链接板块，还有就是会员登陆和注册表单和管理员登陆入口；(2)登陆功能，要求登陆功能在每页正上方出现，可以用会话Session实现，参考实现算法：当Session中的用户名为空时，则显示”对不起，你还没有登陆，请返回主页登后在来查看本页。”，返主页用户输入用户名和密码提交到同一页面，这个时候打开数据库，查找用户名和密码是否存在数据库中，并检查是否匹配，如果通过检查，则显示欢迎信息，并把用户相关信息存入Session中；如果Session中的用户名不为空，则显示欢迎信息；(3)注册功能，如果用户想要浏览论坛的留言，或者在论坛里发言，或者想查看成绩，同学录等，就要求用户注册为网站会员；(4)最新公告页面，能够从最新公告数据库中读取相关记录显示在页面上，实现动态更新最新公告系统；(5)上课通知页面，能够从上课通知数据库中读取相关记录显示在页面上，能够在管理界面进行添加、修改和删除操作；(6)课程安排，这个部分可以用静态页面，做几个超链接就可以，输入要求的相关内容，并进行精心的排版，让页面美观、简明，内容表述清楚；(7)成教招生介绍，这个部分可以用静态页面，输入要求的相关内容，并进行精心的排版，让页面美观、简明，内容表述清楚；(8)学员信息，先判断用户权限，如果为成教学生，则从数据库中读取成教学员信息，显示在页面上，如果不是成教学生，则显示用户权限错误信息；（只有通过学员信息注册才能查看该界面）(9)成绩查询，先判断用户权限，如果为成教学生，则从数据库中读取该学员的成绩信息，如果不是成教学生，则显示用户权限错误信息； (10)同学录，先判断用户权限，如果为会员但同时也是成教学生，则从数据库中读取该学员所在班级的同学通讯录，如果不是成教学生，则显示用户权限错误信息；（只有通过学员信息注册才能查看该界面，并只能更改本人的信息。）(11)会员信息，是显示所有会员的全部信息，所以数据都是从数据库中读取。(12)留言板，先判断用户权限，如果用户已经注册为会员，则显示主题列表，如果没有注册为会员，则要求用户注册。（会员表和学院表为两个表）(13)后台管理，是管理员从管理入口进入管理界面，是对最新公告、上课通知的添加、修改、删除操作。3.5.1 主页设计css 注册 表格排版 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于校务，就得利用ASP与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的WEB画面来实现。通这全方面的运用，才可能使成教网更加完美。为了使得网页中的文字均统一使用css样式，可以先编写一个网页专门存放css设置代码，然后通过超链接实现即可。具体代码如下：制作注册页的主要代码如下：username=request.Form(name) mima=request.Form(mima)sex=request.Form(sex)id=request.Form(id)dress=request.Form(dress)email=request.Form(email)tel=request.Form(tel)yb=request.Form(yb)Response.Write username以上代码的字段分别为姓名、密码、性别、ID、地址、邮件、电话，其字段必须与数据库中的字段一致，否则结果将显示乱码，无法显示预先的效果。所有的字段是通过表格的形式实现的，所以表格必须使用css样式进行美化。3.5.2 登陆实现原理考虑到经常要维护首页的实际情况，为了使首页中的代码更清晰，将代码比较多的登陆功能也分离出去，在首页中，只存放关键的代码部分。3.5.3 学院简介及留言板这个页面主要是为了让大家能够更加深厚的了解我们学校的情况，使我们能够得知学院中的所有的学院领导还有学校的分布情况，这样使我们对自己的学校更加明白。通过做这个网页实现了我们对学院不要在向以前那样不知道什么地方而找了，我们可以通过上面的分布图在去了解。留言板是网页上相当常见的功能，浏览者可以借此张贴留言给站主或其他浏览者。留言板index.asp采取分页显示，每页默认的记录条数为5条，也可以视实际情况进行调整，网页的上方会显示页次的超级链接，只要点取页次超级链接，就可以显示该页的记录内容，而且输入的留言越晚显示就越靠前。如果您点取页次超级链接之后，网页上方所显示的该页次将不设置为超级链接，表示此为目前正在显示的页次，以和其他页次超级链接区分。若要输入新留言，可能在网页下方的表单中输入作者、主题、留言的内容及EMAIL，然后按“张贴留言”，新留言就会显示在第一页的第一条记录。主要实现代码如下：if PageNo= then PageNo=1end ifshowPage objrs1,PageNo objrs1.close set objrs1=nothing objconn1.close set objconn1=nothing其实现代码的核心是通过数据库的连接实现的，所以在使用的过程中必须将数据库的路径名写正确。3.5.4 管理入口、公告的添加、删除和修改管理入口p页面是将表单里文本框name,mima的内容提交到登陆界面，在登陆界面连接数据库判断姓名和密码的真确性，如果正确就会转到管理界面对公告进行管理，如果姓名或密码错误则回出现错误的提示。添加公告是把最新公告发布到网上，主要是通过在网页的表单内容填写好传送到添加界面，然后在使用插入记录的语句将所有内容添加到数据库表中。 修改公告是对已有公告信息的内容进行编辑修改操作，重新保存数据库中，使用更新记录的语句来实现，在修改界面页面中通过选择ID号的查找到要修改的公告内容在数据库中的记录号，然后根据记录号从数据库中调出相应的数据在修改页面中显示出来，在修改页面的表单中进行修改，修改过后把修改过后的数据传到数据库中，最后会显示成功的信息。删除公告是对已经过期的公告信息所有内容进行清空操作，它的程序同修改公告差不多，同样需要在页面中通过选择ID号来查找到删除的公告内容在数据库中的记录号，然后根据记录号从数据库中调出相应的内容在界面中显示出来，如果确实不需要这条记录了，到数据库中进行删除，最后显示成功的信息。具体代码如下：dim strsqlstrsql=select * from fb where ID=+request(id1)* 查找 *dim objrsset objrs=server.CreateObject(ADODB.recordset)*联接记录集*objrs.open strsql,objconn,3,3,1*打开记录集*if not objrs.eof then *如果不为空 objrs.delete*删除*第四章 调试并发布经过了三个月的努力，毕业设计已经基本上完成了，在这个两个月的时间里面，我抓紧在学校上机的时间，对自己的毕业设计进行反复的修改。功夫不负有心人，终于在4月中旬毕业设计和论文终于完成。在做毕业设计的过程中遇到了很多问题，例如做一个页面的时候有的代码根本就不知道是什么意思，所以我会向同学和指导老师请教，或者就是上网查阅关于这方面的知识，当自己懂得意思的一瞬间真的有种说不出来的喜悦。有的时候我会发现插入的图片在网页中看不到，调试了老半天依然如此，最后才发现原来在我保存的时候用的中文名字，还有的是图片的格式不相同。在用户注册的过程中，它会通过“登陆检测”来实现。如果你还没有注册就会出现“对不起，你还没有注册！请先注册”或者就是“对不起，你的密码不对，请重新输入”，当你注册过，就会出现“登陆成功”，就会跳转到另外一个界面，它主要是通过一些代码来传递的。我的网站里面还可以对自己的信息进行修改，主要就是针对个人的信息，例如你的联系方式或者说是家庭地址等进行修改。但是，在制作留言版的时候遇到的问题更大，至今为止还有些调试不出来，就是能够在上面留言而且发送也成功，就是不能显示上面你所发留言的内容，只能显示是谁发的，我查了很多资料还是没有弄懂，可能是一些代码的错误或者就是制作过程中所留下的错误，希望老师能够原谅。总 结经过两三个多月的设计和学习，本次毕业设计以基本开发完毕。其功能基本符合用户的需求。在此次系统设计中，总体过程还比较顺利。本系统的特点在于使用