快餐订购系统的设计与实现

摘要：本网站主要是建设一个“快餐订购系统”，该系统是基于Flash平台和ActionScript1.0编程来建立的，通过Adobe Flash CS5设计软件来进行前台框架设计，利用ActionScript的通讯功能，与PHP后台进行交互，由于XML具有灵活简便，易于创建的特点，所以该系统使用外部XML文档来进行数据的存储。

关键词：ActionScript；XML；通讯功能；交互

中图分类号：TP311.52 文献标识码：A 文章编号：1007-9599 (2012) 11-0000-02

一、基于AS1.0的管理系统的网站开发和设计

（一）网站的前期策划

建设Flash网站的第一步是策划，这虽然很繁琐，但是非常有必要。这次策划的主要内容是：

1.网站面对的客户群体；

2.完整的整体风格定位；

3.网站的框架结构设置和功能设置；

4.网站后期维护。

Flash作品交互是通过ActionScript实现的，ActionScript是Flash的脚本语言，随着其版本的不断更新，日趋完美[1]。在Flash中使用ActionScript读取外部资源如视频、图片、音乐文本等可以使动画保持简洁．占用的空间小，而且当我们需要更换这些素材时只需用新的素材代替旧的素材即可，而不必打开源文件进行修改[2]。Flash在购物网站上的应用还是相对较少，结合现实茂名生活中，快餐订餐比较普遍的原因，最后决定网站的主题为“订餐管理系统”。

（二）网站客服端的设计

1.Logo设计

标志作为企业CIS战略的最主要部分，在企业形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。结合主题的特点和快餐企业名字“fast-food in time”最后的Logo设计如下图所示：

2.网站基本结构规划

构建一个架构合理的网站，让浏览者对网站有一个清晰的条理。下图为本管理系统的一个网站架构图：

3.形象页设计

网站的设计形式与网站的内容要统一。结合设计主题以及其特点，设计出一个更符合网站内容的界面，设计是为网站的主题服务的。网站的内容决定了形式，形式也反作用于内容。能设计让人眼前一亮的界面是Flash设计中一个最大的优点，故在形式美方面可以很好的达到。

4.Loading的设计

作为网站视觉识别的一部分，而且突出企业形象，又不显的过于平凡，增加用户等待时所带来的视觉效果。最后决定利用该系统的logo自身特点来进行loading的设计。刚开始的时候，logo的主要标志是黑白的，如下图1.3所示，当下载结束时，标志被填充完整。如下图1.4所示。

5.片头的设计

片头动画也是展示企业形象的一部分，根据设计好的情节，尽量使得片头的文件体积小巧。最后的设计如下图所示：

6.导航页的设计

片头结束以后过渡到导航页，如下图所示，当鼠标触碰导航时会产生一个动画效果，从而让用户有眼前一亮，偏右的地方放置菜式信息，每当用户点击导航时，该子窗口会产生相应的交互。

（三）网站服务端的设计

服务端主要功能是进行管理，对订购信息进行管理，故可以省去形象页和片头，直接进行功能的展现。当用户打开“admin.html”文件时，用户进行登录，当用户忘记密码时，可以通过密保进行密码找回，在服务端，以白色调为主。

当用户进入导航页的时候，页头提供用户信息显示和信息修改操作，偏右的地方放置响应导航点击事件的子窗口，进行信息显示。

（四）网站功能模块设计

网站的模块设计主要包括：Loading模块、导航模块、全屏功能模块、菜式信息加载、订购数据发送、邮件发送模块、时间模块、服务端管理模块等，下面重点介绍以下几个模块。

1.Loading模块

Loading分两部分，而第一部分是片头之前的片头和片头背景音乐的加载，第二部分是片头最后对导航页面的加载。

从时间轴可以看出，时间轴分成两部分，而且是重复的两部分

2.导航模块

这里主要是利用循环语句和数组来完成导航的生成，其重要的部分代码如下图所示，通过循环语句和数组生成导航之后，对导航进行各种交互处理，能到达很好的视觉效果。

3.订购数据发送

先将订购信息包装成XML数据，然后与后台PHP进行交互，通过PHP把数据传送给XML，并且写入。

4.邮件发送模块

该部分的模块主要是与一个PHP邮件发送模块进行交互，先是接收用户所输入的邮件信息，接着与PHP邮件模块进行通讯，完成邮件的发送功能。

5.时间模块

对于订餐系统，时间是一个比较重要的概念，故这块模块是必不可少的，该模块的代码如下图所示，该模块的作用主要是在页面上显示当前时间，同时也可以在订单生成的同时作为一项信息记录下来。

6.服务端管理模块

服务端管理模块有用户中心、订单添加、修改菜式、新增订单、历史订单这几个功能。通过用户中心功能，用户可以进行密码和密保的修改。当点击“已送餐”按钮时，对应的新增订单信息会从“新增订单”模块中删除，并且在“历史订单”模块中添加。管理者可以修改已有菜式，这个模块可以实现菜式的删减或者菜式价格调整等方面的功能实现。最后，管理者可以添加菜式，达到很好的实时更新的效果，满足管理者的经营需求。

（五）总体框架结构

通过编辑整合，整个网站框架结构如下图所示，左下图为客服端的结构图，右下图为服务端的结构图，从这个框架里可以看出，同一个文件可以被重复调用和写入，这样可以使得文件的数据得到很好的继承和重用。但由于各个文件之间的关联性比较紧密，当其中一个文件损坏之后，可能很多功能都会受到影响，严重则会导致系统瘫痪。

二、结论

在本文里主要研究到的设计模式是MVC模式。MVC模式的每个元素通信对通常由一个与应用程序交互的用户触发的一系列事件是必要的。系列事件描述如下：

1.用户与一个用户界面元素进行交互（比如在一个视图里单击一个按钮）

2.视图发送单击事件给控制器，控制器决定如何处理。

3.控制器基于自己如何处理按钮单击来改变模型。

4.模型通知视图模型状态现在已经发生变化。

5.视图从模型读取状态信息并更新它自身[3]。

Flash Player API是由代表Flash Player特定功能并提供对Flash Player特定功能的访问的类组成的[4]。ActionScript由于它提供的可视化和直观化而被认为更加容易学习[5]。

在该系统开发过程中，由于时间问题，有部分功能没有完善，故该系统还可以进行更好的改进。在后续版本中，还可以添加用户对订单进度的查询，用户催单功能，店主对指定菜式销量进行查询以及订单的打印等功能。各类产品都是在不断的改进中成长，该系统通过不断的改进，有望得到更好更广泛的推广。

参考文献：

[1]伍小芹,张生波.利用FLASH制作网页文本编辑工具[J].电脑开发与应用,第20卷,第5期

[2]王艳歌.在Flash中使用ActionScript读取外部资源[J].电脑开发与应用,2010,23,11

[3]山德斯,古曼娜提．ActionScript3设计模式[M].北京:中国电力出版社,2009

[4]蒋国强.ActionScript 3.0完全自学手册[M].北京:机械工业出版社,2008

[5]Graham Routledge,Amin Aminaei,Phillip Benachour.Developing Understanding of Programming.Principles using Flash Actionscript.ITALICS Volume 6 Issue 4,October,2007,UK