Stage 2 餐厅点餐系统详细设计与系统实现
一.主要业务逻辑设计
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.登陆及注册界面
<%@page contentType = "text/html; charset = utf-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<%-- the header --%>
<%@ include file="/WEB-INF/jsp/header.jsp" %>
<title><s:text name="loginTitle" /></title>
</head>
<body>
<%-- the navbar --%>
<%@ include file="/WEB-INF/jsp/navbar.jsp" %>
<%-- the content --%>
<div class="container">
<form method="post" id="ib_login_form" action="loginProcess" role="form">
<div class="form-group">
<label id="ib_login_label" for="ib_login_user_input">
<s:text name="loginInput" />
</label>
<input type="text" id="ib_login_user_input" name="userName" class="form-control input-lg" placeholder="<s:text name="loginUserName" />" />
<div class="ib_login_error_div">
<s:fielderror fieldName="userName"/>
</div>
<input type="password" id="ib_login_passwd_input" name="userPasswd" class="form-control input-lg" placeholder="<s:text name="loginUserPasswd" />" />
<div class="ib_login_error_div">
<s:fielderror fieldName="userPasswd"/>
<s:property value="failReason" escape="false"/>
</div>
</div>
<button id="ib_login_submit_btn" type="submit" class="btn btn-primary btn-lg">
<s:text name="loginSubmit" />
</button>
<a id="ib_login_reg_btn" href="regPageEnter" class="btn btn-primary btn-lg" role="button">
<s:text name="loginReg" />
</a>
</form>
</div>
<%-- the javascript --%>
<script type="text/javascript">
$("#ib_login_submit_btn").click(
function() {
if ($("#ib_login_user_input").val() == "" || $("#ib_login_passwd_input").val() == "") {
alert("<s:text name="loginInputIsNull" />");
return false;
}
}
)
</script>
</body>
</html>
界面图：
2.菜单主页面
<%@page contentType = "text/html; charset = utf-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<%-- the header --%>
<%@ include file="/WEB-INF/jsp/header.jsp" %>
<title><s:text name="indexTitle" /></title>
</head>
<body>
<%-- the navbar --%>
<%@ include file="/WEB-INF/jsp/navbar.jsp" %>
<div id="ib_idx_content_div">
<s:iterator value="lstMenuTypeBean" id="bean">
<div class="row">
<h2 class="ib_idx_caption_h"><s:property value="#bean.name" /></h2>
<s:iterator value="#bean.lst" id="bean2">
<div class="col-md-3">
<div class="thumbnail">
<img src="<s:property value="#bean2.addr" />">
<h4 class="ib_idx_caption_h"><s:property value="#bean2.name" /></h4>
<h5 class="ib_idx_caption_h">
<s:text name="indexPrice" />: <s:property value="#bean2.price" />
</h5>
<p class="ib_idx_caption_h">
<button class="btn btn-primary"
menuName='<s:property value="#bean2.name" />'
menuPrice='<s:property value="#bean2.price" />'>
<s:text name="indexSubmitBtn" /> <span class="badge"><s:property value="#bean2.amount" /></span>
</button>
</p>
</div>
</div>
</s:iterator>
</div>
</s:iterator>
<%-- the pagination --%>
<%@ include file="/WEB-INF/jsp/pagination.jsp" %>
</div>
<%-- the javascript --%>
<script type="text/javascript">
function fnSubmitBtn(data, code, request) {
//exclude the error page
var menuAmount = data.match(/<!DOCTYPE html>/);
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() {
<s:if test="#session.loginUser==null">
alert("please login!");
window.location.href = 'loginPageEnter';
return;
</s:if>
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
});
}
)
</script>
</body>
</html>
界面图：
3.用户订单修改
<%@page contentType = "text/html; charset = utf-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<%-- the header --%>
<%@ include file="/WEB-INF/jsp/header.jsp" %>
<title><s:text name="orderlistTitle" /></title>
</head>
<body>
<%-- the navbar --%>
<%@ include file="/WEB-INF/jsp/navbar.jsp" %>
<div id="ib_orderlist_content_div">
<%@ include file="/WEB-INF/jsp/orderlist_content.jsp" %>
</div>
<%-- the javascript --%>
<script type="text/javascript">
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
});
}
</script>
</body>
</html>
界面图：
4.管理员菜单修改及客户订单处理
<%@page contentType = "text/html; charset = utf-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<%-- the header --%>
<%@ include file="/WEB-INF/jsp/header.jsp" %>
<title><s:text name="manMenuTitle" /></title>
</head>
<body>
<%-- the navbar --%>
<%@ include file="/WEB-INF/jsp/navbar.jsp" %>
<div id="ib_man_menu_content_div">
<%@ include file="/WEB-INF/jsp/manager/man_menu_content.jsp" %>
</div>
<%-- the javascript --%>
<script type="text/javascript">
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("<s:text name="manMenuCancelBtn" />");
}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("<s:text name="manMenuNewBtn" />");
}
}
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("<s:text name="manMenuCancelBtn" />");
}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("<s:text name="manMenuEditBtn" />");
}
}
});
}
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
});
}
</script>
</body>
</html>
界面图：
