高校信息院网站的设计与开发

1 高校网站建设背景

伴随着数字化校园的建设，某高校学院原有的网站已经具有一定的规模，它的质量和用户数量已经有了很大的提升，但是在提升的同时，也面临着各种各样的问题，比如内容简单、页面单调、管理缺乏活力、技术老旧等，无法满足网站访问者的需求。本文以某高校学院旧的网站为例，尝试从信息院类网站的特点出发，并结合学院实际管理方法和需求，重新审视信息院类网站建设和管理现状，探索研究信息院类网站设计与开发的新思路、新方法。

2 需求分析

本设计的开发应满足以下需求：

（1）系统管理员可以登录系统后台管理进行系统数据的增删查改，例如：对用户信息的编辑，删除；对文件视频资源的管理；对师生留言及回复的管理；以及对新闻通知的发布管理等。

（2）教师可以通过注册登录查看自己的信息及留言、回复，并上传学习资料。

（3）学生可以通过学号登录查看修改自己的信息，与同学老师进行互动，下载学习资料和视频等。

（4）所有用户包括教师、学生、访客都可以查看学院的新闻通知以及学院概况等。

（5）系统数据的安全性，防止非法用户以及“顽皮”用户对系统数据进行恶意篡改，避免系统数据的泄密，保障系统数据的可靠性、完整性。

3 系统主要功能模块

3.1 注册登录模块

注册：用户输入基本信息，包括姓名、学号、电话号码等，以及各项信息的前台验证，验证用户填入信息格式是否符合要求。

登录：验证用户是否注册。

登录注册的同时还实现了验证码的功能。确保系统安全。

3.2 新闻通知浏览模块

本模块的主要功能是显示学院概况和学院相关新闻通知，方便用户了解学院，及时获取学院的新闻通知等信息。包括学院概况4个页面、新闻通知的列表页、新闻通知的详情页显示。

3.3 师生互动模块

在师生注册登录之后，可以在“我的学院”中进行留言和回复留言，同时可以对自己的留言记录进行查看。

3.4 资源共享模块

本模块主要实现师生在未登录的情况下可以对文档资料和视频文件进行下载和观看。在师生登录的情况下可以上传相关学习资料和视频进行资料的共享。

3.5 新闻通知管理模块

本模块主要为后台管理员服务，实现新闻通知的发布，顺带新闻通知的图片的添加，以及修改、删除新闻通知等功能。

3.6 用户管理模块

本模块也是为后台管理员服务，主要功能是让后台管理员可以对师生的登录密码进行重置，对用户的相关信息进行修改，对系统管理员的添加、删除、修改等操作。

3.7 资源管理模块

后台系统管理员也可以对用户上传的资料和视频进行查看，例如文件的上传者，文件的格式、大小等信息进行查看，还可以对这些文件进行删除操作。

3.8 留言及回复管理模块

对师生登录之后发表的留言以及回复的留言进行管理，在删除留言的同时提醒管理员该条留言下是否有回复，如果有，先删除回复再删除留言。反之，直接删除留言。

3.9 新闻图片管理模块

本模块的主要功能是对新闻通知的图片进行添加文字水印和学院logo水印的操作，管理员可以根据需要对已经上传的新闻图片添加“电子信息工程学院”的文字的水印或者学院logo的图片水印。让用户在浏览新闻通知的时候加深对本学院的印象，同时也是对学院新闻通知图片的一个版权保护。

4 总体的系统功能设计

本系统采用W i n d ow s下的A p a c h e+My S QL/MariaDB+Perl/PHP/Python架构（Apache+MySQL/MariaDB+Perl/PHP/Python，WAMP），基于B/S网络模式进行开发。可以将系统分为前台和后台两个子系统。

4.1 前台子系统的设计

前台子系统主要对师生的注册登录到师生之间的互动、资源共享等各模块的设计，每个功能模块又分为若干个子板块。

（1）注册、登录：用户只有注册后才能登录系统，否则只能查看浏览学院概况、新闻和文件资源，如果用户要进入“我的学院”，系统会提示用户进行登录，同时会判断用户是否已经注册，若没有注册会提示用户进行注册。注册登录之后才能进行留言和资料上传等操作。

