校园网站设计与实现论文

毕业设计（论文） 课题: 校园网站设计与实现 学生:汪嘉语 系部:计算机应用系 班级:计算机1022 学号:********** ****:*** 装订交卷日期:2013年5月20日 校园网站设计与实现 目 录 摘 要 ........................................................ I 第一章 绪 论 ............................................... 1 1.1 开发目的 .................................................. 1 1.2 开发工具的选用及介绍 ..................................... 1 1.3 ASP的介绍 ................................................. 3 第二章 开发环境及需求分析 .................................... 5 2.1项目背景 ................................................... 5 2.2 开发环境 ................................................. 5 2.2.1 系统平台 ............................................. 5 2.2.2 运行需求 ............................................. 6 第三章 首页设计 ............................................... 7 3.1 首页说明 .................................................. 7 3.1.1前台首页显示 ........................................... 7 3.1.2 网站的管理 ............................................ 8 第四章 网站总体方案设计 ...................................... 11 4.1 网站简要说明 ............................................ 11 4.2 网站可用性讨论 .......................................... 11 4.2.1 网页布局 ............................................. 11 4.2.2 主题鲜明、富有特色 ................................... 12 4.2.3 版式编排布局合理性 ................................... 12 4.2.4 相关站点引导链接 ..................................... 12 I 校园网站设计与实现 4.3 网站流程图 ............................................... 13 4.4 代码的实现以及关键代码……………………………………………… 13 第五章 数据库设计与文档设计 .................................. 14 5.1 数据库的连接 ............................................. 18 5.2 具体设计文档 ............................................. 19 5.2.1 内容和功能设计 ....................................... 19 5.2.2 前台新闻文摘显示 ..................................... 20 5.2.3 后台管理 ............................................. 20 5.2.4 可视化设计 ........................................... 21 5.3留言系统的设计 ............................................ 21 5.4 管理员登录功能设计 ....................................... 22 第六章 总结 .................................................. 25 致 谢 ....................................................... 26 参考文献 ..................................................... 27 I 校园网站设计与实现 校园网站分析与设计 摘 要 校园网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是促进师生与学校共同发展。 网站的实现采用了DREAMWEAVER 8.0和ASP进行网站设计的开发过程，对网站的设计及网站的实现进行了详细的说明。本文主要是从ASP、DREAMWEAVER 8.0的开发环境的架设开始，一步步进入ASP和DREAMWEAVER 8.0的奇幻世界。网页制作工具Dreamweaver8.0、ASP开发技术，采用VBScript脚本语言进行了开发。内容主要包括HTML，DREAMWEAVER 8.0，ASP，SQL语言的基本概念及高级应用，ASP与数据库的连接。最后对其中的不足与存在的问题进行了讨论,提出了相应的解决方法。功能上虽不是十分完备，但都是在调查研究后，并参考相关的系统资料，学习中外大型优秀网站的优点和特点进行开发设计的，具有一定的技术性。 关键词: ASP ； DREAMWEAVER 8.0 ；HTML；Access；VbScript I 校园网站设计与实现 第一章 绪 论 学院网站是学院的“商标”。在这个高度信息化的社会里，建立学院自己的网站是最直接的宣传手段。网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解学院。 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建安徽职业学院学校网站。 1.1 开发目的 随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现新闻，文摘，资源等的网上发布，多栏目管理，实时的进行行为统计和记录的网上交互系统，达到师生间的交流。 1.2 开发工具的选用及介绍 Dreamweaver的介绍：在本文中采用了Dreamweaver8.0作为开发工具，并结合photoshop8.0做图片特效和flash工具做动态画面效果。本文中简要说明了Dearweaver8.0。 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最1 校园网站设计与实现 强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。 1、灵活的编写方式 Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。 2、可视化编辑界面 Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。 3、功能更多的CSS支持——CSS可视化设计、CSS检查工具 4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。 5、强大的WEB站点管理功能 6、内建的图形编辑引擎 7、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。 8、丰富的媒体支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。2 校园网站设计与实现 Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。 9、超强的扩展能力 Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。 1.3 ASP的介绍 ASP技术 ASP（Active Server Pages动态网页）是微软公司推出的一种用以取代CGI（Common Gateway Interface通用网关接口）的技术。目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。 简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet 上的许多站点，仍然提供“静态”（static）的主页内容。 ASP与常见的在Client端实现动态主页的技术如Java Applet、ActiveX Control、VBScript、JavaScript等不同，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端技术的Script命令则是由浏览器来解释执行。由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。ASP通过后缀名为.asp的ASP文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个URL请求发给Web Server，如果Web Server上装了ASP，就调用ASP. ASP读出相应.asp文件，解释并执行命令，动态3 校园网站设计与实现 生成一个HTML页面回传Web Server，然后Web Server再把结果发送给浏览器。ASP文件的制作和HTML类似，且和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中(将HTML文件的后缀名改为.asp)，这使得HTML文件的编写与脚本的开发融合在一起。通过ASP内置的对象、服务器组件（Server Component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。ASP比较网关及服务器扩展模式有着以下优点： (1) 完全与HTML文件融合在一起； (2) 容易创建，不需要其它编译、链接程序； (3) 面向对象的并通过ActiveX Server对象可扩展。 4 校园网站设计与实现 第二章 开发环境及需求分析 2.1项目背景 HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我们也开始了对学院网站的动态开发，即而让学院网站更加的互动。 2.2 开发环境 2.2.1 系统平台 采用Browser/Server体系结构，服务器端采用运行最低配置要求(全部为中文环境) 操作系统 Windows 2000 Adv Server，Windows 2000 Server 脚本解释器 Vbscripts5.6以上版本，安装Microsoft Internet Explorer5.5以上版本既可获得： Web服务器 IIS 6.0，Windows 2000自带 数据引擎 Microsoft Access 权限要求 对Access数据库具有建表、备份的权限 空间大小 初次安装至少10M可用空间 硬件要求 PIII500 CPU 256M内存或更高 带宽要求 10M共享或更高 客户端软件，包括单机操作系统和浏览器软件，分别选用Windows 2000和Internet Explorer，数据库系统采用Microsoft Access有利于方便操作。 5 校园网站设计与实现 2.2.2 运行需求 在调试和运行过程中，应该能够让系统正常使用时不出错，若运行时遇到不可恢复的系统错误，也应该保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时，能够保证数据的正确性、信息的可靠性、实现的高效性、系统的易使用性、系统管理的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性。 6 校园网站设计与实现 第三章 首页设计 3.1 首页说明 3.1.1前台首页显示 下面通过首页来说明网站整体的功能，如图3-1所示： 图3-1 网站首页图 1.首页的最顶部排列显示大类新闻或文章，用户可以直接点击查看各项大类新闻里面的各项小类新闻，直到阅读每条详细信息。 2. 站点首页，教学科研，教学专题，资源下载，图片鉴赏等各个栏目，后台可以控制排序和位置调整，或显示条数设置。 3. 图片，下载等显示可以任意排序，而且可以直接点击查看相关信息进行查看和更新信息。 4. 设有专题显示和网站调查系统，以及网站的一些统计数据信息，可以7 校园网站设计与实现 按不同条件进行文件信息搜索。 5. 公告部分显示最新发布的各项学院通知信息。 3.1.2 网站的管理 本系统是实现信息发布，多栏目管理，设有网站管理与论坛管理分开管理；使论坛具有更灵活的管理条件。 一、 基本功能介绍： 1、网站基本资料设置(网站名称、网址、等等...一些基本设置)。 2、后台可增加一级分类和二级分类(可更改或添加)前台自动更新。 3、网站底部功能菜单设置内容增加更改。 4、可添加无数条公告 前台自动显示。（内附多功能编辑器） 5、站内新闻及教学文章添加与修改。（内附多功能编辑器） 6、模板添加和管理，导入，导出。 7、投票系统后台可添加多个投票项目，可以设置前台显示例数。前台发表评论功能。 8、强大的广告管理功能，后台自行添加广告代码即可！ 9、在数据库，对密码进行了MD5加密。 10、数据库备份与恢复 二、 文章功能介绍： 1、文章分类栏目管理功能，专题栏目管理功能，分类模版设置管理。 2、自由编辑（HTML）栏目模版，可设置多个模版。 3、搜索页面自定义编辑（HTML）模版。 4、文章添加功能 可自选标题颜色 是否推荐，固顶，热门等功能。 5、支持URL转向，如果设置了网址，那么打开此文章后，自动跳转到设置的URL 。 6、前台支持固顶文章，推荐文章和热点文章的调用，文章模糊搜索功能。 7、内部使用了多功能编辑器可方便地用拖动的方式进行图文混排、图片8 校园网站设计与实现 文件上传、微缩图上传显示效果处理等操作。 三、下载功能介绍： 1、下载栏目分类添加与修改。 2、添加软件 可自行上传软件 自动识别文件大小。 3、前台支持软件固顶功能，热门功能和推荐功能的调用，支持模糊搜索。 4、软件管理与审核，回收站管理，评论管理。 四、 图片功能介绍： 1、图片栏目分类管理与修改。 2、添加图片 可自行上传图片 自动识别图片的大小。 3、前台支持图片固顶功能，热门功能和推荐功能的调用，支持模糊搜索。 4、图片管理与审核，回收站管理，评论管理。 五、 频道管理功能： 1、可任意添加删除频道 （可链接外部链接）。 2、频道间的排序功能。 六、 友情连接功能： 1、可添加无数分类 例为LOGO连接和文字连接。 2、后台直接添加连接和前台申请链接。 3、链接修改，删除，审核链接等一些功能 七、 网站公告管理功能： 1、所有栏目公告，其他页面栏目公告 2、后台直接添加连接和前台申请链接。 3、链接修改，删除，审核链接等一些功能。 八、 留言本功能： 1、留言本前台浏览留言和发表留言功能。 2、管理员回复，修改，删除等功能。 九、 用户密码功能： 管理员在线修改密码。 9 校园网站设计与实现 十、 数据库管理： 1、在线数据库压缩 需FSO的支持。 2、在线数据库备份。 3、在线数据库操作 注意，请备份好数据库在进行操作。 4、空间占用查看管理 需FSO的支持。 十一、JS代码管理： 1、普通文章的JS代码。 2、普通文章的JS代码。 十二、上传文件管理 1、文章频道的上传文件。 2、图片频道的缩略图。 3、图片频道的上传图片。 4、下载频道的软件图片。 5、下载频道的上传软件。 6、网站广告的上传图片。 7、清除无用文件。 10 校园网站设计与实现 第四章 网站总体方案设计 4.1 网站简要说明 这个校园新闻网是个集新闻、信息、交流为一体的网站，是为了让在校学生能刻苦学习的同时，得到适当的放松，并了解学院信息办发布的最新信息技术而设计的。系统的各种功能设计能够符合学院网站的要求，信息，公告，广告，调查等发布功能的实现，能够给网站更多的生气，更多的实现了用户与学院之间的交互性。 4.2 网站可用性讨论 4.2.1 网页布局 实际内容占据网页的大部分空间，为50%～80%，导航部分不超过20%。颜色的选择以青白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背景色的对比度较大，一般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。 为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。 一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能打开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁11 校园网站设计与实现 注明下载文件的大小，帮助用户预测下载时间。 4.2.2 主题鲜明、富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。 要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些LOGO标志应充分加以利用。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。 Web站点主页的基本成分包括：页头：准确无误地标识站点名称和学院标志。 E-mail地址：用来接收用户垂询。联系信息：如普通邮件地址或电话。版权信息：让用户了解系统信息。 重复利用已有信息，如用户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到学院的Web站点中，以减轻数据库的负担。 4.2.3 版式编排布局合理性 网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。 站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。 4.2.4 相关站点引导链接 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。 12 校园网站设计与实现 在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。 4.3 网站流程图 如图4-1所示： 网站服务 网站浏览 用户浏览 查看撰写留言 未注册论坛浏览 注册登陆论坛 论坛浏览和发帖 退 出 图4-1 网站流程图 该流程图是从用户的角度开始的，登录用户可以更好地使用本站提供的信息服务、个性化服务及定期的网站活动；而未登录用户仅仅可以浏览信息，无法进行社区等本站相关的活动及服务。 13 校园网站设计与实现 4.4 具体代码的实现以及重点 <% '建立与数据库的连接 set conn=Server.CreateObject(\"ADODB.Connection\") conn.Provider=\"Microsoft.Jet.OLEDB.4.0\" conn.Open Server.MapPath(\"/data/testdb.mdb\") %> <% '查询数据库多条记录（一条记录） set rs=server.CreateObject(\"ADODB.recordset\") sql=\"select * from main order by Date desc\" rs.open sql,conn,1,2 %> <% '插入数据到数据库中 (传递值方法：Post) set rs=server.CreateObject(\"ADODB.recordset\") user=request.Form(\"user\") qq=request.Form(\"qq\") title=request.Form(\"title\") content=request.Form(\"content\") sql=\"select * from main\" rs.open sql,conn,1,3 rs.addnew '插入记录 rs(\"User\")=user rs(\"Qq\")=qq rs(\"Title\")=title rs(\"Content\")=content rs(\"Date\")=now() rs.update '刷新数据库 14 校园网站设计与实现 %> <% '删除数据库中某一记录 (传递值方法：Get) liuyan_id=request.QueryString(\"id\") set rs=server.CreateObject(\"ADODB.recordset\") sql=\"select * from main where id=\"&liuyan_id rs.open sql,conn,1,2 rs.delete %> <% '更新数据库中某一记录(传递值方法：Post) id=request.Form(\"id_edit\") sql=\"select * from main where id=\"&id set rs=server.CreateObject(\"ADODB.recordset\") user=request.Form(\"user\") qq=request.Form(\"qq\") title=request.Form(\"title\") content=request.Form(\"content\") rs.open sql,conn,1,3 rs(\"User\")=request.form(\"user\") rs(\"Qq\")=request.form(\"qq\") rs(\"title\")=request.form(\"title\") rs(\"Content\")=request.form(\"content\") rs(\"Date\")=now() rs.update '更新数据库记录 %> <% rs.close '关闭recordset对象 set rs = nothing 15 校园网站设计与实现 conn.close '关闭数据库连接 set conn = nothing '释放connection 对象 %> ① conn.execute方法: sql=\"select * from adm\" set rs=conn.execute(sql) ② rs.open方法: sql=\"select * from table\" set rs=server.createobject(\"adodb.recordset\") rs.open sql,conn,1,1 很明显，conn.execute方法效率高很多，但是rs.open sql,conn,1,1的功能多些(参数多的原因,例如: rs.open sqlstr,conn,1,3 ---->(表示打开数据库的方式) rs.addnew 新增加一条记录 rs.delete rs(\"name\")=\"hudi\" 将hudi的值传给name字段 rs.update 刷新数据库 ). 新闻的添加： <% '建立与数据库的连接 set conn=Server.CreateObject(\"ADODB.Connection\") conn.Provider=\"Microsoft.Jet.OLEDB.4.0\" conn.Open Server.MapPath(\"../data.mdb\") %>

16 校园网站设计与实现 <% '查询数据库多条记录（一条记录） set rs=server.CreateObject(\"ADODB.recordset\") sql=\"select * from news order by Date desc\" rs.open sql,conn,1,2 'response.Write(rs.recordcount) %> <% for i=1 to rs.recordcount %> href=../show.asp?id=<%=rs(\"id\")%>><%=rs(\"Title\")%> href=delete.asp?id=<%=rs(\"id\")%>>删除 <% rs.movenext if rs.eof then exit for next 17 校园网站设计与实现 %>

新闻后台管理系统添加新闻
ID	新闻分类	新闻标题	删除	编辑
><%=rs(\"Id\")%>	><%=rs(\"Class\")%>	href=\"edit.asp?id=<%=rs(\"id\")%>\">编辑

<% rs.close '关闭recordset对象 set rs = nothing conn.close '关闭数据库连接 set conn = nothing '释放connection 对象

    %> 第五章 数据库设计与文档设计 5.1 数据库的连接 数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。Microsoft Access数据库相对其18 校园网站设计与实现 它的数据库来说要简单容易操作些，本网站信息发布系统中的数据库文件就是Access类型的数据库，数据库中共有20张表。 以下是本系统与数据库建立连接的dol.asp源代码： <% dim dol dim dolstr dim db db=\"database/doce.mdb\" '数据库文件的位置 Set dol = Server.CreateObject(\"ADODB.Connection\") dolstr=\"Provider=Microsoft.Jet.OLEDB.4.0;Data Server.MapPath(db) dol.Open dolstr sub CloseDol () dol.close set dol=nothing Source=\" & end sub %> 数据库文件data.mdb在连接文件嵌入下，各页面都能够访问数据库，这是实现交互性的前题。 5.2 具体设计文档 5.2.1 内容和功能设计 这个校园网站主要实现新闻、信息等功能，目标用户主要是Internet的在校学生。先明确这个校园网站提供的主要功能： (1) 注册登录系统：提供用来在论坛中发表建议和交流功能 (2) 学院留言系统：提供学院在线技术支持和咨询的功能 19 校园网站设计与实现 (3) 教学科研专区：提供学院教师在个方面的成果及新闻的功能 (4) 新闻公告专区：提供有关学院的公告通知，计算机方面的最新资讯。 (5) 学工在线专区：提供用户之间进行交流的系统 (6) 远程管理系统：管理员模块，用来管理网站论坛会员、数据库以及网站维护等。 5.2.2 前台新闻文摘显示 可以根据网站的需要,进行各种方式的插入,自动更新.如显示栏目导航,显示某栏目的最新N条新闻等. 使用管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻 文章的栏目或内容。例如： 一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的最新新闻(文章)显示条数、某一栏目的热门文章可任意调整。该系统也可经后继开发,使之生成JS代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的新闻文章。 5.2.3 后台管理 1. 文章栏目管理：增加,修改,删除一级,二级文章栏目。 2. 文章添加：按不同栏目添加文章、支持文本、HTML格式或源代码显示、支持图片上传和附件上传。 3. 新闻文章删除：删除旧的文章。 4. 新闻文章删除：在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。 5. 管理员管理：后台管理系统的管理员设置。 6. 基本项目管理：数据库数据管理、系统初始化、网站资料管理、空间占用信息等。 7. 其他项目管理：邮件处理、主机环境变量、组件支持情况、后台使用帮助、文件在线管理等。 20 校园网站设计与实现 8. 留言系统管理：发表、删除、回复留言等。 9. 友情链接管理：分类管理、添加链接、链接管理、审核申请的链接等。 10. 下载和图片文件管理：分类管理、添加新文件、管理已存在的文件等。 5.2.4 可视化设计 网站可视化设计的主要目的是提供给用户一个关于网站的信息展示方案，一个良好有效的网站可视化设计能给用户留下深刻的印象，使得用户能够自然、友好的浏览Web站点所提供的信息，也是网站设计中重要的一环。 可视化设计最重要的是确定网站的页面布局。然后设计网页的表现框架，建立页面模型。 5.3留言系统的设计 留言板的基本功能是让使用者撰写留言或查看别人的留言。一个功能完善的留言板也有着比较复杂的功能，这种复杂性表现在留言板的管理权限和留言丰富的表现形式两个方面。只有撰写者自己才能够重新编辑他自己写的留言，超级管理员可以删除回复留言。 因为使用Access创建数据库最自然的方式就是使用图形界面来创建，所以这里没有必要给出创建这表的SQL脚本。本系统应该包含以下的模块：撰写留言模块、浏览留言模块、保存操作（撰写，删除，回复）的功能模块。 下面是留言板界面，如图5-1所示： 21 校园网站设计与实现 图5-1留言板界面图 撰写留言页面的表单部分代码： <% call showtip() call Guestbook() %> 这部分代码主要是实现显示IP地址和显示留言信息的， <% call GuestBook_Search() %> 这部分代码主要是实现在线留言搜索。留言系统嵌入了UBB功能，用户在编辑留言时就有了自己想要的格式和效果，给用户新意，产生好印象，给下次访问网站带来基础和前提。论坛的设计与留言本类似，只是功能比留言本更加的完善一些，在这里就不一一详细的说明了 5.4 管理员登录功能设计 管理员登录页面是整个系统的核心，是管理员进行后台管理的入口，在此完成管理员的登录和身份验证，如果是合法的用户。读出用户权限，然后转如后台管理页面进行系统的整体管理，本系统中的管理员登录页面是Admin.asp，下面详细的介绍一下登陆页面的创建设计方法。管理员登录页面如图5-2所示： 22 校园网站设计与实现 图5-2管理员登录 登陆页面目的是进行验证身份，这就需要和数据库打交道了，所以首先调用前面设计好的数据库连接文件，调用代码是： 登陆页面大部分代码都为HTML代码，但是我用了验证码技术，因此需要读取验证码信息，下面就是从缓存读取页面所产生的验证码信息的代码： <% option explicit Response.Buffer = True Response.Expires = -1 Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = \"no-cache\" %> 通过管理员信息和验证码信息，使用户登录更具安全性。在后台的管理页面中，由于文件较多，较繁杂，我使用了框架技术，使管理人员有很好的编辑处理界面。在进行编辑处理文件信息的时候能够有比较友好的界面提示，在管理菜单中来选择需要的管理项目，其中按照需求分析管理项目工分为5大模块，分别是新增新闻（软件，图片），管理类型和栏目分类，和修改管理23 校园网站设计与实现 员信息和查看系统信息。 24 校园网站设计与实现 第六章 总结 通过这次校园网站的设计与分析制作，更深层次的熟悉了网站设计的过程，在处理静态页面的问题上，学习到了很多处理浏览器不兼容的问题，主页设计采用静、动态结合的方式，实现了与浏览者的一种很好的交互方式，也体现了学校的勃勃生气。利用ASP与数据库结合的技术实现了数据库查询与管理，利用SQL语法过滤特定的家长留言意见，从而实现了家长联络簿的功能。通过数据库表单的设计也实现了网上图书馆的功能以及网上投票系统的功能和达级考试在线查分系统与计数器的功能。 初步利用后台程序完成了网站的动态响应与生成网页的技术，同时也从中学习了对静态页面的处理风格、色彩搭配，在设计页面导航方面也有了一定经验。在交互式网页设计学会了如何使用Access建立数据库，以及对数据库浏览、修改、添加、查询，如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意、策划、页面设计到后台程序的全面提高。无论是校园网站还是企业网站都必须被要求从浏览者的角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。 本次设计的经验不足，在网站的整体设计与各模块的功能可能设计的不完全，有待进一步改进和完善，提高自身的实战技术，吸取更多的经验。 25 校园网站设计与实现 致 谢 在本次论文设计过程中，陈建锋老师从该论文从选题、构思、资料收集到最后定稿的各个环节给予细心指引与教导，使我对校园网站设计有了深刻的认识，老师是一个为人谦和的人，回答问题时总是非常耐心、用心、细心。工作认真与负责的态度令人敬佩，在课题研究之中也给予了悉心的指导与帮助，使得课题研究能够顺利完成。在此谨向老师致以深深的敬意和衷心的感谢！ 在本论文的写作中，我也参照了大量的著作和文章，许多学者的科研成果及写作思路给我很大启发，在此向这些学者们表示由衷的感谢。导师们的高深精湛的造诣与严谨求实的治学精神，将永远激励着我。这三年中还得到众多老师的关心支持和帮助。在此，谨向老师们致以衷心的感谢和崇高的敬意！ 最后，我要向百忙之中抽时间对本文进行审阅，评议和参与本人论文答辩的各位老师表示感谢。 26 校园网站设计与实现 参考文献 [1]求是科技.编著 ASP数据库开发技术与工程实践.人民邮电出版社出版.2004. [2]杨威.编著ASP 3.0网络开发技术.人民邮电出版社出版.2000. [3]邓问渊,陈惠贞,陈俊荣.编著ASP与网页数据库设计.中国铁道出版社出.2001. [4]刘遵仁,于忠清.SQL Sever中文版基础培训教程.人民邮电出版社.2002. [5] 赵增敏.ASP可视化编程及应用[M].机械工业出版社.2005. [6] 龚小勇.关系数据库与SQL Server2000[M].机械工业出版社.2008. [7] 陈家琪.C程序设计教程[M].新华出版社.2004. [8] 明日科技.ASP.NET数据库系统开发完全手册[M].人民邮电出版社.2007. [9] 邓春妮,孙艳华,邹庆云. ASP.NET信息化系统建设案例[M].人民邮电出版社.2006. [10] 张固,汪晓平.编著.ASP网络应用系统典型模块开发实例解析.人民邮电出版社出版.2004. 27