1 概述
根据需求分析与系统功能设计目标,结合实际情况本系统功能模块设计分为如下几个模块:
1.主页:在这里我们可以看见本系统的主要功能和信息。
2.用户注册:在这里我们可以注册我们的基本信息,其中电话和Email是比较重要的,因为我们需要对这些信息进行处理,以方便用户的付款和邮购。
3.用户登陆:为了方便用户的付款,邮购和管理,我们需要变成会员后才可以进行消费。
4.菜品浏览:成功登陆后的用户可以分页浏览菜品菜品,并将想要的菜品提交到填写订单页面。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登录页面”。
5.订购菜品:成功登陆的用户可以在该页面定购所需要的菜品。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
6.查看订单:成功登陆的用户可以在该页修改已经订购的菜品。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
7.修改订单:成功登陆的用户可以在该页修改或删除已经订购的菜品。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
8.菜品查询:成功登陆的用户可以在该页查找自己需要的菜品。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
9.修改密码:成功登陆的用户可以在该页修改自己的密码。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
10.修改个人信息:成功登陆的用户可以在该页修改自己当初注册时的信息。如果用户还没有注册就直接进入或者没有成功登陆就进入页面,将被连接到“用户登陆页面”。
2 数据库表
表2 goods菜品表
名称 | 类型 | 长度 | 说明 |
id | int | 4 | 编号 |
name | varchar | 50 | 名称 |
brief | varchar | 500 | 备注 |
price | varchar | 50 | 价格 |
type | varchar | 50 | 类型 |
imgpath | varchar | 100 | 图片 |
price1 | varchar | 50 | 价格 |
sums1 | varchar | 50 | 出售数量 |
chima | varchar | 50 | 尺寸 |
pf | varchar | 50 | 评价 |
表3 leaveword 留言表
名称 | 类型 | 长度 | 说明 |
id | int | 4 | 编号 |
users | varchar | 50 | 用户ID |
title | varchar | 200 | 标题 |
content | varchar | 500 | 内容 |
times | varchar | 50 | 日期 |
表5 nutrition 公告表
名称 | 类型 | 长度 | 说明 |
id | int | 4 | 编号 |
name | varchar | 100 | 名称 |
content | varchar | 2000 | 内容 |
3 关键代码
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>留言板</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/stylesheet/bootstrap.css"><!--bootstrap框架-->
<link rel="stylesheet" type="text/css" href="<%=path%>/stylesheet/style.css"><!--网站主框-->
<link rel="stylesheet" type="text/css" href="<%=path%>/stylesheet/responsive.css"><!--自适应屏幕大小使用-->
<script language="JavaScript">
function login222()
{
if (document.form2.title.value == "" )
{
alert("请输入留言标题!");
document.form2.title.focus();
return false;
}
if (document.form2.content.value == "" )
{
alert("请输入留言内容!");
document.form2.content.focus();
return false;
}
}
</script>
<%
String ok = (String)request.getAttribute("ok");
if(ok != null && ok.equals("1")){
%><script>alert('留言成功!')</script><%
}
%>
</head>
<jsp:include flush="true" page="/servlet/SessLoginServlet"/>
<jsp:include flush="true" page="/servlet/ListServlet"/>
<%
ArrayList users = (ArrayList)request.getAttribute("users");
ArrayList leaveword = (ArrayList)request.getAttribute("leaveword");
%>
<body>
<div class="boxed">
<div class="preloader"><!-- 页面加载时的动画 -->
<div class="clear-loading loading-effect-2">
<span></span>
</div>
</div>
<jsp:include flush="true" page="top.jsp"/>
<div class="page-title">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading">
<h1 class="h1-title">留言板</h1>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<section class="flat-row pd-contact-v2">
<div class="container">
<div class="row">
<!--左栏-->
<div class="col-md-8 boxl">
<div class="course">
<div class="lay4">
<%
for(int i = 0;i < leaveword.size();i++){
ArrayList alRow = (ArrayList)leaveword.get(i);
%>
<table border="0" width="100%" id="table2" bgcolor="#C0C0C0">
<tr>
<td bgcolor="#DDEEFF" height="20" width="14%">用户名:</td>
<td bgcolor="#DDEEFF" height="20" width="36%">
<%
for(int j = 0;j < users.size();j++){
ArrayList usersRow = (ArrayList)users.get(j);
if(usersRow.get(0).equals(alRow.get(1))){
%><%=usersRow.get(1) %><%
break;
}
}
%>
</td>
<td bgcolor="#DDEEFF" height="20" width="14%">留言时间:</td>
<td bgcolor="#DDEEFF" height="20" width="34%"><%=alRow.get(4).toString() %></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="20" width="14%">留言标题:</td>
<td bgcolor="#ffffff" height="20" colspan="3"><%=alRow.get(2) %></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="20" width="14%">留言内容:</td>
<td bgcolor="#ffffff" height="20" colspan="3"><%=alRow.get(3) %></td>
</tr>
</table><br>
<%} %>
<form action="<%=path%>/servlet/LeaveWordServlet" method="post" name="form2" onsubmit="return login222()">
<table border="1" width="100%" id="table3" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0" bgcolor="#E8E8E8" style="border-collapse: collapse">
<tr>
<td width="30%">留言标题:</td>
<td width=""><input type="text" name="title" size="48"></td>
</tr>
<tr>
<td width="">留言内容:</td>
<td><textarea rows="9" name="content" cols="57"></textarea></td>
</tr>
<tr>
<td colspan="2" height="25" align="center">
<input type="submit" value="提交留言"></td>
</tr>
</table>
</form>
<div class="clear"></div>
</div>
</div>
</div>
<jsp:include flush="true" page="left.jsp"/>
</div>
</div>
</section>
<jsp:include flush="true" page="Copyright.jsp"/>
</div>
<script type="text/javascript" src="<%=path%>/javascript/jquery.min.js"></script><!--jquery主文件-->
<script type="text/javascript" src="<%=path%>/javascript/bootstrap.min.js"></script><!--bootstrap主文件-->
<script type="text/javascript" src="<%=path%>/javascript/main.js"></script><!--程序主文件-->
</body>
</html>
4 效果演示
idea或eclipse开发,mysql数据库