APP下载

毕业作品展示平台的设计与实现

2018-01-17李观金

电子技术与软件工程 2017年23期

摘 要 本文以惠州经济职业技术学院为例,通过对大学生毕业作品展示平台的需求分析,明确了该平台主要由前台展示和后台管理两部分构成,并确定采用B/S架构,使用Apache+MySQL+PHP相关技术,对平台的功能进行设计、开发、测试和实施,满足了大学生毕业作品展示的需要,拓展学生学习交流空间,最终达到预期的效果。

【关键词】毕业作品 展示平台 Apache MySQL PHP

1 概述

随着 Internet技术的迅速发展,在线展示平台越来越得到广泛的应用。在很多学校,传统的做法是,高职学生创作的毕业作品完成后由自己和指导老师保存,或者通过传统的方式进行短暂的展示,然后就没有更多的用途了。其实这些作品还有很多价值,如供其他同学参考借鉴,互相学习交流等。为了给毕业班学生提供一个毕业作品展示和学习交流的在线开放平台,开发一个高职学生毕业作品展示平台对高职院校实践教学具有非常积极的意义。利用这个平台,学生可方便、直观地展示自己的毕业设计作品,也可为其他学生毕业设计的选题、设计提供有价值的参考。

2 相关技术

本毕业作品展示平台采取B/S结构模式,采用Apache+MySQL+PHP技术开发实现。

B/S(Browser/Server):浏览器/服务器模式,是Web兴起后的一种网络结构模式。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只需安装一个浏览器,如Netscape Navigator或Internet Explorer,服务器安装MySQL、SQL Server、Oracle等数据库,浏览器通过Web Server同数据库进行数据交互。

Apache:Web服务器软件,它快速、可靠并且可通过简单的API扩充,将Perl/Python/PHP等解释器编译到服务器中。

MySQL:是一个真正的多用户、多线程 SQL 数据库服务器,主要特点是快速和易用,支持多种操作系统。

PHP:是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。

Apache+MySQL+PHP的组合,简称AMP,是Web开发的一个黄金组合。非常适合开发中小型的Web应用,开发的速度比较快,而且所有的软件都是开源免费的,可以减少成本投入。

3 需求分析

3.1 从功能结构角度分析

从功能角度分析,毕业作品展示平台分为两部分:前台展示和后台管理。

3.1.1 平台前台展示功能模块

平台首页:显示平台首页信息。

平台简介:显示平台简介信息。

新闻动态:显示新闻动态列表及新闻详细内容信息。

作品展示:显示毕业作品列表及作品详细内容信息。

联系我们:显示联系我们信息。

3.1.2 平台后台管理功能模块

登录验证模块:后台管理员登录身份验证。

基本配置模块:设置平台的基本配置信息。

管理员管理模块:管理后台管理员信息。

单页管理模块:管理平台简介、联系我们等单页面信息。

焦点幻灯管理模块:管理平台前端页面焦点幻灯版位的图片。

友情链接模块:管理友情链接信息。

新闻管理模块:管理新闻动态信息。

教师管理模块:管理教师基本信息。

分类管理模块:管理作品分类信息。

所属管理模块:管理作品所属的学院、系部、专业和班级信息。

作品管理模块:管理作品的详细信息。

退出系统模块:退出平台后台。

3.2 从用例模型角度分析

从用例模型角度分析,毕业作品展示平台有两类用户:普通用户和管理员用户。普通用户无需登录可以在前台页面浏览平台的信息资源,管理员用户则需要登录系统,在后台管理平台的各种信息。平台的用例图如图1所示。

4 平台设计

4.1 平台技术架构设计

本平台的技术架構设计采用B/S体系结构。B/S体系架构是属于瘦客户端的三层技术架构体系结构:第一层是表示层,即客户端的浏览器层(如IE),是应用的用户界面部分,它担负着用户与应用间的对话功能;第二层为业务逻辑层,即中间Web服务器层,主要负责对客户端应用程序的集中管理;第三层为数据服务层,即后台服务器层,主要负责数据的存储和组织、数据库的分布式管理、 数据库的备份和同步等。这种B/S三层体系结构如图2所示。

4.2 平台功能框架设计

根据前面平台功能需求分析可知,平台的用户主要有两类:普通用户和管理员用户。结合这两类用户的功能需求,设计出平台的总功能框架,如图3所示。

4.3 平台版面设计

经过前期的需求分析,平台的整体结构已经非常清晰。其中平台的前端页面主要包括:平台首页、平台简介页面、新闻动态列表页面、新闻详细页面、作品展示列表页面、作品展示详细页面、联系我们页面。接下来就是画出各页面的结构草图,并根据结构草图搜集相关素材,利用Photoshop、Fireworks等工具进行整套前端页面版面的设计,并保持平台各个页面整体布局、风格的统一。

4.4 平台数据库设计

毕业作品展示平台数据库的设计方法是:先根据平台的需求分析建立概念模型(采用E-R图分析方法,确定平台的实体集合、各实体的属性以及实体之间的关系),再将数据库的概念模型转化为逻辑模型,最后进行规范化处理,形成数据库的表结构。

