APP下载

世纪学院网站设计

2021-02-28靳亚东鲍震杰刘月胡菁芸

电脑知识与技术 2021年35期

靳亚东 鲍震杰 刘月 胡菁芸

摘要:随着科学技术的发展,网络和人们的生活关系越来越密切,学校网站也成为学校与外界资源共享的平台。世纪学院网站利用PHP语言、PHPstudy开发环境、dreamwear、Apache服务器和Mysql数据库设计了网站的学院概况、学院专业、教育教学、师资队伍等多个功能板块。用户可以浏览网站并留言;管理者可以登录到后台修改账号密码、网站内容等。该系统界面友好、操作简单、可以作为学院发布信息、对外宣传、合作交流的窗口。

关键词:PHP;dreamwear;Apache;数据库;Mysql

中图分类号:G642        文献标识码:A

文章编号:1009-3044(2021)35-0150-03

1 引言

随着计算机的普及和当前网络技术的不断发展,网络已经渐渐融入人们的生活,尤其是国内外教育方面,中国对高校的信息化做了比较深入的调研。近年来校园网站的建设发展迅速,它作为与外界的沟通平台,能使人们随时随地地了解校园资讯和院系的动态,院系也可以在网站上发布最新的教学信息以供外界和师生查看。目前,较多数的校园网站是用ASP代码进行编写的,当访问数据库时,运行代码用的是其他的COM对象,这些COM对象的使用降低了代码的运行速度。PHP有自己的内存空间,不像ASP一样面对的是COM对象,所以PHP(Personal Home Page)运行代码速度快。PHP和ASP都适用于中型网站的开发,但是相对于ASP来说PHP做动态网站比较经济实惠。

2 系统设计综述

2.1 系统设计目标

系统设计的目标。(1)为学校的教育发展、校园推广等资源实现共享和信息交流提供场所,(2)方便管理者管理网站。具体有以下四个方面:

(1)保证网站界面要简单、美观。(2)访问者可以正常地浏览各个模块,例如:学院概况模块、学院专业模块、在线反馈留言模块等,这里留言模块要有更多的功能实现,以方便访问者之间可以有更好的交流;(3)管理者可以从网站中登录到后台进行网站内容的修改;(4)系统之间的架构和数据库的设计便于以后的维护和更新。

2.2 网站开发工具简介

网站开发工具包括PHP语言、dreamwear、Mysql数据库。

PHP结合了很多开发语言的优点,所以PHP成为目前社会比较流行的开发语言。PHP将HTML代码和PHP指令组合成一个完整的服务器端动态页面,它比HTML标记的CGI更有效[1]。PHP使代码运行得更快。在开发PHP时,通常与web服务器和Mysql数据库相匹配。PHP的容易操作使它成为刚接触网页设计人群的首选语言。它几乎兼容所有的服务器,支持很多数据库,它的学习资料可以从官方网站上下载后自学, PHP注释语言对程序不起任何作用,是一种解释性语言[2]。

Dreamwear是一种专业的HTML编辑器,它是用于站点、应用程序而设定、编码、开发的一种软件。它既可以在可视化的编程环境中展开页面的制作工作,也可以通过自身提供的HTML代码编辑器手动编写HTML代码。在编辑过程中提供了两种视图,分别是代码视图和设计视图,编辑者可以一边编写代码一边查看网页,这种新功能方便网页设计者在编码之后查看显示内容[3]。

Mysql,是动态网站数据的一个处理者,在国内外被广泛开发利用。Mysql由于处理数据速度快、运营费用低等优势,成为企业首选的数据库[4]。Mysql几乎可以支持所有的操作系统,它其中的SQL语言是最流行的数据库查询语言,能使信息的儲存和更新更加容易。

2.3 开发环境选择

网站采用的浏览服务器环境是wamp环境,包括Windows、Apache、Mysql、PHP。Windows是一个服务器操作系统,Apache是一个web服务器系统,Mysql是数据库管理系统。Web服务器的作用是存储文件、接收浏览器访问请求、向浏览器发送页面内容和下载文件。数据库管理系统的作用是存储管理数据、提供完整的结构化查询语言体系、根据程序解释器的指令进行数据的修改操作[5]。浏览器的作用是显示由服务器端提供的文本内容、解释HTML、解释CSS运行、解释JS脚本语言和展示图片。

网站中的代码编辑软件是dreamwear,它需要在Phpstudy的开发环境下执行代码。首先,dreamwear中,“site”的意思是站点。dreamwear站点组织所有与网站相关的文档,管理文件,共享文件,并将站点文件传输到Web服务器[6]。其次,需要在网站上下载Phpstudy软件安装配置,引导程序自动进入到PHP开发环境。要访问数据库,需要在浏览器地址栏中输入本地phpmyadmin,数据库的初始用户和密码都是root,可以在connect.PHP文件中修改。

3系统设计

3.1系统框架设计

(1) 学院首页:可以返回本网站的主页。

(2) 学院概况:该模块包含世纪学院的学院简介、学院领导、通知公告、新闻资讯。

(3) 学院专业:该模块包含数字媒体技术、数字媒体艺术、传播学等专业介绍。

(4) 教育教学:学院的科学项目、实践教学、科研课题。

(5) 师资队伍:包含教学项目、师资概括和教学团队。

(6) 创意天地:此模块包含有参赛作品、毕业设计和实践作品。

(7) 学院风采:此模块中包含活动风采和组织结构,主要展示学院学生参加的一些社会和校园活动。

