餐厅点餐系统详细设计与系统实现

一.主要业务逻辑设计

1.登陆操作

package com.ibooking.action;

import com.ibooking.action.base.*;

import com.ibooking.util.*;

import com.opensymphony.xwork2.ActionContext;

public class LoginProcessAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private String userName;

private String userPasswd;

@Override

public String execute() {

ActionContext ctx = ActionContext.getContext();

if (daoService.validatePasswd(userName, userPasswd)) {

String userAuth = daoService.getUserAuthByName(userName);

//save the user info

ctx.getSession().put(WebConstant.LOGIN_USER, userName);

ctx.getSession().put(WebConstant.LOGIN_AUTH, userAuth);

fillTitle();

return fillIndexPage();

}else {

failReason = getText("loginFailure");

return RET_FAIL;

}

}

}

2.登出操作

package com.ibooking.action;

import com.ibooking.action.base.*;

import com.ibooking.util.*;

import com.opensymphony.xwork2.ActionContext;

public class LogoutProcessAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

@Override

public String execute() {

ActionContext ctx = ActionContext.getContext();

String userName = (String)ctx.getSession().get(WebConstant.LOGIN_USER);

if (!userName.isEmpty()) {

//clear the user info

ctx.getSession().put(WebConstant.LOGIN_USER, null);

ctx.getSession().put(WebConstant.LOGIN_AUTH, null);

ctx.getSession().clear();

fillTitle();

return fillIndexPage();

}else {

return RET_FAIL;

}

}

}

3.点餐操作

3.1添加菜品

package com.ibooking.action;

import com.ibooking.action.base.*;

public class OrderDetailPageEnterAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private int orderId;

@Override

public String execute() {

fillTitle();

return fillOrderDetailPage(orderId);

}

}

3.2订单提交

package com.ibooking.action;

import java.io.ByteArrayInputStream;

import java.io.InputStream;

import java.io.UnsupportedEncodingException;

import com.ibooking.action.base.*;

import com.ibooking.util.WebConstant;

import com.opensymphony.xwork2.ActionContext;

public class MenuSubmitAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private String menuName;

private String menuPrice;

private InputStream inputStream;

@Override

public String execute() throws UnsupportedEncodingException {

ActionContext ctx = ActionContext.getContext();

String userName = (String)ctx.getSession().get(WebConstant.LOGIN_USER);

int amount = daoService.changeShoppingAmount(userName, menuName, menuPrice, true);

if (amount == WebConstant.INVALID_VALUE) {

amount = 0;

}

String result = String.valueOf(amount);

inputStream = new ByteArrayInputStream(result.getBytes("UTF-8"));

return RET_SUCC;

}

4.顾客菜单修改操作

package com.ibooking.action;

import java.io.UnsupportedEncodingException;

import com.ibooking.action.base.*;

public class OrderListChangeAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private String opt;

private int orderId;

@Override

public String execute() throws UnsupportedEncodingException {

//analysis and process the opt param

if (opt.equals("orderDel")){

daoService.deleteOrderTrans(orderId);

}

return fillOrderListPage();

}

5.管理员修改菜单

package com.ibooking.action.manager;

import java.io.UnsupportedEncodingException;

import com.ibooking.action.base.*;

public class ManMenuChangeAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private String opt;

private int id;

private String name;

private Integer price;

private String pic;

private Integer type;

@Override

public String execute() throws UnsupportedEncodingException {

//analysis and process the opt param

if (opt.equals("menuAdd")){

daoService.insertMenu(name, price, pic, type);

}else if (opt.equals("menuMod")){

daoService.updateMenuById(id, name, price, pic, type);

}else if (opt.equals("menuDel")){

daoService.deleteMenu(id);

}

return fillManMenuPage();

}

}

6.管理员对用户管理

package com.ibooking.action.manager;

import java.io.UnsupportedEncodingException;

import com.ibooking.action.base.*;

public class ManUserChangeAction extends BaseAction {

/**

*

*/

private static final long serialVersionUID = 1L;

private String opt;

private int id;

private String user;

private String passwd;

private String auth;

private String tel;

private String addr;

@Override

public String execute() throws UnsupportedEncodingException {

//analysis and process the opt param

if (opt.equals("userAdd")){

daoService.insertUser(user, passwd, auth, tel, addr);

}else if (opt.equals("userMod")){

daoService.updateUserById(id, user, passwd, auth, tel, addr);

}else if (opt.equals("userDel")){

daoService.deleteUser(id);

}

return fillManUserPage();

}

}

二.表现层设计与实现

1.登陆及注册界面

$("#ib_login_submit_btn").click(

function() {

if ($("#ib_login_user_input").val() == "" || $("#ib_login_passwd_input").val() == "") {

alert("");

return false;

}

}

)

界面图：

2.菜单主页面

