第七章点餐系统管理端

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2021/9/21,*,移动终端软件开发实战,李钦,深圳信息职业技术学院,软件学院,科技楼,1703C,室,kenneth_lee_,2021/9/21,1,移动终端软件开发实战,第,七,章 跟我做,在线点餐系统,(1),管理端开发,2021/9/21,2,本章大纲,7-1,、,设计思路,7-2,、,文件结构,7-3,、,开发步骤,2021/9/21,3,7-1,设计思路,2021/9/21,4,7-1,设计思路,本系统分为三大模块：服务端、管理端、客户端。三个模块之间的关系如图,7-9,所示。,管理端直接在服务器上运行，供饭店管理者使用。,2021/9/21,5,7-1,设计思路,管理端,2021/9/21,6,7-1,设计思路,管理端的设计思路可简单描述如下：,设计管理端主页面,index.xml,，包含菜单管理与订单管理两个子页面，使用,css,与,js,技术，为主页面设计样式。,设计菜单管理页面,ShowMenu.php,，负责查询数据库，实现菜式查询。包含连个子页面，菜式添加与菜式删除。,设计菜式添加页面,AddMenu.php,，负责向数据库中插入数据，实现菜式添加，并通过状态页面,AddMenuStatus.php,显示数据库插入状态。,设计菜式删除页面,DelMenuStatus.php,，负责删除数据库中的数据，实现菜式删除。,设计订单管理页面,ShowOrder.php,，负责查询数据库，显示客户提交的订单，并通过结账管理页面,PayStatus.php,，对订单进行管理。,2021/9/21,7,7-2,文件结构,2021/9/21,8,7-2,文件结构,我们把管理端程序放在的系统根目录，如图,8-1,所示。,三个文件夹中的程序属于服务端，根目录中的程序属于管理端。,2021/9/21,9,7-3,开发步骤,2021/9/21,10,7-3,开发步骤,（,1,）主界面设计,管理端界面设计采用,DIV+CSS,。在系统根文件夹新建,index.html,，设计效果如图,8-2,所示。,2021/9/21,11,7-3,开发步骤,代码如下，实现添加两个按钮，分别跳转到订单管理主页面,ShowOrder.php,和菜单管理主页面,ShowMenu.php,。代码完成后，在浏览器输入“,http:/localhost/Order/index.html,”进行测试。,2021/9/21,12,2021/9/21,13,2021/9/21,14,7-3,开发步骤,index.html,的样式在,mystyle.css,中设计，代码如下。,2021/9/21,15,2021/9/21,16,2021/9/21,17,7-3,开发步骤,（,2,）菜单管理主页面设计,在系统根文件夹新建,ShowMenu.php,，实现页面如图,8-3,所示。,2021/9/21,18,7-3,开发步骤,代码如下，用于查询数据库，将数据库中的菜单显示到页面上，并添加两个按钮：添加菜式和删除菜式，用于跳转到菜式的添加页面,AddMenu.php,与删除页面,DelMenuStatus.php,。,页面整体设计采用,DIV+CSS,，本页面的,DIV,和,CSS,写在同个,PHP,中。页面使用了,Jquery,，为菜单的奇数行、偶数行、首行设置不同的颜色。使用,Jquery,，需要到,Jquery,官网上下载,jquery.min.js,文件，复制到系统根文件架,D:xampphtdocsOrder,。,2021/9/21,19,2021/9/21,20,2021/9/21,21,2021/9/21,22,2021/9/21,23,2021/9/21,24,2021/9/21,25,7-3,开发步骤,（,3,）菜式添加页面设计,在系统根文件夹新建,AddMenu.php,，同样使用,mystyle.css,实现样式设计。设计效果如图,8-4,所示,2021/9/21,26,7-3,开发步骤,代码如下，实现在表单中进行新菜式信息输入，点击添加按钮，则跳转到,AddMenuStatus.php,，通过,POST,方式将表单中的信息发送,AddMenuStatus.php,。,2021/9/21,27,2021/9/21,28,2021/9/21,29,7-3,开发步骤,（,4,）菜式添加状态页面设计,在根文件夹下新建,AddMenuStatus.php,，代码如下，用于将用户在,AddMenu.php,页面中输入的信息插入数据库，实现菜式的添加，添加成功后，显示成功信息，并在,3,秒后自动跳转回菜单管理主页面,ShowMenu.php,。,2021/9/21,30,2021/9/21,31,2021/9/21,32,7-3,开发步骤,（,5,）菜式删除状态页面设计,在根文件夹下新建,DelMenuStatus.php,，代码如下，,用于将用户在,AddMenu.php,页面中选中的菜式从数据库中删除，实现菜式的删除，,删除成功后，显示成功信息，并在,3,秒后自动跳转回菜单管理主页面,ShowMenu.php,。,2021/9/21,33,2021/9/21,34,2021/9/21,35,7-3,开发步骤,（,6,）,订单管理主页面设计,在系统根文件夹新建,ShowOrder.php,，实现页面如图,8-5,所示。,2021/9/21,36,7-3,开发步骤,代码如下，用于查询数据库，将数据库中的订单显示到页面上，,并添加一个按钮：结账，用于跳转到结账页面,PayStatus.php,。,页面整体设计采用,DIV+CSS,，本页面的,DIV,和,CSS,写在同个,PHP,中。,页面使用了,Jquery,，为菜单的奇数行、偶数行、首行设置不同的颜色。,2021/9/21,37,2021/9/21,38,2021/9/21,39,2021/9/21,40,2021/9/21,41,2021/9/21,42,2021/9/21,43,7-3,开发步骤,（,7,）结账页面设计,在系统根文件夹新建,PayStatus.php,，代码如下。用户结账后，删除选中的订单。,2021/9/21,44,2021/9/21,45,2021/9/21,46,7-3,开发步骤,（,8,）测试,http:/localhost/order/,2021/9/21,47,