已完成";oDiv.className="order";
oAll.appendChild(oDiv);
}
}
});
}
3.4后台及数据库
3.4.1所用技术
·PHP:
是一种通用开源脚本语言。
主要适用于Web开发领域。
它开源比CGI或者Perl更快速地执行动态网页。
用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;
在本系统中,通过PHP连接数据,再用AJAX调用数据来加载到界面上。
本系统一共创建了5个PHP文件,他们的作用分别是对数据库的添加、查找和删除。
部分代码如下:
php
$desknum=$_GET['desknum'];
$menu=$_GET['menu'];
echo$desknum;
echo$menu;
$mysqli=@newmysqli("","030lo3zwzl","kl4zmzhml50ljm544xk435455yihkjly4x4kl0x4","app_totoro");
$mysqli->query("setnamesutf8");
$sql="INSERTINTO`order`(`desknum`,`menu`)VALUES('$desknum','$menu')";
$sql2="SELECT*FROM`order`";
$mysqli->query($sql);
$res=$mysqli->query($sql2);
$allMessage=$res->fetch_all(MYSQLI_ASSOC);
echo$allMessage);
$mysqli->close();
?
>
·数据库
MySQL是一个关系型数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有的数据放在一个大仓库内,这样就增加了速度并提高了灵活性。
在本系统中,创建了一个数据库,其中包含了food、member和order三张表。
food主要存放了餐品的名称、图片、简介和价格,member主要存放了会员信息,order存放了用户订单。
3.5兼容问题
在本系统中,兼容问题主要存在于系统需要支持不同型号不同大小的移动设备,这就需要系统具有屏幕自适应的功能
具体解决办法如下:
定义函数,将系统规定的1rem改为自定义长度24px
(function(doc,win){
vardocEl=doc.documentElement,
resizeEvt='orientationchange'inwindow?
'orientationchange':
'resize',
recalc=function(){
window.clientWidth=docEl.clientWidth;
if(!
window.clientWidth)return;
=24*(window.clientWidth/640)+'px';
window.base=24*(window.clientWidth/640);
};
try{
recalc();
}catch(e){
}
if(!
doc.addEventListener)return;
win.addEventListener(resizeEvt,recalc,false);
doc.addEventListener('DOMContentLoaded',recalc,false);
})(document,window);
4总结
通过本文设计和开发的基于HTML5技术的手机点餐系统与其他传统的点餐系统的比较,可以看到本文的手机点餐系统在采用了先进的HTML5技术之后,整个点餐系统具有如下的几个显著的优势:
1.通用的网络标准和跨平台特性
因为HTML5技术的设计和开发由苹果,诺基亚等许多手机生产厂商一起进行参与的,所以HTML5技术采用的是手机上通用的网络标准,这也就意味着本文设计和开发的手机点餐系统可以适用于许多型号的手机。
同时HTML5技术可进行跨平台的使用,这也确保了本文设计和开发的手机点餐系统可以非常方便地移植到各类手机平台上,甚至还可以通过封装技术,将手机点餐系统发放到APPStore中进行推广。
2.自适应网页设计和同步更新
由于采用了HTML5技术,本文设计和开发的手机点餐系统可以进行自适应网页设计,它通过自动识别不同手机的屏幕宽度,来对手机点餐系统的页面大小进行自适应调整。
同时在手机点餐系统进行系统更新的时候,HTML5技术也支持手机点餐系统的各个终端进行同步和即时的更新,从而确保手机点餐系统维持一个非常友好的用户体验。
3.先进的信息安全管理方案
由于本文设计和开发的手机点餐系统不仅涉及到用户的个人信息,还涉及到资金信息和餐饮企业的商业信息等机密信息,因此在手机点餐系统中,系统的信息安全就显得尤为重要。
本文对手机点餐系统的安全防护理念进行详细地说明,并且针对系统中的机密数据,本文对手机点餐系统的通信过程进行了严格的加密安全设置,从而有效地确保了手机点餐系统的信息安全保障水平。
5心得体会
经过开发开发本系统,让我加强了对HTML5,CSS3以及各种框架的掌握,加强了自己对前端和后台交互的理解与运用,数据库的调用与删减等,锻炼可自己独立做项目的能力,也学习到了一些PhotoShop的基础支持和UI的页面设计等。
增加了自己的项目经验,提高了能力。
参考文献
[1]柴晓路,梁宇奇.Webservices技术、架构和应用[M],北京:
电子工业出版社,2003.
[2]岳昆,王晓玲,周傲英.Web服务核心支撑技术:
研究综述[J].软件学报,2004.
[3]李劲.动态企业信息管理的Web服务[M].清华大学出版社,2002.[4]杨曼,徐东平.基于Web服务的动态企业信息管理的研究[J].计算机工程与设计,2006.
[5]引饶元,冯博琴.面向Web服务的动态企业信息管理集成框架[J].计算机集成制造系统,2004.
展开阅读全文
相关搜索