（2）师生互动：用户在登录之后可以在“我要留言”栏目中进行留言，也可以在“所有留言”中查看同学和老师的留言并可以选择性地回复。同时在“我的留言”栏目中查看自己的历史留言记录。

（3）资源中心：用户在登录和未登录的状态下都可以访问“资源中心”，下载相关学习资料文档，观看学习视频并下载。

（4）新闻通知浏览：用户在未登录的状态下，可以阅读浏览学院内的相关新闻和通知。

4.2 后台子系统的设计

系统后台的各种功能设置、数据管理、信息维护等操作，都要通过系统管理员来维护，例如新闻的发布、用户密码的重置、留言的管理等。

（1）用户管理模块：包括对系统管理员的管理，师生信息的管理，即师生信息的修改，删除已经注册的老师和学生等操作。

（2）登录、注销：系统管理员在前台首页登录成功后系统自动跳转到后台管理首页，在系统管理员操作完成之后设置了注销功能，在账户注销之后，非系统管理员就无法进入系统后台首页。

（3）资源、留言管理：管理员登录之后，可以对师生上传的学习资料和视频以及留言以及回复等进行查看、删除操作。

（4）新闻通知管理：管理员登录后台之后，可以发布最新的学院新闻和学院的最新通知，或者对新闻通知进行编辑、删除等操作。

5 几大关键技术的实现

5.1 数据信息验证技术

Web开发中有两种常见的验证方式，一种是通过前台浏览器端JavaScript脚本验证，另一种是将数据信息发送至服务器，由服务器端进行验证。本系统同时采用这两种方式。

（1）浏览器端验证。浏览器端的验证主要对用户提交的数据信息进行验证，检验数据信息是否符合系统的要求，比如对表单内容是否为空、格式是否符合要求、内容长度是否在允许范围、验证码是否正确等。这些验证都可以通过存在于浏览器端的JavaScript脚本代码进行验证。

（2）服务器端验证。服务端主要对用户提交发送过来的信息与数据库中相对应的信息进行匹配验证，来判断用户是否合法。在本系统注册的用户主要有两类师生和管理员。管理员登录时提交的管理员名称和登录密码，服务器都会进行严格检测，若匹配成功，则页面提示“登录成功，欢迎”，然后跳转到后台管理首页，反之，提示“用户名或密码错误”，跳转至前台首页重新登录。其中对用户提交的密码进行了md5加密，进一步提高用户账户的安全性。

5.2 信息分页技术

系统数据库中存储着大量的数据，比如新闻、通知、用户等。将这些信息数据都加载在一个页面上，服务器的响应时间会加长，让用户失去耐心，而且对用户的交互也不友好。所以必须采用数据信息分页技术，把新闻、通知、用户列表分页进行显示。分页显示所用到的数据都来自数据库，所以这里有两种方案来实现。一种是将所有查询到的数据信息写到数组中，通过设置限制点和页面显示数据条数进行分页；另一种是利用数据库的读取过程实现，每次分页前通过读取数据库部分数据实现分页。在读取数据之前，读取数据的结构化查询语言（Structural Query Language, SQL）语句已经计算好了要读取的数据区间，然后只读取该数据区间的数据达到分页效果。

5.3 文件上传与下载技术

为了同学和老师手中的学习资源分享最大化，让这些学习资源信息化，实现需求中所提及的资源共享的功能，让师生的交流联系更加密切，就要对一些特殊的文件的上传与下载做出特殊的处理，比如图片文件，浏览器会自动进行处理然后自动下载到用户本地，但是如果用户上传的是压缩文件，浏览器这时候就没能力识别，不会进行下载，而且会给出“链接无效、404 not found”等提示。可以设置Content-Disposition 的响应信息来提供一个推荐的文件名，并且强制浏览器显示一个文件下载的对话框，再进行计算机编程语言超文本预处理器（Hypertext Preprocessor，PHP）进行读文件的操作，让浏览器强制对文件进行下载。

6 结语

本论文主要研究了设计和开发基于PHP+MySQL的院系网络交互平台的主要技术，并把构建Web应用的常用技术运用到系统的设计与实现中。