基于工作项目的Android高级开发实战.pptVIP

移动终端软件开发实战李钦深圳信息职业技术学院软件学院科技楼1703C室kenneth_lee_qin@移动终端软件开发实战第七章跟我做在线点餐系统(1)管理端开发本章大纲7-1、设计思路7-2、文件结构7-3、开发步骤7-1设计思路

7-1设计思路

本系统分为三大模块：服务端、管理端、客户端。三个模块之间的关系如图7-9所示。管理端直接在服务器上运行，供饭店管理者使用。

7-1设计思路

管理端

7-1设计思路

管理端的设计思路可简单描述如下：设计管理端主页面index.xml，包含菜单管理与订单管理两个子页面，使用css与js技术，为主页面设计样式。设计菜单管理页面ShowMenu.php，负责查询数据库，实现菜式查询。包含连个子页面，菜式添加与菜式删除。设计菜式添加页面AddMenu.php，负责向数据库中插入数据，实现菜式添加，并通过状态页面AddMenuStatus.php显示数据库插入状态。设计菜式删除页面DelMenuStatus.php，负责删除数据库中的数据，实现菜式删除。设计订单管理页面ShowOrder.php，负责查询数据库，显示客户提交的订单，并通过结账管理页面PayStatus.php，对订单进行管理。7-2文件结构

7-2文件结构

我们把管理端程序放在的系统根目录，如图8-1所示。三个文件夹中的程序属于服务端，根目录中的程序属于管理端。7-3开发步骤

7-3开发步骤

（1）主界面设计管理端界面设计采用DIV+CSS。在系统根文件夹新建index.html，设计效果如图8-2所示。

7-3开发步骤

代码如下，实现添加两个按钮，分别跳转到订单管理主页面ShowOrder.php和菜单管理主页面ShowMenu.php。代码完成后，在浏览器输入“http://localhost/Order/index.html”进行测试。

7-3开发步骤

index.html的样式在mystyle.css中设计，代码如下。

7-3开发步骤

（2）菜单管理主页面设计在系统根文件夹新建ShowMenu.php，实现页面如图8-3所示。

7-3开发步骤

代码如下，用于查询数据库，将数据库中的菜单显示到页面上，并添加两个按钮：添加菜式和删除菜式，用于跳转到菜式的添加页面AddMenu.php与删除页面DelMenuStatus.php。页面整体设计采用DIV+CSS，本页面的DIV和CSS写在同个PHP中。页面使用了Jquery，为菜单的奇数行、偶数行、首行设置不同的颜色。使用Jquery，需要到Jquery官网上下载jquery.min.js文件，复制到系统根文件架D:\xampp\htdocs\Order\。

7-3开发步骤

（3）菜式添加页面设计在系统根文件夹新建AddMenu.php，同样使用mystyle.css实现样式设计。设计效果如图8-4所示

7-3开发步骤

代码如下，实现在表单中进行新菜式信息输入，点击添加按钮，则跳转到AddMenuStatus.php，通过POST方式将表单中的信息发送AddMenuStatus.php。

6-4接口设计

(4）菜单查询

6-4接口设计

(5）添加订单http://localhost/Order/main/addorder.php?num=110totalprice=100date=1111-11-11time=11:11:11foodquantity=1food1=糖醋排骨quantity1=1

6-5服务端开发

（1）建立服务端目录结构新建“D:\xampp\htdocs\Order”文件夹，在文件夹中新建三个子文件夹“Main”、“Utils”、“images”，分别存放主要功能代码、工具代码以及图片资源。将本书资源文件中相应的中的4个JPG图片拷贝到“D:\xampp\htdocs\Order\images”文件夹中。

6-5服务端开发

（2）创建数据库在“D:\xampp\htdocs\Order\Utils”文件夹中，新建一个文本文件“diancai.sql”，用PDT打开，输入以下代码，在服务器上创建一个名为diancai的数据库，数据库中有四张表，登录表、菜单表、订单表、订单明细表。请根据自己服务器的IP地址修改代码中的IP地址。

6-5服务端开发

代码编写完成后，选择“另存为”，将编码选择为UTF-8，如图7-14所示。

6-5服务端开发

打开Xampp控制面板，启动Apache与MySQL。打开浏览器，输入“htt