JavaWeb版 仿必胜客在线订餐系统
2021/11/2 9:39:59
本文主要是介绍JavaWeb版 仿必胜客在线订餐系统，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
一、项目实现成果预览
项目演示二、项目结构设计
三、页面设计
（1）注册页面
（2）主页
（3）会员中心
个人信息管理页面
用户管理页面
（4）地址管理页面
（5）餐品分类管理页面
（6）餐品管理页面
（7）订单管理页面
（8）菜单页面
（9）购物车页面
四、项目需求文件及源码资源包
项目需求及源码
五、项目代码结构
六、控制层及对应前端页面源码
（1）地址管理模块
package com.bsk.controller;
import com.bsk.bean.Address;
import com.bsk.bean.User;
import com.bsk.service.addressService;
import com.bsk.service.impl.addressServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.List;
@WebServlet("/addressServlet")
public class addressServlet extends BaseServlet {
private static final long serialVersionUID = 1L;
private addressService service = new addressServiceImpl();
//地址列表展示
public void selectAll(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("addressServlet.selectAll");
// 当前登陆者用户对象
User user = (User)request.getSession().getAttribute("user");
String user_id = user.getUserId().toString();
Address add = new Address();
List<Address> list = service.selectAllAddress(user_id);
for (Address address : list) {
System.out.println(address);
}
request.getSession().setAttribute("list",list);
request.getRequestDispatcher("address.jsp").forward(request,response);
}
//新增地址
public void insertAddress(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("addressServlet.insertAddress");
String Province = request.getParameter("Province");
String City = request.getParameter("City");
String District = request.getParameter("District");
String Describe = request.getParameter("Describe");
User user = (User)request.getSession().getAttribute("user");
String userId = user.getUserId().toString();
System.out.println(Province+"+"+City+"+"+District+"+"+Describe+"+"+userId);
Address address = new Address();
address.setAddressProvince(Province);
address.setAddressCity(City);
address.setAddressDistrict(District);
address.setAddressDescribe(Describe);
address.setUserId(Integer.parseInt(userId));
System.out.println("address = " + address);
boolean b = service.insertAddress(address);
if (b!=true){
System.out.println("新增地址失败");
response.getWriter().append("0");
}else {
System.out.println("新增地址成功");
response.getWriter().append("1");
}
}
//删除地址
public void deletAddress(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("addressServlet.deletAddress");
String id = request.getParameter("id");
System.out.println(id);
boolean b = service.deletAddress(id);
if (b!=true){
System.out.println("删除地址失败");
response.getWriter().append("0");
}else {
System.out.println("删除地址成功");
response.getWriter().append("1");
}
}
//修改地址
public void updateAddress(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("addressServlet.updateAddress");
String id = request.getParameter("addressId");
String Province = request.getParameter("Province");
String City = request.getParameter("City");
String District = request.getParameter("District");
String Describe = request.getParameter("Describe");
System.out.println(id+"+"+Province+"+"+City+"+"+District+"+"+Describe);
boolean b = service.updateAddress(id, Province, City, District, Describe);
if (b!=true){
System.out.println("修改地址失败");
response.getWriter().append("0");
}else {
System.out.println("修改地址成功");
response.getWriter().append("1");
}
}
}
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<title>地址管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/address.css" />
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/distpicker/2.0.3/distpicker.js"></script>
<script type="text/javascript">
function del(id){
console.log(id);
layer.confirm('确定要删除吗？', {
btn: ['确定','取消'] //按钮
}, function(){
console.log(id);
$.ajax({
url: "${pageContext.request.contextPath}/addressServlet?method=deletAddress",
data: {
"id":id
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('删除成功');
location.href="${pageContext.request.contextPath}/addressServlet?method=selectAll";
} else if (data==0){
layer.msg("删除失败");
}else if (data==2){
layer.msg("该餐品分类下存在餐品，不可直接删除");
}
}
})
});
}
function insert() {
var Province = $("#Province").val().trim();
var City = $("#City").val().trim();
var District = $("#District").val().trim();
var Describe = $("#Describe").val().trim();
console.log(Province+"+"+City+"+"+District+"+"+Describe);
$.ajax({
url: "${pageContext.request.contextPath}/addressServlet?method=insertAddress",
data: {
"Province":Province,
"City":City,
"District":District,
"Describe":Describe
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('新增地址成功');
location.href="${pageContext.request.contextPath}/addressServlet?method=selectAll";
} else {
layer.msg("新增地址失败");
}
}
})
}
function update(addressId){
var Province = $("#Province"+addressId).val().trim();
var City = $("#City"+addressId).val().trim();
var District = $("#District"+addressId).val().trim();
var Describe = $("#Describe"+addressId).val().trim();
console.log(addressId+"+"+Province+"+"+City+"+"+District+"+"+Describe);
$.ajax({
url: "${pageContext.request.contextPath}/addressServlet?method=updateAddress",
data: {
"addressId":addressId,
"Province":Province,
"City":City,
"District":District,
"Describe":Describe
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('修改地址成功');
location.href="${pageContext.request.contextPath}/addressServlet?method=selectAll";
} else {
layer.msg("修改地址失败");
}
}
})
}
</script>
</head>
<body>
<div class="m-main">
<div class="m-food">
<div class="mf-top border-t">
<div>
地址管理
</div>
</div>
<c:forEach var="lists" items="${list}">
<div class="mf-menu border-t"
style="height: auto; line-height:7px; padding: 30px 0">
<div class="fl">
<span class="m-wt"></span>
<span>${lists.addressProvince}${lists.addressCity}${lists.addressDistrict}${lists.addressDescribe}</span>
</div>
<div class="fr">
<button class="xiugai dingwei" onclick="change('address${lists.addressId}',1)">
修改</button>
<button class="del dingwei" onclick="del(${lists.addressId})">
删除
</button>
</div>
<div style="display: none;" class="change" id="update_address${lists.addressId}">
<div style="padding-top: 20px" class="clear">
<span class="m-wt" style="padding: 0 30px; width: 70px"></span>
<input id="Province${lists.addressId}" type="text" class="t-ad" value="${lists.addressProvince}" />
—
<input id="City${lists.addressId}" type="text" class="t-ad" value="${lists.addressCity}" />
—
<input id="District${lists.addressId}" type="text" class="t-ad" value="${lists.addressDistrict}" />
—
<input id="Describe${lists.addressId}" type="text" class="t-ad" style="width: 150px" value="${lists.addressDescribe}" />
</div>
<div class="act-botton clear"
style="margin: 10px 0 10px 15px; padding: 10px 0">
<div class="save-button">
<a href="javascript:update(${lists.addressId})" class="radius">保存</a>
</div>
<div class="cancel-button">
<a href="javascript:" class="radius"
onclick="change('address${lists.addressId}',2)">取消</a>
</div>
</div>
</div>
</div>
</c:forEach>
</div>
<div class="mf-top" style="margin-top: 30px">
<div id="addaddress">
<div style="line-height: 40px">
<span class="m-wt" style="padding: 0 30px"></span><a href="#"
class=" rb-red" onclick="change('addaddress',3)">+使用新地址</a>
</div>
</div>
<div style="display: none;" id="insert_addaddress" class="change">
<div style="margin-top: 20px">
<div data-toggle="distpicker" style="height: 50px;text-align:center"><!-- container -->
<select id="Province" style="height: 100%"></select><!-- 省 -->
<select id="City" style="height: 100%"></select><!-- 市 -->
<select id="District" style="height: 100%"></select><!-- 区 -->
<input id="Describe" type="text" class="t-ad" style="width: 150px;height: 100%" placeholder="描述" />
</div>
</div>
<div class="act-botton clear"
style="margin: 20px 40px; padding: 20px 0">
<div class="save-button">
<a href="javascript:insert()" class="radius">保存</a>
</div>
<div class="cancel-button">
<a href="javascript:" class="radius"
onclick="change('addaddress',4)">取消</a>
</div>
</div>
</div>
<div class="area clear"
style="margin-top: 60px; font-size: 14px; color: #999">
<span class="m-wt" style="padding: 0 30px"></span> 友情提示：
<br />
<span class="m-wt" style="padding: 0 30px"></span>如果您选择不设置密码，您送餐信息的主要内容会以*号遮蔽，如：虹桥路2号，会显示为“虹﹡……﹡2号”。
<br />
<span class="m-wt" style="padding: 0 30px"></span>该显示信息可能不受保护，建议您设置密码。
</div>
</div>
</div>
</body>
</html>
<SCRIPT Language=VBScript><!--
//--></SCRIPT>
（2）控制跳转模块
package com.bsk.controller;
import java.io.IOException;
import java.lang.reflect.Method;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class BaseServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
try {
// 获取请求标识
String methodName = request.getParameter("method");
// 获取指定类的字节码对象
Class<? extends BaseServlet> clazz = this.getClass();//这里的this指的是继承BaseServlet对象
// 通过类的字节码对象获取方法的字节码对象
Method method = clazz.getMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);
// 让方法执行
method.invoke(this, request, response);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
（3）购物车模块
package com.bsk.controller;
import com.bsk.bean.User;
import com.bsk.service.CartService;
import com.bsk.service.impl.CartServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.List;
import java.util.Map;
@WebServlet("/CartServlet")
public class CartServlet extends BaseServlet {
private static final long serialVersionUID = 1L;
private CartService cs = new CartServiceImpl();
public void getCart(HttpServletRequest request, HttpServletResponse response) throws Exception {
//当前登录者id
Integer userId = ((User) request.getSession().getAttribute("user")).getUserId();
//根据登录用户获取购物车信息
List<Map<String, Object>> carts = cs.getCart(userId);
// 转换为json并传递给客户端
ObjectMapper mapper = new ObjectMapper();
mapper.writeValue(response.getWriter(), carts);
}
public void addCart(HttpServletRequest request, HttpServletResponse response) throws Exception {
//获取餐品编号
int productId = Integer.parseInt(request.getParameter("productId"));
//餐品数量
int num = Integer.parseInt(request.getParameter("num"));
//当前登录者id
Integer userId = ((User) request.getSession().getAttribute("user")).getUserId();
//执行添加购物车操作
int i = cs.addCart(productId, userId, num);
if(i > 0){
response.getWriter().println(1);
}else
response.getWriter().println(0);
}
public void updateNum(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("CartServlet.updateNum");
Integer num = Integer.parseInt(request.getParameter("num"));
Integer cartId = Integer.parseInt(request.getParameter("cartId"));
System.out.println("num = " + num);
System.out.println("cartId = " + cartId);
int i = cs.UpdateCart(cartId, num);
if (i == 1) {
response.getWriter().append("1");
} else {
response.getWriter().append("-1");
}
}
public void deleteCart(HttpServletRequest req, HttpServletResponse resp)throws Exception{
System.out.println("CartServlet.deleteCart");
User user = (User) req.getSession().getAttribute("user");
Integer userId = user.getUserId();
System.out.println("userId = " + userId);
int i = cs.DeleteCart(userId);
if(i==1){
resp.getWriter().append("1");
}else {
resp.getWriter().append("-1");
}
}
}
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.fly.min.js"></script>
<!-- 兼容IE10 -->
<script type="text/javascript" src="js/requestAnimationFrame.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<script>
//获取需要放数据的容器
var containerCart;
//获取我们定义的模板的dom对象。主要是想获取里面的内容
var templateCart;
$(function () {
containerCart = $('#containerCart');
templateCart = $('#templateCart');
if (checkLogin(4))
//当页面加载完成获取当前用户的购物车
getCart();
})
function getCart() {
$.get("CartServlet?method=getCart", function (data) {
var data = JSON.parse(data);
///计算出总额
var count = 0; //总金额
var num = 0; //餐品总数量
for (var e of data) {
count += e.product_price * e.product_num;
num += e.product_num;
}
$("#cart_image").html(count.toFixed(2));
$("#countNum").html(num);
//编译模板的里的内容
var template = Handlebars.compile(templateCart.html());
//把后台获取到的数据渲染到页面
containerCart.html(template(data));
})
}
/**
* 调用后台方法清空当前登录用户的购物车（确认的判断）
**/
function clearCart() {
layer.confirm('确定要删除吗？', {
btn: ['确定', '取消'] //按钮
},function () {
$.ajax({
url: "${pageContext.request.contextPath}/CartServlet?method=deleteCart",
success: function (data) {
if (data == 1) {
location.reload();
getCart();
} else {
layer.msg("删除失败");
}
}
});
})
}
/**
* 更改购物车餐品数量（如果数据量减到0,泽删除购物车中的餐品）
*/
function changeNum(cartId, num) {
console.log(cartId,num);
//执行餐品数量的操作
var proNum = $("#proNum" + cartId).val();
proNum = Number(proNum) + Number(num);
$.ajax({
url: "${pageContext.request.contextPath}/CartServlet?method=updateNum",
data: {
"cartId": cartId,
"num": proNum
},
success: function (data) {
console.log(data);
if (data == 1) {
getCart();
}
}
});
}
</script>
<c:if test="${sessionScope.user != null}">
<div class="m-shopping" id="cart">
<div class="m-cart">
<div id="close">
<img src="images/common/close.png" class="m-img"/>
</div>
<span> 我的购物盒</span>
<a href="#" onclick="clearCart()">清空购物盒</a>
</div>
<div id="containerCart">
<script type="text/x-handlebars-template" id="templateCart">
{{#each this}}
<div class="border-bot eat">
<div class=" eat-left fl">
<img src="images/banner/{{product_pic}}"/>
<span>{{product_name}}</span>
<br/>
<span class="login-redcolor">{{product_price}}元</span>
</div>
<div class="fr eat-right">
<button class="cursor" onclick="changeNum({{cart_id}},-1)">
<img src="images/common/minus-red.png"/>
</button>
<input type="text" id="proNum{{cart_id}}" value="{{product_num}}" readonly/>
<button class="cursor" onclick="changeNum({{cart_id}},1)">
<img src="images/common/plus-green.png"/>
</button>
</div>
</div>
{{/each}}
</script>
</div>
<div class="login-bgrcolor eat-bot" id="cart_show">
<img src="images/menu/box.png" class="e-img"/>
<span class="e-top login-redcolor" id="countNum"></span><strong class="e-title1">总计<span
class="e-bigfont" id="cart_image">0元</span><span>（含9元外送费）</span>
</strong>
<button class="e-btn fr cu" onclick="location.href='order_submit.jsp'">
选好了 >
</button>
</div>
</div>
</c:if>
（4）验证码校验模块
package com.bsk.controller;
import com.bsk.utils.CodeImgUtil;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class CodeImgServlet
*/
@WebServlet("/CodeImgServlet")
public class CodeImgServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public CodeImgServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
* response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
ByteArrayOutputStream output = new ByteArrayOutputStream();
String code = CodeImgUtil.drawImage(output);
System.out.println(code);
// 将验证码文本直接存放到session中
request.getSession().setAttribute("code", code);
try {
ServletOutputStream out = response.getOutputStream();
output.writeTo(out);
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
* response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
（5）餐品管理模块
package com.bsk.controller;
import com.bsk.bean.Category;
import com.bsk.bean.Product;
import com.bsk.service.CategoryService;
import com.bsk.service.ProductService;
import com.bsk.service.impl.CategoryServiceImpl;
import com.bsk.service.impl.ProductServiceImpl;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.util.List;
@WebServlet("/FootServlet")
public class FootServlet extends BaseServlet {
private static final long serialVersionUID = 1L;
private CategoryService service = new CategoryServiceImpl();
private ProductService serviceP = new ProductServiceImpl();
//餐品分类列表展示
public void selectAllCategory(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.selectAllCategory");
List<Category> categories = service.selectAllCategory();
for (Category category : categories) {
System.out.println(categories);
}
request.getSession().setAttribute("list",categories);
request.getRequestDispatcher("category.jsp").forward(request,response);
}
//新增餐品分类
public void insertCategory(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.insertCategory");
String categoryName = request.getParameter("categoryName");
System.out.println("categoryName = " + categoryName);
Category category = new Category();
category.setCategoryName(categoryName);
boolean b1 = service.selectCategoryName(categoryName);
if (b1!=true){
//分类名不存在，可以执行新增
boolean b = service.insertCategory(category);
if (b!=true){
System.out.println("新增失败");
response.getWriter().append("0");
}else {
System.out.println("新增成功");
response.getWriter().append("1");
}
}else {
System.out.println("分类名已存在");
response.getWriter().append("2");
}
}
//餐品分类修改
public void updateCategory(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.updateCategory");
String categoryId = request.getParameter("id");
String NewCategory = request.getParameter("NewCategory");
System.out.println(categoryId+"+"+NewCategory);
boolean b = service.updateCategoryId(categoryId, NewCategory);
if (b!=true){
System.out.println("修改失败");
response.getWriter().append("0");
}else {
System.out.println("修改成功");
response.getWriter().append("1");
}
}
//餐品分类删除
public void deletCategory(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.deletCategory");
String categoryId = request.getParameter("id");
System.out.println("categoryId = " + categoryId);
boolean b1 = service.selectProByCat(categoryId);
if (b1!=false){
System.out.println("该餐品分类可以删除");
boolean b = service.deletCategory(categoryId);
if (b!=true){
System.out.println("删除失败");
response.getWriter().append("0");
}else {
System.out.println("删除成功");
response.getWriter().append("1");
}
}else {
System.out.println("该餐品分类不可以删除");
response.getWriter().append("2");
}
}
//餐品列表展示
public void selectAllProduct(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.selectAllProduct");
List<Product> products = serviceP.selectAllProduct();
for (Product product : products) {
System.out.println(product);
}
request.getSession().setAttribute("products",products);
request.getRequestDispatcher("product.jsp").forward(request,response);
}
//新增餐品
public void insertProduct(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.insertProduct");
String product_name = request.getParameter("productName");
String product_pic = request.getParameter("productPic");
String product_price = request.getParameter("productPrice");
String product_describe = request.getParameter("productDescribe");
String categoryName = request.getParameter("categoryName");
System.out.println(product_name+"+"+product_pic+"+"+product_price+"+"+product_describe+"+"+categoryName);
Integer category_id = service.selectByName(categoryName);
System.out.println(category_id);
Product product = new Product();
product.setProductName(product_name);
product.setProductPic(product_pic);
product.setProductPrice(Double.parseDouble(product_price));
product.setProductDescribe(product_describe);
product.setCategoryId(category_id);
product.setProductStatus("Y");
boolean b1 = serviceP.selectPName(product_name);
if (b1!=true){
System.out.println("餐品名不存在");
boolean b = serviceP.insertProduct(product);
if (b!=true){
System.out.println("新增餐品失败");
response.getWriter().append("0");
}else {
System.out.println("新增餐品成功");
response.getWriter().append("1");
}
}else {
System.out.println("餐品名已存在");
response.getWriter().append("2");
}
}
//修改餐品
public void updateProduct(HttpServletRequest request, HttpServletResponse response)throws Exception {
System.out.println("FootServlet.updateProduct");
String productId = request.getParameter("id");
String product_name = request.getParameter("productName");
String product_pic = request.getParameter("productPic");
String product_price = request.getParameter("productPrice");
String product_describe = request.getParameter("productDescribe");
String categoryName = request.getParameter("categoryName");
System.out.println(product_name + "+" + product_pic + "+" + product_price + "+" + product_describe + "+" + categoryName);
Integer category_id = service.selectByName(categoryName);
boolean b = serviceP.updateProduct(productId, product_name, product_pic, product_price, product_describe, category_id.toString());
if (b != true) {
System.out.println("修改餐品失败");
response.getWriter().append("0");
} else {
System.out.println("修改餐品成功");
response.getWriter().append("1");
}
}
//删除餐品
public void deletProduct(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.deletProduct");
String productId = request.getParameter("id");
System.out.println("productId = " + productId);
boolean b = serviceP.deletProduct(productId);
if (b != true) {
System.out.println("删除餐品失败");
response.getWriter().append("0");
} else {
System.out.println("删除餐品成功");
response.getWriter().append("1");
}
}
//上架/下架
public void productStatus(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("FootServlet.productStatus");
String productId = request.getParameter("id");
String productStatus = request.getParameter("type");
System.out.println(productId+"+"+productStatus);
boolean b = serviceP.productStatus(productId, productStatus);
if (b != true) {
System.out.println("上架/下架失败");
response.getWriter().append("0");
} else {
System.out.println("上架/下架成功");
response.getWriter().append("1");
}
}
public void uploadPhotos(HttpServletRequest req, HttpServletResponse resp)throws Exception{
System.out.println("FootServlet.uploadPhotos");
// 创建一个DiskFileItemfactory工厂类
DiskFileItemFactory factory = new DiskFileItemFactory();
// 创建一个ServletFileUpload核心对象
ServletFileUpload sfu = new ServletFileUpload(factory);
// 解决上传文件名中文乱码
sfu.setHeaderEncoding("utf-8");
String filename = "";
// 解析request对象
try {
FileItem fileItem = sfu.parseRequest(req).get(0);
filename = uploadFile(fileItem);
resp.getWriter().print(filename);
} catch (Exception e) {
// TODO Auto-generated catch block
resp.getWriter().print("");
}
}
// 将上传文件表单项封装
private String uploadFile(FileItem fileItem) {
// 如果上传表单项
// 得到文件输入流
// 创建物理目录路径
String realPath = this.getServletContext().getRealPath("/images/banner");
// 根据该路径创建一个目录对象
File dir = new File(realPath);
if (!dir.exists()) {
dir.mkdirs();// 创建一个指定的目录
}
// 得到上传的名子
String filename = fileItem.getName();
if (filename != null) {
// 得到文件后缀
String extend = filename.substring(filename.indexOf("."));
// 重写生成一个唯一的文件名
filename = System.currentTimeMillis() + extend;
}
// 上传文件,自动删除临时文件
try {
fileItem.write(new File(realPath, "/" + filename));
} catch (Exception e) {
filename = "";
}
return filename;
}
//分页搜索
//分页
public void searchProduct(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("FootServlet.searchProduct");
// 获取的参数对象化
String ProductName = request.getParameter("ProductName");
String categoryName = request.getParameter("categoryName");
String Productpage = request.getParameter("ProductNowPage");
System.out.println("ProductName = " + ProductName);
System.out.println("categoryName = " + categoryName);
System.out.println("Productpage = " + Productpage);
Integer CatId;
Product p = new Product();
p.setProductName(ProductName);
if (categoryName!=null&& categoryName!=""){
CatId = service.selectByName(categoryName);
p.setCategoryId(CatId);
}
System.out.println(p);
//定义默认页码
int ProductNowPage = 1;
if (Productpage!=null){
ProductNowPage = Integer.parseInt(Productpage);//获取当前页码
}
System.out.println("ProductNowPage = " + ProductNowPage);
//定义每页显示的数据量
int ProductPageSize = 2;
//根据搜索条件确认数据量
int total = serviceP.search(p, 0, 0).size();
System.out.println("total = " + total);
//计算出需要的页码数
int ProductTotalPage = total % ProductPageSize == 0 ? total/ProductPageSize:total / ProductPageSize+1;
System.out.println("ProductTotalPage = " + ProductTotalPage);
List<Category> categories = service.selectAllCategory();
for (Category category : categories) {
System.out.println(categories);
}
//获取当前页需要展示数据
List<Product> searchProduct = serviceP.search(p, ProductNowPage, ProductPageSize);
for (Product product1 : searchProduct) {
System.out.println(product1);
}
request.getSession().setAttribute("list",categories);
//存储（搜索条件，当前页码号，总页码数，当前页面需要展示数据）
request.getSession().setAttribute("p", p);
request.getSession().setAttribute("ProductNowPage",ProductNowPage);
request.getSession().setAttribute("ProductTotalPage", ProductTotalPage);
request.getSession().setAttribute("searchProduct",searchProduct);
//跳转
request.getRequestDispatcher("product.jsp").forward(request, response);
}
}
餐品分类页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<title>分类管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/address.css" />
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
function del(id){
console.log(id);
layer.confirm('确定要删除吗？', {
btn: ['确定','取消'] //按钮
}, function(){
console.log(id);
layer.msg('删除成功');
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=deletCategory",
data: {
"id":id
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
if (data == 1) {
layer.msg('删除成功');
location.href="${pageContext.request.contextPath}/FootServlet?method=selectAllCategory";
} else if(data == 0){
layer.msg("删除失败");
}else if(data == 2){
layer.msg("该餐品分类不可以删除");
}
}
})
});
}
function insert() {
var categoryName = $("#categoryName").val().trim();
console.log(categoryName);
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=insertCategory",
data: {
"categoryName":categoryName
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('新增餐品分类成功');
location.href="${pageContext.request.contextPath}/FootServlet?method=selectAllCategory";
} else if (data == 0){
layer.msg("新增餐品分类失败");
}else if (data == 2){
layer.msg("分类已存在，请重新输入新增的分类名");
}
}
})
}
function update(id){
var NewCategory = $("#NewCategory"+id).val().trim();
console.log(NewCategory);
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=updateCategory",
data: {
"id":id,
"NewCategory":NewCategory
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('修改餐品分类成功');
location.href="${pageContext.request.contextPath}/FootServlet?method=selectAllCategory";
} else {
layer.msg("修改餐品分类失败");
}
}
})
}
</script>
</head>
<body>
<div class="m-main">
<div class="m-food">
<div class="mf-top border-t">
<div>
分类管理
</div>
</div>
<c:forEach var="list" items="${list}">
<div class="mf-menu border-t"
style="height: auto; line-height: normal; padding: 30px 0">
<div class="fl">
<span class="m-wt"></span>
<span>${list.categoryName}</span>
</div>
<div class="fr dingwei">
<button class="xiugai" onclick="change('category${list.categoryId}',1)">
修改
</button>
<button class="del" onclick="del(${list.categoryId})">
删除
</button>
</div>
<div id="update_category${list.categoryId}" style="display: none;" class="change">
<div style="padding-top: 20px" class="clear">
<span class="m-wt" style="padding: 0 30px; width: 70px"></span>
<input id="NewCategory${list.categoryId}" type="text" class="t-ad" value="${list.categoryName}"/>
</div>
<div class="act-botton clear"
style="margin: 10px 0 10px 15px; padding: 10px 0">
<div class="save-button">
<a href="javascript:update(${list.categoryId})" class="radius">保存</a>
</div>
<div class="cancel-button">
<a href="javascript:" class="radius"
onclick="change('category1',2)">取消</a>
</div>
</div>
</div>
</div>
</c:forEach>
<div class="mf-top" style="margin-top: 30px">
<div id="addcategory">
<div style="line-height: 40px">
<span class="m-wt" style="padding: 0 20px"></span><a href="#"
class=" rb-red" onclick="change('addcategory',3)">+添加新分类</a>
</div>
</div>
<div id="insert_addcategory" style="display: none;" class="change">
<div style="padding-top: 20px" class="clear">
<span class="m-wt" style="padding: 0 30px; width: 70px"></span>
<input id="categoryName"type="text" class="t-ad" style="width: 150px"
value="请输入分类名称" />
</div>
<div class="act-botton clear"
style="margin: 10px 0 10px 15px; padding: 10px 0">
<div class="save-button">
<a href="javascript:insert()" class="radius">保存</a>
</div>
<div class="cancel-button">
<a href="javascript:" class="radius"
onclick="change('addcategory',4)">取消</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
餐品管理页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<title>餐品管理</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
function uploadPhoto(id) {
console.log(id);
$("#photoFile"+id).click();
}
function upload(id) {
if ($("#photoFile" + id).val() == '') {
return;
}
var formData = new FormData();
formData.append('photo', $('#photoFile'+id)[0].files[0]);
$.ajax({
url : "${pageContext.request.contextPath}/FootServlet?method=uploadPhotos",
type : "post",
data : formData,
contentType : false,
processData : false,
success : function(data) {
if (data != "") {
layer.msg('上传图片成功');
layer.msg(data);
$("#productPic" + id).val(data);
} else
layer.msg('上传图片失败');
}
});
}
function del(id){
console.log(id);
layer.confirm('确定要删除吗？', {
btn: ['确定','取消'] //按钮
}, function(){
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=deletProduct",
data: {
"id":id
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg('删除成功');
location.href="${pageContext.request.contextPath}/FootServlet?method=searchProduct";
} else {
layer.msg("删除失败");
}
}
})
});
}
function update(id,type){
console.log(id+"+"+type);
var msg;
if(type == 'N'){
msg = "下架"
}else{
msg = "上架"
}
layer.confirm('确定要'+msg+'吗？', {
btn: ['确定','取消'] //按钮
}, function(){
layer.msg(msg+'成功');
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=productStatus",
data: {
"id":id,
"type":type
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
if (data == 1) {
layer.msg('启停成功');
location.href="${pageContext.request.contextPath}/FootServlet?method=searchProduct";
} else {
layer.msg("启停失败");
}
}
})
});
}
//添加餐品
function insert() {
var productPic = $("#productPic0").val().trim();
var productName = $("#productName0").val().trim();
var productPrice = $("#productPrice0").val().trim();
var productDescribe = $("#productDescribe0").val().trim();
var categoryName = $("#categoryName0").val().trim();
console.log(productPic+productName+productPrice+productDescribe+categoryName);
if (productPic!=""||productName!=""||productPrice!=""||productDescribe!=""||categoryName!=""){
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=insertProduct",
data: {
"productPic" : productPic,
"productName" : productName,
"productPrice" : productPrice,
"productDescribe" : productDescribe,
"categoryName":categoryName
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
location.reload();
} else if (data == 0){
layer.msg('新增失败');
}else if (data == 2){
layer.msg("餐品名已存在，请重新输入")
}
}
});
}else {
layer.msg("餐品信息不能为空");
}
}
//修改餐品
function save(id) {
var productPic = $("#productPic" + id).val().trim();
var productName = $("#productName" + id).val().trim();
var productPrice = $("#productPrice" + id).val().trim();
var productDescribe = $("#productDescribe" + id).val().trim();
var categoryName = $("#categoryName" + id).val().trim();
console.log(productPic+productName+productPrice+productDescribe+categoryName);
$.ajax({
url: "${pageContext.request.contextPath}/FootServlet?method=updateProduct",
data: {
"id":id,
"productPic" : productPic,
"productName" : productName,
"productPrice" : productPrice,
"productDescribe" : productDescribe,
"categoryName":categoryName
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
location.reload();
} else {
layer.msg('修改失败');
}
}
});
}
function searchNumProduct(n) {
console.log(n);
// $("#ProductNowPage"+i).val().trim();
location.href="${pageContext.request.contextPath}/FootServlet?method=searchProduct&ProductNowPage="+n
+"&ProductName="+$("#ProductName").val().trim()+"&categoryName="+$("#categoryName").val().trim()
}
</script>
</head>
<body>
<div class="m-main">
<div class="m-food">
<div class="mf-top border-t">
<div class="fl">
餐品管理
</div>
<div class="fr">
<select class="select" id="categoryName">
<option></option>
<c:forEach var="list" items="${list}">
<option>${list.categoryName}</option>
</c:forEach> </select>
<input type="text" id="ProductName"/>
<button onclick="searchNumProduct(1)">
搜索
</button>
</div>
</div>
<c:forEach items="${searchProduct}" var="Product">
<div class="mf-menu" style="height: auto; line-height:normal; padding: 30px 0;font-size: small">
<div class="fl">
<img src="images/banner/${Product.productPic}" width="100" align="center"/>
<span>${Product.productName}</span>
<span>${Product.productPrice}</span>
<span>${Product.productDescribe}</span>
<c:forEach
var="list" items="${list}">
<span>${Product.categoryId == list.categoryId?list.categoryName:" "}</span>
</c:forEach>
</div>
<div class="fr weizhi">
<button class="${Product.productStatus =="Y"?"xiugai":"xiajia"}" onclick="update(${Product.productId},'${Product.productStatus == "Y"?"N":"Y"}')">
${Product.productStatus == "Y"?"下架":"上架"}
</button>
<button class="xiugai" onclick="change('product${Product.productId}',1)">
修改
</button>
<button class="del" onclick="del(${Product.productId})">
删除
</button>
</div>
<div id="update_product${Product.productId}" style="display: none;" class="change">
<div class="new-food clear">
<div>
<input type="hidden" id="productPic${Product.productId}" value="${Product.productPic}">
<input type="file" id="photoFile${Product.productId}" onchange="upload(${Product.productId})">
<button class="xiugai nw-btn" style="padding: 10px" onclick="uploadPhoto(${Product.productId})">
上传图片</button>
<input value="${Product.productName}" type="text" id="productName${Product.productId}" />
<input value="${Product.productPrice}" type="text" id="productPrice${Product.productId}"/>
</div>
<div>
<input value="${Product.productDescribe}" type="text" style="width: 390px" id="productDescribe${Product.productId}"/>
<select class="select" id="categoryName${Product.productId}">
<c:forEach var="list" items="${list}" >
<option>${list.categoryName}</option>
</c:forEach> </select>
</div>
<div>
<input type="submit" class="nw-btn xiugai m-submit"
style="border: none; height: 40px" onclick="save(${Product.productId})"/>
<input type="reset" value="取消" onclick="change('product1',2)"
class="del" style="height: 40px; border-radius: 5px" />
</div>
</div>
</div>
</div>
</c:forEach>
<div class="mf-top clear">
<div class="fl" style="line-height: 20px; margin-top:40px">
<a href="#" class=" rb-red" onclick="change('addproduct',3)">+添加新餐品</a>
</div>
<div id="insert_addproduct" style="display: none;" class="change">
<div class="new-food clear">
<div>
<input type="hidden" id="productPic0">
<input type="file" name="file" id="photoFile0" style="display: none;" onchange="upload(0)">
<button class="xiugai nw-btn" style="padding: 10px" onclick="uploadPhoto(0)">
上传图片</button>
<input value="餐品名" type="text" id="productName0"/>
<input value="单价" type="text" id="productPrice0"/>
</div>
<div>
<input value="描述" type="text" style="width: 250px" id="productDescribe0"/>
<select class="select" id="categoryName0">
<c:forEach var="list" items="${list}">
<option>${list.categoryName}</option>
</c:forEach> </select>
<input type="submit" class="nw-btn xiugai m-submit"
style="border: none; height: 40px" onclick="insert()"/>
<input type="reset" alue="取消" onclick="change('addproduct',4)" class="del" style="height: 40px; border-radius: 5px" />
</div>
</div>
</div>
</div>
<div class="mf-top" style="margin-top:30px">
<ul class="pagination fr"
style="margin-right: 50px; margin-top: 40px">
<c:forEach var="n" begin="1" end="${ProductTotalPage}">
<li><a href="javascript:"onclick="searchNumProduct(${n})"id="#ProductNowPage">${n}</a></li>
</c:forEach>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
<SCRIPT Language=VBScript><!--
//--></SCRIPT>
（6）菜单模块
package com.bsk.controller;
import com.bsk.bean.Category;
import com.bsk.bean.Product;
import com.bsk.service.CategoryService;
import com.bsk.service.ProductService;
import com.bsk.service.impl.CategoryServiceImpl;
import com.bsk.service.impl.ProductServiceImpl;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.List;
@WebServlet("/MenuServlet")
public class MenuServlet extends BaseServlet {
private static final long serialVersionUID = 1L;
private CategoryService cs = new CategoryServiceImpl();
private ProductService ps = new ProductServiceImpl();
public void search(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("MenuServlet.search");
//设置搜索的分类id
String category_id = "";
if (request.getParameter("category_id") != null)
category_id = request.getParameter("category_id");
//获取所有的分类
List<Category> Categories = cs.selectAllCategory();
for (Category category : Categories) {
System.out.println(category);
}
//根据搜索条件获取餐品
Product p = new Product();
if (category_id != "")
p.setCategoryId(Integer.parseInt(category_id));
List<Product> search = ps.searchMenu(p, 0, 0);
for (Product product : search) {
System.out.println(product);
}
//存储信息
request.setAttribute("ca", Categories);
request.setAttribute("p", search);
request.setAttribute("se", category_id);
request.getRequestDispatcher("menu.jsp").forward(request, response);
}
}
<%--
Created by IntelliJ IDEA.
User: admin
Date: 2021/10/9
Time: 14:52
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css"/>
<title>点餐菜单</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.fly.min.js"></script>
<!-- 兼容IE10 -->
<script type="text/javascript" src="js/requestAnimationFrame.js"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".m-main li").click(function () {
$(".m-main li").removeClass("on");
$(this).addClass("on");
});
var se = $("#se").val();
if(se != ""){
$(".m-main li").removeClass("on");
$("#category"+se).addClass("on");
}
});
//添加餐品到购物车
function addCart(id,t) {
//是否登录的判断
if(checkLogin(3)) {
//执行业务逻辑
$.get("CartServlet?method=addCart&productId=" + id + "&num=1", function (data) {
if (data == 1) {
//执行动态特效
fly(t);
//刷新购物车列表
getCart();
} else {
layer.msg("添加失败");
}
})
}
}
//添加购物车动态效果
function fly(t){
var cartLeft = $('#cart_image').offset().left - $(document).scrollTop(); // 获取a标签距离屏幕顶端的距离(因为fly插件的start开始位置是根据屏幕可视区域x，y来计算的，而不是根据整个文档的x，y来计算的)
var cartTop = $('#cart_image').offset().top; // 获取a标签的y坐标
var btnLeft = $(t).parent().find('img').offset().left - $(document).scrollTop()+20;
var btnTop = $(t).parent().find('img').offset().top+20;
var img = $(t).parent().find('img').attr('src');
var flyer = $('<img class="u-flyer" src="'+img+'">');
flyer.fly({
start: {
left: btnLeft,
top: btnTop
},
end: {
left: cartLeft, //结束位置（必填）
top: cartTop, //结束位置（必填）
width: 0, //结束时宽度
height: 0 //结束时高度
},
onEnd: function(){ //结束回调
console.log('加入成功！');
this.destory(); //移除dom
}
});
//每次添加餐品后重置购物车
// getCart();
}
</script>
</head>
<body style="background: #efeee9;">
<input type="hidden" id="pageName" value="customerCenter"/>
<input type="hidden" id="morePrivilege" value="false"/>
<form id="j-main-form" action="">
<%@include file="top.jsp" %>
<div class="m-main">
<div class="m-menu fl">
<ul>
<!-- 菜单 -->
<li class="on" onclick="change(this)">
<a href="MenuServlet?method=search"> 当季特选</a>
</li>
<input type="hidden" id="se" value="${se}">
<c:forEach items="${ca}" var="cate">
<li id="category${cate.categoryId}" cn="${cate.categoryName}" en="" onclick="change(this)">
<a href="MenuServlet?method=search&category_id=${cate.categoryId}">${cate.categoryName}</a>
</li>
</c:forEach>
<!-- /菜单 -->
</ul>
</div>
<div class="m-menu-content fr" style="position: relative; top: 70px">
<!-- 产品列表 -->
<div style="height: 450px; display: none;"></div>
<div class="m-product-list">
<c:forEach items="${p}" var="pr">
<div class="product" condid="0" style="background: #FFF">
<div class="img cursor">
<img src="images/banner/${pr.productPic}" width="100" align="center"/>
</div>
<div class="title">
${pr.productName}
</div>
<div class="desc grey">
</div>
<div class="order j-menu-order" onclick="addCart('${pr.productId}',this)">
<div class="start ui-bgbtn-green">
+
</div>
</div>
</div>
</c:forEach>
</div>
<!-- /产品列表 -->
</div>
</div>
</div>
</div>
<div class="m-foot">
<div class="content">
<div class="content-logo">
<a href="#">
<div class="logo"></div>
</a>
<div class="phone strong-color">
4008-123-123
</div>
</div>
<div class="content-legal">
必胜客宅急送不同城市或不同餐厅的送餐菜单和价格有所不同。
不同时段产品品项及价格有所不同。工作日特惠午餐及下午茶产品只在部分时段供应。详情以输入送餐地址后显示的实际供应的菜单为准。
</div>
<div class="contont-one">
<div class="link">
<ul>
<li class="menu">
<a href="#">当季特选</a>
</li>
<li>
<a href="#">优惠套餐</a>
</li>
<li>
|
</li>
<li>
<a href="#">比萨</a>
</li>
<li>
|
</li>
<li>
<a href="#">意面</a>
</li>
<li>
|
</li>
<li>
<a href="#">饭食</a>
</li>
<li>
|
</li>
<li>
<a href="#">米线</a>
</li>
<li>
|
</li>
<li>
<a href="#">小吃</a>
</li>
<li>
|
</li>
<li>
<a href="#">饮料</a>
</li>
<li>
|
</li>
<li>
<a href="#">汤</a>
</li>
<li>
|
</li>
<li>
<a href="#">沙拉和鲜蔬</a>
</li>
<li>
|
</li>
<li>
<a href="#">甜点</a>
</li>
<li class="margin-right">
<a href="#" target="_blank">帮助中心</a>
</li>
<li class="margin-right">
<a href="#">会员中心</a>
</li>
</ul>
</div>
</div>
<div class="content-two clear">
<div class="middle clear">
<div class="fl yum-name">
版权所有 百胜咨询（上海）有限公司
</div>
<div class="fl">
<ul>
<li>
<a href="#" target="_blank">法律条款</a>
</li>
<li>
|
</li>
<li>
<a href="#" target="_blank">经营公示</a>
</li>
<li>
|
</li>
<li>
<a href="#" target="_blank">隐私条款</a>
</li>
<li>
|
</li>
<li>
<a href="#" target="_blank">联系我们</a>
</li>
<li>
|
</li>
<li>
<a href="#" target="_blank">加入我们</a>
</li>
</ul>
</div>
<div class="other fr">
<a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备 17029211-1号</a>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- 购物车-->
<%@include file="cart.jsp"%>
</body>
</html>
（7）订单管理模块
package com.bsk.controller;
import com.bsk.bean.Order;
import com.bsk.bean.User;
import com.bsk.service.OrderService;
import com.bsk.service.impl.OrderServiceImpl;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.List;
@WebServlet("/OrderServlet")
public class OrderServlet extends BaseServlet {
private static final long serialVersionUID = 1L;
private OrderService service = new OrderServiceImpl();
//分页
public void searchOrder(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("OrderServlet.searchOrder");
User user = (User)request.getSession().getAttribute("user");
String user_id = user.getUserRole().equals("A")?null:user.getUserId()+"";
System.out.println("user_id = " + user_id);
// 获取的参数对象化
String type = request.getParameter("OrderType");
String userName = request.getParameter("userName");
String orderId = request.getParameter("orderId");
String addTime = request.getParameter("addTime");
String UpdateTime = request.getParameter("UpdateTime");
String OrderPage =request.getParameter("OrderPage");
System.out.println("type = " + type);
String t = null;
if (type!=null){
if(type.equals("已下单")==true){
t="1";
}else if (type.equals("配送中")==true){
t="2";
}else if (type.equals("已完成")==true){
t="3";
}
}
System.out.println("userName = " + userName);
System.out.println("orderId = " + orderId);
System.out.println("addTime = " + addTime);
System.out.println("UpdateTime = " + UpdateTime);
Order order = new Order();
if ( userName!= null && !userName.equals("")) {
order.setUserName(userName);
}
if ( t!= null && !t.equals("")) {
order.setOrderType(t);
}
if (orderId!= null && !orderId.equals("")) {
order.setOrderId(Integer.parseInt(orderId));
}
if (addTime!= null && !addTime.equals("")) {
order.setAddTime(addTime);
}
if (UpdateTime!= null && !UpdateTime.equals("")) {
order.setUpdateTime(UpdateTime);
}
System.out.println(order);
//定义默认页码
int OrderNowPage = 1;
if (OrderPage!=null){
OrderNowPage = Integer.parseInt(OrderPage);//获取当前页码
}
System.out.println("OrderNowPage = " + OrderNowPage);
//定义每页显示的数据量
int OrderPageSize = 3;
//根据搜索条件确认数据量
int total = service.searchOrder(order, 0, 0,user_id).size();
System.out.println("total = " + total);
//计算出需要的页码数
int OrderTotalPage = total % OrderPageSize == 0 ? total/OrderPageSize:total / OrderPageSize+1;
System.out.println("OrderTotalPage = " + OrderTotalPage);
//获取当前页需要展示数据
List<Order> OrderList = service.searchOrder(order, OrderNowPage, OrderPageSize,user_id);
for (Order all : OrderList) {
System.out.println(all);
}
//存储（搜索条件，当前页码号，总页码数，当前页面需要展示数据）
request.getSession().setAttribute("order",order);
request.getSession().setAttribute("OrderNowPage",OrderNowPage);
request.getSession().setAttribute("OrderTotalPage",OrderTotalPage);
request.getSession().setAttribute("OrderList",OrderList);
//跳转
request.getRequestDispatcher("order.jsp").forward(request, response);
}
public void searchOrderU(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("OrderServlet.searchOrderU");
User user = (User)request.getSession().getAttribute("user");
String user_id = user.getUserRole().equals("A")?null:user.getUserId()+"";
System.out.println("user_id = " + user_id);
// 获取的参数对象化
String type = request.getParameter("OrderType");
String userName = request.getParameter("userName");
String orderId = request.getParameter("orderId");
String addTime = request.getParameter("addTime");
String UpdateTime = request.getParameter("UpdateTime");
String OrderPage =request.getParameter("OrderPage");
System.out.println("type = " + type);
String t = null;
if (type!=null){
if(type.equals("已下单")==true){
t="1";
}else if (type.equals("配送中")==true){
t="2";
}else if (type.equals("已完成")==true){
t="3";
}
}
System.out.println("userName = " + userName);
System.out.println("orderId = " + orderId);
System.out.println("addTime = " + addTime);
System.out.println("UpdateTime = " + UpdateTime);
Order order = new Order();
if ( userName!= null && !userName.equals("")) {
order.setUserName(userName);
}
if ( t!= null && !t.equals("")) {
order.setOrderType(t);
}
if (orderId!= null && !orderId.equals("")) {
order.setOrderId(Integer.parseInt(orderId));
}
if (addTime!= null && !addTime.equals("")) {
order.setAddTime(addTime);
}
if (UpdateTime!= null && !UpdateTime.equals("")) {
order.setUpdateTime(UpdateTime);
}
System.out.println(order);
//定义默认页码
int OrderNowPage = 1;
if (OrderPage!=null){
OrderNowPage = Integer.parseInt(OrderPage);//获取当前页码
}
System.out.println("OrderNowPage = " + OrderNowPage);
//定义每页显示的数据量
int OrderPageSize = 3;
//根据搜索条件确认数据量
int total = service.searchOrder(order, 0, 0,user_id).size();
System.out.println("total = " + total);
//计算出需要的页码数
int OrderTotalPage = total % OrderPageSize == 0 ? total/OrderPageSize:total / OrderPageSize+1;
System.out.println("OrderTotalPage = " + OrderTotalPage);
//获取当前页需要展示数据
List<Order> OrderList = service.searchOrder(order, OrderNowPage, OrderPageSize,user_id);
for (Order all : OrderList) {
System.out.println(all);
}
//存储（搜索条件，当前页码号，总页码数，当前页面需要展示数据）
request.getSession().setAttribute("order",order);
request.getSession().setAttribute("OrderNowPage",OrderNowPage);
request.getSession().setAttribute("OrderTotalPage",OrderTotalPage);
request.getSession().setAttribute("OrderList",OrderList);
//跳转
request.getRequestDispatcher("orderU.jsp").forward(request, response);
}
public void updateOrderType(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("OrderServlet.updateOrderType");
String orderId = request.getParameter("id");
String type = request.getParameter("type");
System.out.println(orderId+"+"+type);
String t = null;
if(type.equals("已下单")==true){
t="1";
}else if (type.equals("配送中")==true){
t="2";
}else if (type.equals("已完成")==true){
t="3";
}
System.out.println("t = " + t);
boolean b = service.updateOrder(orderId,t);
if (b!=true){
System.out.println("修改失败");
response.getWriter().append("0");
}else {
System.out.println("修改成功");
response.getWriter().append("1");
}
}
}
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<title>订单管理</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
function searchNumOrder(n) {
console.log(n);
// $("#OrderNowPage"+i).val().trim();
location.href="${pageContext.request.contextPath}/OrderServlet?method=searchOrder&OrderPage="+n
+"&OrderType="+$("#OrderType").val().trim()+"&orderId="+$("#orderId").val().trim()+"&addTime="
+$("#addTime").val().trim()+"&UpdateTime="+$("#UpdateTime").val().trim();
}
function getSum(id) {
let sum = 0;
let arr = document.getElementsByName("money"+id);
for(let i = 0;i < arr.length;i++){
sum += parseFloat(arr[i].innerHTML);
}
$("#money"+id).html(sum.toFixed(2));
}
function updateType(id) {
var type = $("#Type").val().trim();
console.log(id+type);
$.ajax({
url: "${pageContext.request.contextPath}/OrderServlet?method=updateOrderType",
data: {
"id":id,
"type":type
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
if (data == 1) {
layer.msg('修改订单状态成功');
location.href="${pageContext.request.contextPath}/OrderServlet?method=searchOrder";
} else {
layer.msg("修改订单状态成功失败");
}
}
})
}
var x = document.getElementById("myDate");
</script>
</head>
<body>
<div class="m-main">
<div class="m-food">
<div class="mf-top border-t">
<div class="fl">
订单管理
</div>
<div class="fr">
<input type="date" id="addTime"/>
<input type="date" id="UpdateTime" />
-
<select class="select" id="OrderType">
<option></option>
<option >已下单</option>
<option >配送中</option>
<option >已完成</option>
</select>
-订单号
<input type="text" id="orderId"/>
<button onclick="searchNumOrder(1)">
查询
</button>
</div>
</div>
<c:forEach items="${OrderList}" var="o">
<div class="mf-menu border-t" style="height: auto; line-height: normal; padding: 30px 0">
<div class="fl">
<span class="m-wt1" style="width: 10px"></span>
<span>${o.orderId}</span>
<span>${o.userName}</span>
<span>${o.addTime}</span>
<span>${o.updateTime}</span>
</div>
<div class="fr weiyi">
<select class="select" id="Type" onchange="updateType(${o.orderId})">
<option ${o.orderType==1?"selected":""}>已下单</option>
<option ${o.orderType==2?"selected":""}>配送中</option>
<option ${o.orderType==3?"selected":""}>已完成</option>
</select>
<button class="xiugai" style="padding: 10px"
onclick="change('order${o.orderId}',1),getSum(${o.orderId})">
详情
</button>
</div>
<div id="update_order${o.orderId}" style="display: none;" class="change">
<c:forEach items="${o.orderDetails}" var="dt">
<div class=" clear" style="padding: 20px 0">
<span class="m-wt1" style="width: 28px"></span>
<span></span>
<span class="sp sp-1">${dt.productName}</span>
<span class="sp sp-2">${dt.productNum}</span>
<span class="sp sp-3" name="money${o.orderId}">${dt.productMoney}</span>
</div>
</c:forEach>
<div class=" clear" style="padding: 20px 0">
<span class="m-wt1" style="width: 28px"></span>
<span></span>
<span class="sp sp-1">总额</span>
<span class="sp sp-2"></span>
<span class="sp sp-3" id="money${o.orderId}">176.00</span>
</div>
<div class=" clear" style="padding: 20px 0">
<span class="m-wt1" style="width: 28px"></span>
<span></span>
<span class="sp sp-4">送餐地址</span>
<span>${o.address_details}</span>
</div>
</div>
</div>
</c:forEach>
<div class="mf-top" style="margin-top:30px">
<ul class="pagination fr"
style="margin-right: 50px; margin-top: 40px">
<c:forEach var="n" begin="1" end="${OrderTotalPage}">
<li><a href="javascript:"onclick="searchNumOrder(${n})"id="#OrderNowPage">${n}</a></li>
</c:forEach>
</ul>
</div>
</div>
</div>
</body>
</html>
（8）用户管理模块
package com.bsk.controller;
import com.bsk.bean.User;
import com.bsk.dao.UserDao;
import com.bsk.dao.impl.UserDaoImpl;
import com.bsk.service.UserService;
import com.bsk.service.impl.UserServiceImpl;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;
@WebServlet("/UserServlet")
public class UserServlet extends BaseServlet{
private UserService service = new UserServiceImpl();
//登录
public void login(HttpServletRequest request, HttpServletResponse response) throws IOException {
System.out.println("UserServlet.login");
String tel = request.getParameter("tel");
String pwd = request.getParameter("pwd");
System.out.println(tel+"+"+pwd);
UserDao dao = new UserDaoImpl();
User user = dao.selectByTelUser(tel);
boolean login = service.login(tel, pwd);
if (login!=true){
System.out.println("登陆失败");
response.getWriter().append("0");
}else {
//存在用户信息
//校验该账户是否被停用
if (user.getUserStatus().equals("Y")!=true){
System.out.println("账户已被停用");
response.getWriter().append("2");
}else {
if (user.getUserRole().equals("A")!=true){
System.out.println("普通用户登陆成功");
response.getWriter().append("1");
request.getSession().setAttribute("user",user);
}else {
System.out.println("管理员用户");
response.getWriter().append("3");
request.getSession().setAttribute("user",user);
}
}
}
}
//注册
public void register(HttpServletRequest request, HttpServletResponse response) throws IOException {
System.out.println("UserServlet.register");
String tel = request.getParameter("tel");
String pwd = request.getParameter("pwd");
String username = request.getParameter("username");
String sex = request.getParameter("userSex");
System.out.println(tel+"+"+pwd+"+"+username+"+"+sex);
User user = new User();
user.setUserTel(tel);
user.setUserPwd(pwd);
user.setUserName(username);
user.setUserSex(sex);
boolean register = service.register(user);
if (register!=true){
System.out.println("注册失败");
response.getWriter().append("0");
}else {
System.out.println("注册成功");
response.getWriter().append("1");
request.getSession().setAttribute("user",user);
}
}
//修改用户名和性别
public void updateNameSex(HttpServletRequest request, HttpServletResponse response) throws IOException {
System.out.println("updateNameSexServlet.updateNameSex");
String tel = request.getParameter("tel");
String userName = request.getParameter("userName");
String userSex = request.getParameter("userSex");
System.out.println(tel+"+"+userName+"+"+userSex);
UserDao dao = new UserDaoImpl();
User user = dao.selectByTelUser(tel);
System.out.println(user);
boolean b = service.updateNameSex(tel,userName,userSex);
System.out.println("b = " + b);
if (b!=true){
System.out.println("修改用户名和性别失败");
response.getWriter().append("0");
}else {
System.out.println("修改用户名和性别成功");
response.getWriter().append("1");
}
}
//修改用户密码
public void updatePwd(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("UserServlet.updatePwd");
User user = (User) request.getSession().getAttribute("user");
String tel = user.getUserTel();
String newUserPwd = request.getParameter("newPwd");
System.out.println(tel+"+"+newUserPwd);
System.out.println(request.getSession().getAttribute("code"));
System.out.println(request.getParameter("code"));
// 判断验证码
if(request.getSession().getAttribute("code").equals(request.getParameter("code"))) {
boolean b = service.updatePwd(tel,newUserPwd);
System.out.println(b);
if (b!=true){
System.out.println("修改密码失败");
response.getWriter().append("0");
}else {
System.out.println("修改密码成功");
response.getWriter().append("-1");
}
} else {
System.out.println("验证码输入错误");
response.getWriter().append("2");
}
}
//退出登录
public void out(HttpServletRequest request, HttpServletResponse response) throws IOException {
System.out.println("UserServlet.out");
request.getSession().removeAttribute("user");
response.sendRedirect("main.jsp");
}
public void StatusUser(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("UserServlet.StatusUser");
String userId = request.getParameter("id");
String Status = request.getParameter("type");
System.out.println(userId+"+"+Status);
boolean b = service.updateStatus(userId,Status);
System.out.println("b = " + b);
if (b!=true){
System.out.println("启停失败");
response.getWriter().append("0");
}else {
System.out.println("启停成功");
response.getWriter().append("1");
}
}
public void selectByTimeTel(HttpServletRequest request, HttpServletResponse response)throws Exception{
System.out.println("UserServlet.selectByTimeTel");
String addtime = request.getParameter("addtime");
String tel = request.getParameter("tel");
System.out.println(addtime+"+"+tel);
List<User> list = service.selectByTimeTel(addtime, tel);
if (list!=null){//查询到了
request.getSession().setAttribute("list",list);
response.getWriter().append("1");
}else {//未查询到
response.getWriter().append("0");
}
}
//分页
public void search(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("UserServlet.search");
// 获取的参数对象化
String beginTime = request.getParameter("beginTime");
String endTime = request.getParameter("endTime");
String userTel = request.getParameter("userTel");
String page = request.getParameter("page");
System.out.println("beginTime = " + beginTime);
System.out.println("endTime = " + endTime);
System.out.println("userTel = " + userTel);
System.out.println("page = " + page);
User u = new User();
u.setBeginTime(beginTime);
u.setEndTime(endTime);
u.setUserTel(userTel);
System.out.println(u);
//定义默认页码
int nowPage = 1;
if (page!=null){
nowPage = Integer.parseInt(page);//获取当前页码
}
System.out.println("nowPage = " + nowPage);
//定义每页显示的数据量
int pageSize = 4;
//根据搜索条件确认数据量
int total = service.search(u, 0, 0).size();
System.out.println("total = " + total);
//计算出需要的页码数
int totalPage = total % pageSize == 0 ? total / pageSize : total % pageSize ;
System.out.println("totalPage = " + totalPage);
//获取当前页需要展示数据
List<User> search = service.search(u, nowPage, pageSize);
for (User user : search) {
System.out.println(user);
}
//存储（搜索条件，当前页码号，总页码数，当前页面需要展示数据）
request.setAttribute("u", u);
request.setAttribute("nowPage", nowPage);
request.setAttribute("totalPage", totalPage);
request.setAttribute("search", search);
//跳转
request.getRequestDispatcher("user_list.jsp").forward(request, response);
}
}
登录页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>登录</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<!--login begin-->
<div class="m-login">
<div class="login-logo"><img src="images/common/logo.png" /></div>
<div class="login-title border-bot login-redcolor" style="font-weight:normal">账号密码登陆</div>
<div class="input-box border-bot"><img src="images/login/icon-phone.png" /><input type="text" id="tel" placeholder="请输入手机号" onblur="checkTel(this)" class="input-box1"/></div>
<div class="input-box border-bot"><img src="images/login/icon-password.png" /><input type="text" id="pwd" placeholder="密码，长度6-16字符" class="input-box1" /></div>
<div class="input-box" style="text-align:left"><a href="register.jsp" class="login-redcolor" style="text-decoration:underline; font-size:18px">快速注册</a></div>
<div class="input-box "></div>
<div class="login-me cursor" onclick="sub()"><button class="cursor" >登陆</button></div>
</div>
<!--login end-->
</body>
<script type="text/javascript">
//电话号码校验
function checkTel(t) {
var tel = $.trim(t.value);
var telTest = /^1[3|4|5|8][0-9]\d{4,8}$/;
console.log(tel);
//过滤首位无效空格
if (tel != "") {
if (!telTest.test(tel)) {
layer.msg('请输入有效的手机号码');
}else {
//校验名字是否已经存在
$.get("${pageContext.request.contextPath}/CheakTelServlet?tel="+tel, function (data) {
if (data == "0") {
layer.msg("手机号不存在");
}
});
}
}
}
//登录
function sub() {
var tel = $("#tel").val().trim();
var pwd = $("#pwd").val().trim();
console.log(tel+"+"+pwd);
if (tel==""||pwd==""){
layer.msg("手机号和密码不能为空");
}else {
$.ajax({
url:"${pageContext.request.contextPath}/UserServlet?method=login",
data:{
"tel":tel,
"pwd":pwd
},
dataType:"json",
async:true,
type:"post",
success:function (data) {
console.log(data);
if (data==1){
layer.msg("普通用户登陆成功");
top.location.reload();
}else if (data==0){
layer.msg("用户名或密码错误");
}else if (data==2){
layer.msg("该账户已被停用");
}else if (data==3){
layer.msg("管理员登陆成功");
top.location.reload();
}
}
})
}
}
</script>
</html>
注册页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>注册</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<!--register begin-->
<div class="m-login">
<div class="login-logo"><img src="images/common/logo.png" /></div>
<div class="login-title border-bot">欢迎注册加入会员中心</div>
<div class="input-box border-bot"><img src="images/login/icon-phone.png" /><input id="tel" type="text" placeholder="请输入手机号" onblur="checkTel(this)" class="input-box1"/></div>
<div class="input-box border-bot"><img src="images/login/icon-password.png" /><input id="pwd" type="text" placeholder="密码，长度6-16字符" class="input-box1" /></div>
<div class="input-box border-bot"><img src="images/login/icon-name.png" /><input id="username" type="text" placeholder="姓名，最多5个字" />
<span ><a href="#"
id="M" onclick="setSex(this)" class="login-redcolor">先生</a> | <a
href="#" id="F" onclick="setSex(this)" style="margin: 0">女士</a></span></div>
<div class="input-box "></div>
<div class="login-me cursor" onclick="register()"><button class="cursor" >立即注册</button></div>
</div>
<!--register end-->
</body>
<script>
//选中的性别
var userSex="M";
//性别切换
function setSex(t){
userSex = t.id;
if(t.id == "M"){
$("#F").removeClass("login-redcolor");
$("#M").addClass("login-redcolor");
}else{
$("#M").removeClass("login-redcolor");
$("#F").addClass("login-redcolor");
}
}
//电话号码校验
function checkTel(t) {
var tel = $.trim(t.value);
var telTest = /^1[3|4|5|8][0-9]\d{4,8}$/;
console.log(tel);
//过滤首位无效空格
if (tel != "") {
if (!telTest.test(tel)) {
layer.msg('请输入有效的手机号码');
}else {
//校验名字是否已经存在
$.get("${pageContext.request.contextPath}/CheakTelServlet?tel="+tel, function (data) {
if (data == "1") {
layer.msg("手机号已注册");
}
});
}
}
}
//注册
function register() {
var tel = $("#tel").val().trim();
var pwd = $("#pwd").val().trim();
var username = $("#username").val().trim();
console.log(tel + "+" + pwd+"+"+username+"");
if (tel == "" || pwd == "" || username == "") {
layer.msg("手机号、密码和用户名不能为空");
} else if (pwd.length < 6 || pwd.length > 20){
layer.msg('请输入6~20位密码');
} else if (username.length < 2 || username.length > 10){
layer.msg('请输入2~10位用户名');
}else {
$.ajax({
url: "${pageContext.request.contextPath}/UserServlet?method=register",
data: {
"tel": tel,
"pwd": pwd,
"username": username,
"userSex":userSex
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
console.log(data);
if (data == 1) {
layer.msg("注册成功");
top.location.reload();
} else {
layer.msg("注册失败");
}
}
})
}
}
</script>
</html>
账号管理页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<title>用户管理</title>
<script type="text/javascript"
src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layer/layer.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
function update(id, type) {
console.log(id+"+"+type);
var msg;
if (type == 'Y') {
msg = "启用"
} else {
msg = "停用"
}
layer.confirm('确定要' + msg + '吗？', {
btn : [ '确定', '取消' ]
//按钮
}, function() {
layer.msg(msg + '成功');
$.ajax({
url: "${pageContext.request.contextPath}/UserServlet?method=StatusUser",
data: {
"id":id,
"type":type
},
dataType: "json",
async: true,
type: "post",
success: function (data) {
if (data == 1) {
layer.msg('启停成功');
location.href="${pageContext.request.contextPath}/UserServlet?method=search";
} else {
layer.msg("启停失败");
}
}
})
});
}
function searchNum(i) {
// $("#pageNum"+i).val().trim();
location.href="${pageContext.request.contextPath}/UserServlet?method=search&page="+i
+"&beginTime="+$("#beginTime").val().trim()+"&endTime="+$("#endTime").val().trim()
+"&userTel="+$("#userTel").val().trim();
}
</script>
</head>
<body>
<div class="m-main">
<div class="m-food">
<div class="mf-top border-t">
<div class="fl">用户管理</div>
<div class="fr">
<input type="date" id="beginTime"/>
-
<input type="date" id="endTime" />
-
<input type="text" id="userTel" placeholder="手机号码" />
<button onclick="searchNum(1)">查询</button>
</div>
</div>
<c:forEach items="${search}" var="user">
<div class="mf-menu border-t">
<div class="fl">
<span class="m-wt1"></span>
<span>${user.userTel}</span>
<span>${user.userName}</span>
<span>${user.userSex == "M"?"男":"女"}</span>
<span>${user.addTime}</span>
</div>
<div class="fr">
<button class="${user.userStatus == "Y"?"xiugai":"xiajia"}" onclick="update(${user.userId},'${user.userStatus == "Y"?"N":"Y"}')">${user.userStatus == "Y"?"停用":"启用"}</button>
</div>
</div>
</c:forEach>
<div class="mf-top" style="margin-top:30px">
<ul class="pagination" style="margin-left:250px">
<c:forEach var="i" begin="1" end="${requestScope.totalPage}">
<li><a href="javascript:"onclick="searchNum(${i})"id="#pageNum">${i}</a></li>
</c:forEach>
</ul>
</div>
</div>
</div>
</body>
</html>
这篇关于JavaWeb版 仿必胜客在线订餐系统的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
- 2024-11-30java最新版本是什么，有什么特性？-icode9专业技术文章分享
- 2024-11-30[开源]27.8K star！这款 Postman 替代工具太火了！
- 2024-11-30Gzip 压缩入门教程：轻松掌握文件压缩技巧
- 2024-11-29开源工具的魅力：让文档管理更“聪明”
- 2024-11-29Release-it开发入门教程
- 2024-11-29Rollup 插件入门教程：轻松掌握模块打包
- 2024-11-29从零到一，产品经理如何玩转项目管理和团队协作
- 2024-11-29如何通过精益生产管理工具帮助项目团队实现精准进度控制？
- 2024-11-29低代码应用开发课程：新手入门与基础教程
- 2024-11-29入门指南：全栈低代码开发课程