(8) 交流天地:可以浏览院系老师和同学的交流图片。

(9) 在线反馈留言:访问者可以在这个模块中留下宝贵的意见。

(11) 管理登录:管理者可以通过账号密码进入后台管理操作。

本系统框架图如图1所示。

3.2数据库设计

3.2.1数据库的操作流程

Web数据库体系结构图如图2所示。

Web数据库查询数据的基本步骤如下:

首先:建立适当的数据库链接;

第二:查询数据库;

第三:获取查询结构;

第四:将结果显示给用户并关闭数据库。

3.2.2 数据表单的建立

首先需要登录localhost/phpmyadmin地址,之后Mysql服务器里面建立一个数据库,创建表单。登录的账号密码可以在connec.php目录下或Mysql服务器里面进行修改,但是数据库是创建者建立的他人没有办法进入,而且数据库建立之后名称没有办法改变。数据库中有三个表单,分别是登录账号密码表单、留言表单和网页内容表单。id的作用是向页面传递参数。留言表单中包括数据类型约束函数tinyint()、varchar()可变长度的数据类型和顯示留言时间的timestamp()。内容修改表单中class表示的是菜单。三个表单如表1、表2和表3所示。

4系统实现

4.1前台设计

首页设计是用dreamwear软件进行编写多个静态的网页,然后用超链接把这些网页链接起来,其中最重要的部分是网页布局。静态网页的布局影响到网站的整体显示效果,所以布局中把首页分成了六个部分,包括导航栏、学院图片展示、学院简介、在线反馈留言、学院风采、版权。

主页面主要采用div+CSS样式进行结构设计,网站所有的盒子和CSS样式都放在admin.css文件中,需要的时候直接调用此文件。网站利用PHP语言实现对数据库的访问,使用JS语言来实现图滚动的功能。主页面图如图3所示。

4.2后台设计

后台管理操作主要分为三个部分,对应上面讲过的三个表单内容,分别包括登录账号密码表单、留言表单、网页内容表单。

4.2.1后台管理登录

后台管理登录管理器可以登录后台网站修改网站内容。后台管理登录界面如图4所示。

后台管理登录的实现步骤如下:

首先,先写出登录后台的静态主页面,其中主要是表单的应用<td>、<tr>。之后把登录账号密码存放进session中,放到模板页面,然后编写登录的后台操作,链接到数据库的代码如下:$con=mysq_connectl(“lo

calhost””root”,”root”)。

第二,从数据库中提取用户名密码:$username=$-request[“username”];$password=$-request[“Passward”]。再用判断语句if来判断输入的账号密码是否与数据库中的相对应,数据对应正确则进入后台管理页面admin.php,并赋予用户一个session变量,错误则显示失败。

第三,登录账号密码的修改可以在后台进行操作,也可以在数据库后台登录表单中进行修改。

4.2.2在线留言反馈

用户可在此模块中留下消息,管理员可以浏览和删除访问者的信息。在线反馈留言界面如图5所示。该模块功能实现步骤如下:

第一步,做出静态留言表,这里主要用到表单<table>,<tr>,<td>。留言管理主要用到数据类型约束函数、可变长度的数据类型和显示留言时间,之后把留言的作者、标题、内容等存入到建立好的数据表单中就可以在网页上显示出来。动态部分主要用到三个PHP文件,它们分别是:(1)connect.php:链接数据库;(2)addmsg.php:从页面读取留言相关内容,之后把它存放在页面上;(3)addmsg.PHP:从数据库中读取信息,PHP连接到Mysql数据库。Mysql_connect(“localhost”,”root”,”root”)参数分别代表Mysql地址、用户名、密码,然后需要链接到数据库中的对应表单:MySql_select_db(表单,$conn)。参数表示:第一个是数据库名称,第二个是链接标识,可以将返回值放在系统数据库,返回值false指示连链接失败,true表示链接成功。主要代码是Mysql_qery(connection),其中query表示希望Mysql执行的语句,connection表示可选内容,其中MySQL_query()只返回用于选择、显示、解释或描述语句的资源标识符。

5总结

系统采用B/S结构,基于PHP模板的网站设计,它是高效、经济的处理方式。

网站的创立是在PHPstudy开发环境下用dreamweaver软件进行编写。网站的设计分为两大部分,一部分是静态网页之间的链接,结合div+css进行页面的展示。另一部分是将网页链接到数据库,这里数据库采用Mysql,在链接到数据库的时候需要把网站的内容保存到数据库中,然后再把表单中的内容放在结果集中,最后把结果集里面的内容用其他变量保存,以方便后面的使用。该系统界面友好、操作简单,可以作为学院发布信息、对外宣传、合作交流的窗口。

参考文献:

[1] 唐四薪.PHP动态网站开发[M].北京:清华大学出版社,2014:1-10.

[2] 郭泽民. 动态网页技术PHP、ASP与JSP的比较分析[J]. 煤炭技术, 2007, 35(47):29-31.

[3] 胡崧. HTML从入门到精通[M]. 北京:中国青年出版社, 2007:25-38.

[4] 杨凯. 基于MySQL数据库结构设计[J].科技展望, 2015, 25(36):105-107.

[5] Michael kofler.MySQL权威指南[M].北京:人民邮电出版社, 2006:85-90.

[6] 黄斯伟.HTML完全使用详解[M].北京:人民邮电出版社, 2006:59-61.

【通联编辑:王力】