本平台设计出来的数据表结构主要包括:管理员表(glyb)、学院信息表(xyxxb)、系部信息表(xbxxb)、专业信息表(zyxxb)、班级信息表(bjxxb)、教师信息表(jsxxb)、作品分类表(zpflb)、作品信息表(zpxxb)、单页管理表(dyglb)、幻灯管理表(hdglb)、新闻信息表(xwdtb)、友情链接表(yqljb)、网站信息管理表(info)等。其中与毕业设计作品信息相关的两个表如表1和表2所示:endprint

5 平台实现

通过对毕业作品展示平台的系统分析和设计后,选择MySQL作为后台数据库、Dreamweaver作为开发工具、PHP作为主要开发语言,结合HTML、JavaScript、DIV+CSS等技术编码实现,并在Apache服务器上测试和运行。

平台各功能模块的实现都需要与后台数据库连接,所以预先创建一个名称为“conn.php”的数据库连接文件,以后需要对程序中数据库进行操作时,就直接使用require_once()函数将该文件引入就可以了。这样可以减少代码的重复编写,提高工作效率。“conn.php”的数据库连接文件的代码如下:

<?php

$con = mysql_connect("localhost","root","123456");

if(!$con){

die("连接数据库失败:".mysql_error());

}

$db_selected = mysql_select_db("show1",$con);

if(!$db_selected){

die("数据库选择失败:".mysql_error());

}

mysql_query("set names 'utf8'");

?>

5.1 前台页面的编码与实现

前台页面是用户与平台交互的窗口,是用户获取信息、进行操作的主要场所。平台页面版面设计出来后,需要使用相关软件(如Photoshop、Fireworks、Dreamweaver等)和相关技术(如HTML语言、JavaScript语言、DIV+CSS网页布局技术等)对页面版面进行切图和编码,转换成与版面图一致的静态页面,并制作出生动、和谐和美感的效果。

其中,前台首页的页面效果如图4所示。

5.2 后台管理的编码与实现

毕业作品展示平台的后台管理模块主要包括:登录验证模块、基本配置模块、管理员管理模块、单页管理模块、焦点幻灯管理模块、友情链接模块、新闻管理模块、教师管理模块、分类管理模块、所属管理模块、作品管理模块、退出系统模块等。后台管理模块的实现方法是:首先搭建好Apache+MySQL+PHP开发环境,然后将前面设计出来的数据表结构在MySQL平台上实施,最后利用Dreamweaver工具和PHP动态网站开发技术编码实现各个功能模块。

其中后台管理主页面的效果如图5所示。

5.3 前后台整合

平台的前台和后台是通过数据库连接起来的,后台功能主要是管理平台数据库的信息,而前台则是把数据库的信息通过前端页面输出。在平台前后台功能整合前,先登录后臺为每个模块录入一些数据,以便在整合时能够控制输出效果。然后根据前台页面的情况,使用Dreamweaver工具和PHP动态网站开发技术,分别整合平台首页、平台简介页、新闻动态列表页、新闻详细页、作品展示列表页、作品展示详细页和联系我们页,使得数据能够在前台页面的相应的版位输出并能够通过后台把数据写入相应的数据表,实现平台后台管理前台数据的效果,最终实现平台前后台各版块功能的整合。

6 平台测试与运行

6.1 平台测试分析

本平台在开发过程中,坚持边开发边测试的做法,采取黑盒测试、白盒测试、静态测试和动态测试相结合的方式,对平台进行了单元测试、集成测试、确认测试、系统测试和验收测试,并且在不用的阶段让不同的测试人员来测试,力求从不同角色、不同角度去寻找隐藏的Bug,尽可能多地发现问题和解决问题。

从测试内容的角度,本平台在整个开发过程中主要进行了系统的功能测试、浏览器兼容测试、链接测试、数据库测试、安全性测试等。

从测试的结果来分析,发现的问题主要有数据输出错误、浏览器不兼容等,通过反复地分析、排查、修正、调试,基本上解决了遇到的各种问题。

6.2 平台运行结果

本平台设计开发完成后,已在惠州经济职业技术学院正式上线并投入使用。由于系统采用B/S架构,操作简单、使用方便,为毕业班学生开辟了作品展示、分享、学习和交流的新空间,深受学生用户的欢迎。平台上线运行半年以来,性能稳定,前台展示、后台管理各功能模块运行效果良好,基本实现了预期的目标。

7 结束语

毕业作品展示平台在需求分析的基础上,采用B/S架构,通过Apache+MySQL+PHP技术开发实现,具有良好的开放性和易用性。从平台运行的情况来看,能够有效的进行作品展示和分享,拓展了学生的学习与交流空间,同时也激发了学生的学习热情,促进了大学生实践教学的改革发展。

参考文献

[1]杜娟.学生艺术作品展示平台的设计与实现[D].大连:大连理工大学,2016.

[2]李观金.大学生创业园信息管理系统的研究与开发[D].广州:华南理工大学,2014.

[3]王善勤,吴昌雨,邹军国.基于Java EE的大学生作品展示系统[J].南昌工程学院学报,2015,34(03):42-46.

[4]王岚瑨,熊伟程,冯景荣,张虹.网上作品展示平台设计与实现[J].电脑编程技巧与维护,2014(16):75-76.

作者单位

惠州经济职业技术学院 广东省惠州市 516057endprint