基于PHP的移动网站设计与实现
2018-01-03李本伍南京科技职业学院信息工程学院
李本伍 南京科技职业学院信息工程学院
基于PHP的移动网站设计与实现
李本伍 南京科技职业学院信息工程学院
本文首先对移动网站的开发技术进行了分析,介绍了前端网页UI设计中的jQuery Mobile技术、用于动态网页开发的PHP语言以及MySQL数据库。本文基于PHP语言设计并实现了一个新闻移动网站。
移动网站 PHP jQuery Mobile MySQL
随着网站技术的发展和智能移动终端的普及,移动网站的开发需求越来越多。移动网站与移动APP比较,有自己的特点,不需要安装下载,不需要针对专门的操作系统进行开发。移动网站在终端显示时可以兼容不同的屏幕分辨率,开发者不需开发出多套设计方案。本文对移动网站实现的前端技术和动态网站开发技术进行介绍,并设计和实现了一个新闻网站。
本文实现的新闻移动网站,前端基于HTML5技术规范,采用jQuery Mobile技术进行网页的UI设计,动态网页的设计采用了PHP(Personal Home Page)开发语言,数据库使用MySQL来实现,并实现了网站的后台管理模块。
1 移动网站的开发技术
移动网站开发技术主要包括三大部分,即前端网页的UI设计技术、动态网页的开发技术和后台的数据库技术。
1.1 jQuery Mobile技术介绍
目前移动网站的前端网页UI设计大多基于HTML5技术规范,采用的设计框架有jQuery Mobile、Amaze UI、Frozen UI、MUI等。jQuery Mobile是完全开源的项目,是一个简单高效的移动网页UI框架,基于jQuery Mobile技术开发的移动网页,可以兼顾不同大小的移动终端屏幕分辨率,可以兼顾不同的移动操作系统,对Android系统和iOS系统等都能较好地支持。运用jQuery Mobile可以不仅可以创建一个高响应式的网站,而且与其它工具如PhoneGap等“封装器”结合可以创建原生的应用程序。
1.2 PHP语言介绍
动态网页的开发技术有JSP、ASP/ASP.NET、PHP等。PHP作为一种服务器端的脚本语言,其主要特点有如下五点。1)PHP有开放的源代码,具有完全免费的特点。2)PHP的语法简单,实用性强。PHP结合了C语言和Perl语言的特点,编写方便,简单易懂。3)PHP跨平台性较强,作为服务器脚本可以运行与Linux、Windows等多种操作系统环境下。4)PHP广泛地支持目前主流和非主流的数据库系统。5)PHP作为开源产品,快速发展[5]。
1.3 MySQL数据库介绍
PHP支 持 多 种 数 据 库 系 统,如dBase、IBM DB2、Microsoft Access、Microsoft SQL Server、MySQL、Oracle、SyBase等。MySQL数据库有如下一些特点。1)运行速度快,支持多用户共同存取,可以避免网络阻塞。2)易于使用,便于学习,支持结构化查询语言,并且支持ODBC的应用程序。3)具体较强的移植性,能够用于Windows、Linux、OS/2、Unix、Mac OS等系统平台上。4)支持多种程序语言接口,如C++、Perl、Java、PHP和Python等。5)MySQL的社区版本是完全免费的。6)具有非常灵活安全的权限和密码系统,允许基于主机的验证连接。
2 新闻网站的模块设计与实现
本文基于PHP语言实现了一个新闻移动网站。该网站在Windows Server 2008操作系统上测试运行,使用IIS Web服务器或者Apache Web服务器进行支持。本新闻网站的实现分为后台管理和前端展示两大模块。
2.1 后台管理模块
后台管理模块按照普通桌面网站进行设计,主要子模块如图1所示。
图1 后台管理模块的划分
网站管理员模块,只有网站超级管理员有此功能,可以添加、删除普通管理员,可以重置普通管理员密码。
新闻分类管理模块,主要功能有文章分类的添加、删除、修改,文章的批量修改、配置等。
新闻管理模块,主要功能有文章的上传、删除、修改、审核、标记等。
相册管理模块,主要功能有相册的添加、删除、修改,图片的批量删除等。
图片管理模块,主要功能有图片的上传、删除、水印设置等。
前端展示模块,主要功能为前端首页展示板块的添加、删除,设置展示板块的显示顺序等。
后台管理系统的首页展示如图2所示。
图2 后台管理系统的首页
2.2 前端展示模块
前端展示模块主要分为两部分,一是首页部分,一是新闻显示页部分。
首页部分包括图片新闻板块、专题板块、头条板块、活动板块等。在后台管理中可以设置每一特定版块是否展示,以及版块呈现的顺序。前台新闻首页的展示效果如图3所示。
新闻显示页主要包括页眉、页脚、文章标题、发布时间、摘要、正文等。一条新闻的显示页示例如图4所示。
图3 前台新闻的首页展示
图4 一条新闻的显示页
3 结束语
本文基于PHP语言使用jQuery Mobile技术和MySQL数据库实现了一个新闻移动网站。该移动网站的后台系统可以方便的对文章、图片库、前端版块等进行管理,网站的前端网页也能够适应多种移动终端进行显示。
[1]陈立欣.手机网站建设需求调研与分析[J].科技资讯,2013,(4):7-8.
[2] 张贺,陈锦昌.基于响应式的移动门户网站构建[J].现代计算机,2015,(30):48-52.
[3]朱国艺.基于jQueryMobile技术的移动网站开发研究[J].电脑编程技巧与维护,2016, (23):44-45.
[4]Raymond Camden,Andy Matthews.jQuery移动Web开发[M].北京: 清华大学出版社, 2015:1-9.
[5]刘玉红.PHP+MySQL动态网站开发[M].北京:清华大学出版社,2015:2-6.
[6]于荷云.PHP+MySQL网站开发[M].北京:清华大学出版社,2015:20-23.
李本伍(1980-),男,助教,硕士,研究方向:软件开发技术、计算机网络技术。