APP下载

基于PHP的移动网站设计与实现

2018-01-03李本伍南京科技职业学院信息工程学院

数码世界 2017年12期
关键词:开发技术后台网页

李本伍 南京科技职业学院信息工程学院

基于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-),男,助教,硕士,研究方向:软件开发技术、计算机网络技术。

猜你喜欢

开发技术后台网页
煤层气与非常规天然气勘探开发技术专题(下)客座主编寄语
基于HTML5与CSS3的网页设计技术研究
Wu Fenghua:Yueju Opera Artist
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
后台暗恋
浅析计算机软件开发技术的应用及发展趋势
搜索引擎怎样对网页排序
互联网思维下的汽车服务连锁后台支撑系统
后台的风景