function fnSubmitBtn(data, code, request) {

//exclude the error page

var menuAmount = data.match(//);

if (menuAmount == null) {

var menuName = this.data.match(/menuName=(.+)&/);

if (menuName != null && menuName[1] != null) {

$("button").each(function() {

if ($(this).attr("menuName") == menuName[1]) {

$(this).children("span").text(data);

}

});

}

}

}

$("button").click(

function() {

alert("please login!");

window.location.href = 'loginPageEnter';

return;

var ajaxUrl = "menuSubmit";

var ajaxData = "menuName=" + $(this).attr("menuName") + "&" + "menuPrice=" + $(this).attr("menuPrice");

jQuery.ajax({

type: "POST",

url: ajaxUrl,

data: ajaxData,

dataType: "html",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: fnSubmitBtn

});

}

)

界面图：

3.用户订单修改

function fnChangeFinish(data, code, request) {

if (code == "success") {

$("#ib_orderlist_content_div").html(data);

}

}

function onBtnDelClick(data) {

var ajaxUrl = "orderListChange";

jQuery.ajax({

type: "POST",

url: ajaxUrl,

data: data,

dataType: "html",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: fnChangeFinish

});

}

界面图：

4.管理员菜单修改及客户订单处理

function onBtnNewClick() {

var status = $("#ib_man_menu_new_btn").attr("status");

if (status == "new") {

$("#ib_man_menu_new_name_input").removeAttr("readOnly");

$("#ib_man_menu_new_price_input").removeAttr("readOnly");

$("#ib_man_menu_new_pic_select").removeAttr("disabled");

$("#ib_man_menu_new_type_select").removeAttr("disabled");

$("#ib_man_menu_add_btn").removeAttr("disabled");

$("#ib_man_menu_new_btn").attr("status", "cancel");

$("#ib_man_menu_new_btn").text("");

}else if (status == "cancel") {

$("#ib_man_menu_new_name_input").attr("readOnly", "true");

$("#ib_man_menu_new_price_input").attr("readOnly", "true");

$("#ib_man_menu_new_pic_select").attr("disabled", "disabled");

$("#ib_man_menu_new_type_select").attr("disabled", "disabled");

$("#ib_man_menu_add_btn").attr("disabled", "disabled");

$("#ib_man_menu_new_btn").attr("status", "new");

$("#ib_man_menu_new_btn").text("");

}

}

function fnChangeFinish(data, code, request) {

if (code == "success") {

$("#ib_man_menu_content_div").html(data);

}

}

function onBtnAddClick(data) {

var ajaxUrl = "manMenuChange";

data = data +

"&name=" + $("#ib_man_menu_new_name_input").val() +

"&price=" + $("#ib_man_menu_new_price_input").val() +

"&pic=" + $("#ib_man_menu_new_pic_select").val() +

"&type=" + $("#ib_man_menu_new_type_select").val();

jQuery.ajax({

type: "POST",

url: ajaxUrl,

data: data,

dataType: "html",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: fnChangeFinish

});

}

function onBtnEditClick(data) {

$(".ib_man_menu_id_label").each(function() {

if ($(this).text() == data) {

var name_input = $(this).next();

var price_input = $(this).parent().next().children();

var pic_select = price_input.parent().next().children();

var type_select = pic_select.parent().next().children()

var edit_btn = type_select.parent().next().children("#ib_man_menu_edit_btn");

var mod_btn = edit_btn.next();

var status = edit_btn.attr("status");

if (status == "edit") {

name_input.removeAttr("readOnly");

price_input.removeAttr("readOnly");

pic_select.removeAttr("disabled");

type_select.removeAttr("disabled");

mod_btn.removeAttr("disabled");

edit_btn.attr("status", "cancel");

edit_btn.text("");

}else if (status == "cancel") {

name_input.attr("readOnly", "true");

price_input.attr("readOnly", "true");

pic_select.attr("disabled", "disabled");

type_select.attr("disabled", "disabled");

mod_btn.attr("disabled", "disabled");

edit_btn.attr("status", "edit");

edit_btn.text("");

}

}

});

}

function onBtnModClick(data) {

var ajaxUrl = "manMenuChange";

var id = data.match(/id=(.+)&opt=menuMod/);

if (id != null && id[1] != null) {

$(".ib_man_menu_id_label").each(function() {

if ($(this).text() == id[1]) {

var name_input = $(this).next();

var price_input = $(this).parent().next().children();

var pic_select = price_input.parent().next().children();

var type_select = pic_select.parent().next().children()

data = data +

"&name=" + name_input.val() +

"&price=" + price_input.val() +

"&pic=" + pic_select.val() +

"&type=" + type_select.val();

jQuery.ajax({

type: "POST",

url: ajaxUrl,

data: data,

dataType: "html",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: fnChangeFinish

});

}

});

}

}

function onBtnDelClick(data) {

var ajaxUrl = "manMenuChange";

jQuery.ajax({

type: "POST",

url: ajaxUrl,

data: data,

dataType: "html",

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: fnChangeFinish

});

}

界面图：