基于javaweb+jsp的甜品店奶茶店管理系統
JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript idea eclipse MyEclipse Servlet SSM Maven …
部分代碼實作JSP
<tr>
<td width="12%">商品詳情：</td><td><input class="index-content-table-td-add" type="text" id="dinggouXiangqing" name="dinggouXiangqing" value="${vo.dinggouXiangqing}"/></td>
</tr>
<tr>
<td width="12%">訂購人：</td><td><input class="index-content-table-td-add" type="text" id="dinggouShouhuo" name="dinggouShouhuo" value="${vo.dinggouShouhuo}"/></td>
</tr>
<tr>
<td width="12%">電話：</td><td><input class="index-content-table-td-add" type="text" id="dinggouTel" name="dinggouTel" value="${vo.dinggouTel}"/></td>
</tr>
<tr>
<td width="12%">地址：</td><td><input class="index-content-table-td-add" type="text" id="dinggouAdd" name="dinggouAdd" value="${vo.dinggouAdd}"/></td>
</tr>
<tr>
<td width="12%">支付方式：</td>
<td>
<input name="dinggouZhifufangshi" type="radio" value="現金" ${vo.dinggouZhifufangshi=='現金'?'checked':''}/> 現金
<input name="dinggouZhifufangshi" type="radio" value="轉帳" ${vo.dinggouZhifufangshi=='轉帳'?'checked':''}/> 轉帳
</td>
</tr>
<tr>
<div class="index-content-operation">
<a class="info-detail">訂購 管理</a>
<br>
<br>
</div>
<br>
<div class="index-content-operation">
<button class="btn btn-grad btn-success btn-sm" <c:if test="${loginUser.userType != '管理員'}">disabled="disabled" title="沒有權限！！！"</c:if> οnclick="window.location.href='dinggou_add.jsp'">添加</button>
<div class="index-content-operation-search"><input id="search_keyword" placeholder="商品" type="text" name="search_keyword"/><input type="hidden" id="searchColumn" name="searchColumn" value="dinggou_name"/><button class="btn btn-grad btn-default btn-sm" onclick="searchList()">搜索</button></div>
</div>
<br>
<table class="table table-striped table-hover table-bordered">
<thead>
<html>
<head>
<meta charset="utf-8"/>
<title>訂購 詳情</title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<jsp:include page="menu.jsp"/>
<div class="index-content">
<div class="index-content-operation">
<a class="info-detail">訂購 詳情</a>
<br>
<br>
</div>
<br>
if (document.getElementById("dinggouShouhuo").value.trim().length == 0) {
alert("訂購人不能為空!");
return false;
}
if (document.getElementById("dinggouTel").value.trim().length == 0) {
alert("電話不能為空!");
return false;
}
if (document.getElementById("dinggouAdd").value.trim().length == 0) {
alert("地址不能為空!");
return false;
}
return true;
}
</script>
</html>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<th>商品</th>
<th>商品詳情</th>
<th>訂購人</th>
<th>電話</th>
<th>地址</th>
<th>支付方式</th>
<th>狀態</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${list}" var="vo">
<tr class="index-content-table-td">
<td>${vo.dinggouName}</td>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>添加訂購 </title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<input name="dinggouZhuangtai" type="radio" value="已完成"/> 已完成
</td>
</tr>
<tr>
<td width="12%">備注：</td><td><textarea id="dinggouText" name="dinggouText" style="width: 60%; height: 100px;padding: 0px 17px;" placeholder="請輸入內容......"></textarea></td>
</tr>
</table>
<br>
<br>
<br>
<button type="submit" class="btn btn-grad btn-success btn-sm">提交</button> <button type="button" class="btn btn-grad btn-info btn-sm" onclick="javascript:history.back(-1);">取消</button>
</form>
</div>
</body>
<td>狀態：
<b>${vo.dinggouZhuangtai}</b>
</td>
</tr>
<tr>
<td>備注：<b>${vo.dinggouText}</b></td>
</tr>
</table>
<br>
<button type="button" class="btn btn-grad btn-info btn-sm" onclick="javascript:history.back(-1);">回傳</button>
</form>
</div>
</body>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>訂購 管理</title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<jsp:include page="menu.jsp"/>
</body>
<script>
function searchList() {
window.location.href = "dinggouList?searchColumn="+document.getElementById("searchColumn").value+"&keyword=" + document.getElementById("search_keyword").value;
}
</script>
//提交之前進行檢查，如果return false，則不允許提交
function check() {
//根據ID獲取值
if (document.getElementById("dinggouName").value.trim().length == 0) {
alert("商品不能為空!");
return false;
}
if (document.getElementById("dinggouXiangqing").value.trim().length == 0) {
alert("商品詳情不能為空!");
return false;
}
if (document.getElementById("dinggouShouhuo").value.trim().length == 0) {
alert("訂購人不能為空!");
return false;
}
if (document.getElementById("dinggouTel").value.trim().length == 0) {
alert("電話不能為空!");
return false;
}
if (document.getElementById("dinggouAdd").value.trim().length == 0) {
alert("地址不能為空!");
<td>${vo.dinggouShouhuo}</td>
<td>${vo.dinggouTel}</td>
<td>${vo.dinggouAdd}</td>
<td>${vo.dinggouZhifufangshi}</td>
<td>${vo.dinggouZhuangtai}</td>
<td>
<button class="btn btn-grad btn-info btn-sm" style="padding: 0px 1px;" onclick="window.location.href='dinggouGet?id=${vo.id}'">詳情</button>
<button class="btn btn-grad btn-warning btn-sm" style="padding: 0px 1px;"
<c:if test="${loginUser.userType != '管理員'}">disabled="disabled" title="沒有權限！！！"</c:if>
οnclick="window.location.href='dinggouEditPre?id=${vo.id}'">編輯</button>
<button class="btn btn-grad btn-info btn-sm" style="padding: 0px 1px;" <c:if test="${loginUser.userType != '管理員'}">disabled="disabled" title="沒有權限！！！"</c:if> οnclick="if(window.confirm('將要洗掉：${vo.dinggouName}？'))window.location.href='dinggouDelete?id=${vo.id}'">洗掉</button>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div style="float: right;padding-right: 10px;color: #515151;"><jsp:include page="split.jsp"/></div>
}
return true;
}
</script>
</html>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>修改訂購 </title>
<table class="index-content-table-add" style="font-size: 18px;">
<tr>
<td>商品：<b>${vo.dinggouName}</b></td>
</tr>
<tr>
<td>商品詳情：<b>${vo.dinggouXiangqing}</b></td>
</tr>
<tr>
<td>訂購人：<b>${vo.dinggouShouhuo}</b></td>
</tr>
<tr>
<td>電話：<b>${vo.dinggouTel}</b></td>
</tr>
<tr>
<td>地址：<b>${vo.dinggouAdd}</b></td>
</tr>
<tr>
<td>支付方式：
<b>${vo.dinggouZhifufangshi}</b>
</td>
</tr>
</head>
<body>
<jsp:include page="menu.jsp"/>
<div class="index-content">
<div class="index-content-operation">
<a class="info-detail">修改訂購 </a>
<br>
<br>
</div>
<br>
<form action="dinggouEdit" method="post" onsubmit="return check()">
<input type="hidden" id="id" name="id" value="${vo.id}"/>
<table class="index-content-table-add">
<tr>
<td width="12%">商品：</td><td><input class="index-content-table-td-add" type="text" id="dinggouName" name="dinggouName" value="${vo.dinggouName}"/></td>
<div class="index-content">
<div class="index-content-operation">
<a class="info-detail">添加訂購 </a>
<br>
<br>
</div>
<br>
<form action="dinggouAdd" method="post" onsubmit="return check()">
<table class="index-content-table-add">
<tr>
<td width="12%">商品：</td><td><input class="index-content-table-td-add" type="text" id="dinggouName" name="dinggouName" value=""/></td>
</tr>
<tr>
<td width="12%">商品詳情：</td><td><input class="index-content-table-td-add" type="text" id="dinggouXiangqing" name="dinggouXiangqing" value=""/></td>
</tr>
<tr>
<td width="12%">訂購人：</td><td><input class="index-content-table-td-add" type="text" id="dinggouShouhuo" name="dinggouShouhuo" value=""/></td>
</tr>
<tr>
<td width="12%">電話：</td><td><input class="index-content-table-td-add" type="text" id="dinggouTel" name="dinggouTel" value=""/></td>
</tr>
</body>
<script type="text/javascript">
//提交之前進行檢查，如果return false，則不允許提交
function check() {
//根據ID獲取值
if (document.getElementById("dinggouName").value.trim().length == 0) {
alert("商品不能為空!");
return false;
}
if (document.getElementById("dinggouXiangqing").value.trim().length == 0) {
alert("商品詳情不能為空!");
return false;
<td>
<input name="dinggouZhuangtai" type="radio" value="待配送" ${vo.dinggouZhuangtai=='待配送'?'checked':''}/> 待配送
<input name="dinggouZhuangtai" type="radio" value="配送中" ${vo.dinggouZhuangtai=='配送中'?'checked':''}/> 配送中
<input name="dinggouZhuangtai" type="radio" value="已完成" ${vo.dinggouZhuangtai=='已完成'?'checked':''}/> 已完成
</td>
</tr>
<tr>
<td width="12%">備注：</td><td><textarea id="dinggouText" name="dinggouText" style="width: 60%; height: 100px;padding: 0px 17px;" placeholder="請輸入內容......">${vo.dinggouText}</textarea></td>
</tr>
</table>
<br>
<br>
<br>
<button type="submit" class="btn btn-grad btn-success btn-sm">提交</button> <button type="button" class="btn btn-grad btn-info btn-sm" onclick="javascript:history.back(-1);">取消</button>
</form>
</div>
<td width="12%">地址：</td><td><input class="index-content-table-td-add" type="text" id="dinggouAdd" name="dinggouAdd" value=""/></td>
</tr>
<tr>
<td width="12%">支付方式：</td>
<td>
<input name="dinggouZhifufangshi" type="radio" value="現金" checked="checked"/> 現金
<input name="dinggouZhifufangshi" type="radio" value="轉帳"/> 轉帳
</td>
</tr>
<tr>
<td width="12%">狀態：</td>
<td>
<input name="dinggouZhuangtai" type="radio" value="待配送" checked="checked"/> 待配送
運行環境
Java≥6、Tomcat≥7.0、MySQL≥5.5
開發工具
idea/eclipse/MyEclipse
技術框架
JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript idea eclipse MyEclipse Servlet SSM Maven …
適用
課程設計，大作業，畢業設計，專案練習，學習演示等
功能說明
登錄、注冊、退出、用戶模塊、公告模塊、訂購模塊、商品模塊的增刪改查管理
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/319698.html
標籤：其他