携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情
系统运行与截图
（1）注册界面
在注册界面，用户可以通过在注册界面填写用户名、密码、性别、年龄等信息进行注册。运行图如下图图注册界面图所示：
图注册界面图
（2）登陆界面
在登录界面，用户可以进行输入用户名和密码登录到首页。运行结果如下图图登陆界面图图登陆界面图所示：
图登录界面图
（3）首页界面
用户登录成功之后就会条状到首页。运行结果图如下图首页界面图所示：
首页界面图
（4）分类界面
用户可以在首页选择不同的分类进行选择自己想要的餐品。分类界面菜单有：饭、汉堡、小吃、糖水。用户可以输入数量点击购买加入购物车。如图分类界面图所示，
分类界面
（5）购物车界面
购物车界面用户可以查看自己添加的商品和商品的数量。运行界面图如下图购物图所示：
购物车图
（6）结算中心
结算中心下达下单指令，就可以静待商家发货了。如图订单添加成功图所示，
订单添加成功图
系统代码
（1）代码如下：
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>外卖点餐系统</title>
<link href= *"css/bookstore.css"* rel= *"stylesheet"* type= *"text/css"* />
</head>
<body>
<jsp:include page= *"head.jsp"* />
<div class= *"content"* >
<div class= *"left"* >
<div class= *"list_box"* >
<div class= *"list_bk"* >
<s:action name= *"browseCatalog"* executeResult= *"true"* />
</div>
</div>
</div>
<div class= *"right"* >
<div class= *"right_box"* >
<font face= *"* *宋体"* >食品添加成功！</font>
<form action= *"browseBookPaging.action"* method= *"post"* >
<input type= *"hidden"* value= *"* <s:property value= *"#session['catalogid']"* /> *"* >
<input type= *"image"* name= *"submit"* src= *"/bookstore/picture/continue.gif"* />
</form>
<a href= *"checkout.action"* ><img src= *"/bookstore/picture/count.gif"* /></a>
</div>
</div>
</div>
<jsp:include page= *"foot.jsp"* />
</body>
</html>
本系统主要使用对象为用户。用户有两种类型一种是游客，一种是注册用户。游客可以通过相关网址来进入系统，进行餐品浏览，可以将餐品加入到购物车，但是游客没办法进行下单。游客下单系统会跳转到注册界面。
注册的用户可以通过登录界面输入帐号和密码进入系统主页，随意查找餐品。可以对想要购买的餐品进行下单，下单可以选择自己想要购买的数量，将其加入购物车。用户进入购物车可以对自己选定的餐品进行管理，如果要完成下单可以点击进入“结算中心”完成下单。注册用户完成下单之后，用户就可以等待商家送货上门了。
系统如需修改餐品信息，可以直接后台修改。
