ssm项目5

最新推荐文章于 2020-07-05 10:55:14 发布

音羽Ein

最新推荐文章于 2020-07-05 10:55:14 发布

阅读量230

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_44730442/article/details/103685270

版权

java 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前端页面

主页

login.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"  isELIgnored="false" %>
<%
String uname = request.getParameter("username");
request.getSession().setAttribute("username",uname);//将用户名保存在整个会话期间
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录页面</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/util.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css">
<!--===============================================================================================-->
	<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script>

function login(){
	$.post("${base}/test-ssm/Login/shirologin",$("#form").serialize(),function(Result){
		if(Result.resultCode == 0){
			window.location.href = "${base}/test-ssm/home/main";
		}else{
			alert(Result.data);
		}
	})
}



</script>


<style type="text/css">
.wrap-login100 {
  width: 500px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}



 .myButton {
    background-color:#CB0165;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    width : 314px;
	height : 48px;
}

.myButton:hover {
	background : 	#CB0165;
}
.myButton:active {
    position:relative;
    top:3px;
    background: #000000;  黑色
    opacity: 0.5;    //这里重要，就是通过这个透明度来设置

}


</style>
</head>

<body>

	<div class="limiter">
		<div class="container-login100" style="background-image: url('${pageContext.request.contextPath}/images/timg.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<form id="form" class="login100-form validate-form" method="post">
					<span class="login100-form-title p-b-49">
						登录页面
					</span>

					<div class="wrap-input100 validate-input m-b-23" data-validate = "ユーザIDを入力してください">
						<span class="label-input100">用户名</span>
						<input class="input100" type="text" name="username" placeholder="enter your username">
						<span class="focus-input100" data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="パスワードを入力してください">
						<span class="label-input100">密码</span>
						<input class="input100" type="password" name="password" placeholder="enter your password">
						<span class="focus-input100" data-symbol="&#xf190;"></span>
					</div>

					<div class="text-right p-t-8 p-b-31">
						<a href="/test-ssm/Login/regist">
							注册
						</a>
					</div>

					<div class="container-login100-form-btn">

							<div class="login100-form-bgbtn"></div>

								<input type="button" id="loginBtn" value="登录" class="myButton"  onclick="login()">

					</div>

				</form>
			</div>
		</div>
	</div>


	<div id="dropDownSelect1"></div>

<!--===============================================================================================-->
	<script src="${pageContext.request.contextPath}/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="${pageContext.request.contextPath}/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
	<script src="${pageContext.request.contextPath}/vendor/bootstrap/js/popper.js"></script>
	<script src="${pageContext.request.contextPath}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->


</body>
</html>

main.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"  isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
.main{
	width:60%;

}
.float_div{
  float:right;

}
</style>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/icon.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/wu.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/icon.css" />
</head>

<body class="easyui-layout">
	<!-- begin of header -->
	<div class="wu-header" data-options="region:'north',border:false,split:true">
    	<div class="wu-header-left">
        	<h1>店页面</h1>
        </div>
        <div class="wu-header-right">
        	<p>您好 </p>
            <p><a href="#">网站首页</a>|<a href="#">帮助中心</a>|<a href="/test-ssm/Login/shirologout">安全退出</a></p>
        </div>
    </div>
    <!-- end of header -->
    <!-- begin of sidebar -->
	<div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'">
    	<div class="easyui-accordion" data-options="border:false,fit:true">


            <div title="门店管理" data-options="iconCls:'icon-creditcards'" style="padding:5px;">
    			<ul class="easyui-tree wu-side-tree">
                	<li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="/test-ssm/door/find" iframe="0">门店列表</a></li>


                </ul>
            </div>
            <div title="订单管理" data-options="iconCls:'icon-cart'" style="padding:5px;">
    			<ul class="easyui-tree wu-side-tree">
                	<li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="/test-ssm/order/findAll" iframe="0">订单列表</a></li>

                </ul>
            </div>
            <div title="系统设置" data-options="iconCls:'icon-wrench'" style="padding:5px;">
    			<ul class="easyui-tree wu-side-tree">
                	<li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="layout-3.html" iframe="0">导航标题</a></li>
                    <li iconCls="icon-users"><a href="javascript:void(0)" data-icon="icon-users" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    <li iconCls="icon-user-group"><a href="javascript:void(0)" data-icon="icon-user-group" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    <li iconCls="icon-book"><a href="javascript:void(0)" data-icon="icon-book" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    <li iconCls="icon-cog"><a href="javascript:void(0)" data-icon="icon-cog" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    <li iconCls="icon-application-osx-error"><a href="javascript:void(0)" data-icon="icon-application-osx-error" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- end of sidebar -->
    <!-- begin of main -->
    <div class="wu-main" data-options="region:'center'">
        <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">
            <div title="首页" data-options="href:'/test-ssm/home/success',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
        </div>
    </div>
    <!-- end of main -->
    <!-- begin of footer -->
<div class="wu-footer" data-options="region:'south',border:true,split:true">
    	&copy; 2019 Ri All Rights Reserved
    </div>
    <!-- end of footer -->

<!-- Begin of easyui-dialog -->
	<div id="ri-dialog" class="easyui-dialog"
		data-options="closed:true,iconCls:'icon-save'"
		style="width: 400px; padding: 10px;">

		<form id="add-form" method="post">
			<table>
				<tr>
					<td><input type="hidden" name="id"  id="id"/></td>
				</tr>
				<tr>
					<td width="60" align="right">名称：</td>
					<td><input type="text" id="name" class="ri-text"  name="name"/></td>
				</tr>
				<tr>
					<td align="right">电话：</td>
					<td><input type="text" id="tel" class="ri-text"  name="tel"/></td>
				</tr>

			</table>
		</form>
	</div>
	<!-- End of easyui-dialog -->

    <script type="text/javascript">

		$(function(){
			$('.wu-side-tree a').bind("click",function(){
				var title = $(this).text();
				var url = $(this).attr('data-link');
				var iconCls = $(this).attr('data-icon');
				var iframe = $(this).attr('iframe')==1?true:false;
				addTab(title,url,iconCls,iframe);
			});
		})

		/**
		* Name 添加菜单选项
		* Param title 名称
		* Param href 链接
		* Param iconCls 图标样式
		* Param iframe 链接跳转方式（true为iframe，false为href）
		*/
		function addTab(title, href, iconCls, iframe){
			var tabPanel = $('#wu-tabs');
			if(!tabPanel.tabs('exists',title)){
				var content = '<iframe scrolling="auto" frameborder="0"  src="'+ href +'" style="width:100%;height:100%;"></iframe>';
				if(iframe){
					tabPanel.tabs('add',{
						title:title,
						content:content,
						iconCls:iconCls,
						fit:true,
						cls:'pd3',
						closable:true
					});
				}
				else{
					tabPanel.tabs('add',{
						title:title,
						href:href,
						iconCls:iconCls,
						fit:true,
						cls:'pd3',
						closable:true
					});
				}
			}
			else
			{
				tabPanel.tabs('select',title);
			}
		}
		/**
		* Name 移除菜单选项
		*/
		function removeTab(){
			var tabPanel = $('#wu-tabs');
			var tab = tabPanel.tabs('getSelected');
			if (tab){
				var index = tabPanel.tabs('getTabIndex', tab);
				tabPanel.tabs('close', index);
			}
		}








		 openAdd = function() {
				$('#add-form').form('clear');
				$('#ri-dialog').dialog({
					closed : false,
					modal : true,
					title : "添加信息",
					buttons : [ {
						text : '确定',
						iconCls : 'icon-ok',
						handler : add
					}, {
						text : '取消',
						iconCls : 'icon-cancel',
						handler : function() {
							$('#ri-dialog').dialog('close');
						}
					} ]
				});
			}


		 add = function() {
				$('#add-form').form('submit', {
					url : '/test-ssm/door/insert',
					success : function(data) {
						if (data) {
							$.messager.alert('信息提示', '提交成功！', 'info');
							$('#ri-dialog').dialog('close');
						} else {
							$.messager.alert('信息提示', '提交失败！', 'info');
						}
					}
				});
			}


		 openEdit = function(id) {
			 $('#add-form').form('clear');
				$.ajax({
					url:'/test-ssm/door/get?id='+id,
					type:'GET',
					dataType:'json',
					success:function(data){
						console.log(data)
						$("#id").val(data.id);
						$("#name").val(data.name);
	    				$("#tel").val(data.tel);
					}
				});
				$('#ri-dialog').dialog({
					closed : false,
					modal : true,
					title : "修改信息",
					buttons : [ {
						text : '确定',
						iconCls : 'icon-ok',
						handler : edit
					}, {
						text : '取消',
						iconCls : 'icon-cancel',
						handler : function() {
							$('#ri-dialog').dialog('close');
						}
					} ]
				});
			}


		 /**
			* Name 修改记录
			*/
			function edit(){
				$('#add-form').form('submit', {
					url:'/test-ssm/door/update',
					success:function(data){
						if(data){
							$.messager.alert('信息提示','提交成功！','info');
							$('#ri-dialog').dialog('close');
						}
						else
						{
							$.messager.alert('信息提示','提交失败！','info');
						}
					}
				});
			}

	</script>
</body>
</html>

doorList.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/main.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/wu.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/icon.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/icon.css" />



</head>

<body 　class="easyui-layout">
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'west',border:true,split:true," title="分类管理"
			style="width: 150px; padding: 5px;">
			<ul id="ri-category-tree" class="easyui-tree"></ul>
		</div>
		<div data-options="region:'center',border:false">
			<!-- Begin of toolbar -->
			<div id="ri-toolbar">
				<div class="ri-toolbar-button">
					<button class="easyui-linkbutton" iconCls="icon-add"
						onclick="openAdd()" plain="true">添加</button>
  					<a href="javascript:location.reload();" class="easyui-linkbutton" iconCls="icon-reload" onclick="reload()" plain="true">刷新</a>
				</div>
				<div class="ri-toolbar-search">
					<label>起始时间：</label><input class="easyui-datebox"
						style="width: 100px"> <label>结束时间：</label><input
						class="easyui-datebox" style="width: 100px"> <label>关键词：</label><input
						class="ri-text" style="width: 100px"> <a href="#"
						class="easyui-linkbutton" iconCls="icon-search">开始检索</a>
				</div>
			</div>

			<table id="userList" class="easyui-datagrid"
				style="width: 100%; height: 100%" title="门店列表" iconCls="icon-save">
				<thead>
					<tr>
						<th field="productid" width=20% align="center">序号</th>
						<th field="name" width=15% align="center">名称</th>
						<th field="tel" width=15% align="center">電話</th>
						<th field="createTime" width=20% algin="center">创建时间</th>
						<th field="updateTime" width=20% algin="center">修改时间</th>
						<th field="opertion" width=10% algin="center">操作</th>
					</tr>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${doorList}" var="data">
						<tr>
							<td>${data.id}</td>
							<td>${data.name }</td>
							<td>${data.tel }</td>
							<td>${data.created }</td>
							<td>${data.updated }</td>
							<td> <a href="/test-ssm/door/delete?id=${data.id}" class="easyui-linkbutton" iconCls="icon-remove"  plain="true">删除</a>
								 <a href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="openEdit(${data.id})" plain="true" type="id">修改</a>
							</td>

						</tr>
					</c:forEach>
				</tbody>

			</table>

		</div>
	</div>

	<!-- Begin of easyui-dialog -->
	<div id="ri-dialog" class="easyui-dialog"
		data-options="closed:true,iconCls:'icon-save'"
		style="width: 400px; padding: 10px;">

		<form id="add-form" method="post">
			<table>
				<tr>
					<td><input type="hidden" name="id"  id="id"/></td>
				</tr>
				<tr>
					<td width="60" align="right">名称：</td>
					<td><input type="text" id="name"  name="name" class="ri-text" /></td>
				</tr>
				<tr>
					<td align="right">电话：</td>
					<td><input type="text" id="tel"  name="tel" class="ri-text" /></td>
				</tr>

			</table>
		</form>
	</div>
	<!-- End of easyui-dialog -->



</body>
<script>

	/**
	 * Name 添加记录
	 */
	 add = function() {
		$('#add-form').form('submit', {
			url : '/test-ssm/door/insert',
			success : function(data) {
				if (data) {
					$.messager.alert('信息提示', '提交成功！', 'info');
					$('#ri-dialog').dialog('close');
				} else {
					$.messager.alert('信息提示', '提交失败！', 'info');
				}
			}
		});
	}
	/**
	 * Name 打开添加窗口
	 */
	 openAdd = function() {
		$('#add-form').form('clear');
		$('#ri-dialog').dialog({
			closed : false,
			modal : true,
			title : "添加信息",
			buttons : [ {
				text : '确定',
				iconCls : 'icon-ok',
				handler : add
			}, {
				text : '取消',
				iconCls : 'icon-cancel',
				handler : function() {
					$('#ri-dialog').dialog('close');
				}
			} ]
		});
	}

	/**
	 * Name 打开修改窗口
	 */
	 openEdit = function(id) {
		 $('#add-form').form('clear');
			$.ajax({
				url:'/test-ssm/door/get?id='+id,
				type:'GET',
				dataType:'json',
				success:function(data){
					console.log(data)
					$("#id").val(data.id);
					$("#name").val(data.name);
    				$("#tel").val(data.tel);
				}
			});
			$('#ri-dialog').dialog({
				closed : false,
				modal : true,
				title : "修改信息",
				buttons : [ {
					text : '确定',
					iconCls : 'icon-ok',
					handler : edit
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#ri-dialog').dialog('close');
					}
				} ]
			});
		}


	 /**
		* Name 修改记录
		*/
		function edit(){
			$('#add-form').form('submit', {
				url:'/test-ssm/door/update',
				success:function(data){
					if(data){
						$.messager.alert('信息提示','提交成功！','info');
						$('#ri-dialog').dialog('close');
					}
					else
					{
						$.messager.alert('信息提示','提交失败！','info');
					}
				}
			});
		}


</script>


</html>

orderList.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/main.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.9.0/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/wu.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/icon.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.9.0/themes/icon.css" />



</head>

<body 　class="easyui-layout">
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'west',border:true,split:true," title="分类管理"
			style="width: 150px; padding: 5px;">
			<ul id="ri-category-tree" class="easyui-tree"></ul>
		</div>
		<div data-options="region:'center',border:false">
			<!-- Begin of toolbar -->
			<div id="ri-toolbar">
				<div class="ri-toolbar-button">
					<button class="easyui-linkbutton" iconCls="icon-add"
						onclick="openAdd()" plain="true">添加</button>
  					<a href="javascript:location.reload();" class="easyui-linkbutton" iconCls="icon-reload" onclick="reload()" plain="true">刷新</a>
				</div>
				<div class="ri-toolbar-search">
					<label>起始时间：</label><input class="easyui-datebox"
						style="width: 100px"> <label>结束时间：</label><input
						class="easyui-datebox" style="width: 100px"> <label>关键词：</label><input
						class="ri-text" style="width: 100px"> <a href="#"
						class="easyui-linkbutton" iconCls="icon-search">开始检索</a>
				</div>
			</div>

			<table id="userList" class="easyui-datagrid"
				style="width: 100%; height: 100%" title="门店列表" iconCls="icon-save">
				<thead>
					<tr>
						<th field="productid" width=20% align="center">序号</th>
						<th field="name" width=15% align="center">名称</th>
						<th field="tel" width=15% align="center">電話</th>
						<th field="createTime" width=20% algin="center">创建时间</th>
						<th field="updateTime" width=20% algin="center">修改时间</th>
						<th field="opertion" width=10% algin="center">操作</th>
					</tr>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${doorList}" var="data">
						<tr>
							<td>${data.id}</td>
							<td>${data.name }</td>
							<td>${data.tel }</td>
							<td>${data.created }</td>
							<td>${data.updated }</td>
							<td> <a href="/test-ssm/door/delete?id=${data.id}" class="easyui-linkbutton" iconCls="icon-remove"  plain="true">删除</a>
								 <a href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="openEdit(${data.id})" plain="true" type="id">修改</a>
							</td>

						</tr>
					</c:forEach>
				</tbody>

			</table>

		</div>
	</div>

	<!-- Begin of easyui-dialog -->
	<div id="ri-dialog" class="easyui-dialog"
		data-options="closed:true,iconCls:'icon-save'"
		style="width: 400px; padding: 10px;">

		<form id="add-form" method="post">
			<table>
				<tr>
					<td><input type="hidden" name="id"  id="id"/></td>
				</tr>
				<tr>
					<td width="60" align="right">名称：</td>
					<td><input type="text" id="name"  name="name" class="ri-text" /></td>
				</tr>
				<tr>
					<td align="right">电话：</td>
					<td><input type="text" id="tel"  name="tel" class="ri-text" /></td>
				</tr>

			</table>
		</form>
	</div>
	<!-- End of easyui-dialog -->



</body>
<script>

	/**
	 * Name 添加记录
	 */
	 add = function() {
		$('#add-form').form('submit', {
			url : '/test-ssm/door/insert',
			success : function(data) {
				if (data) {
					$.messager.alert('信息提示', '提交成功！', 'info');
					$('#ri-dialog').dialog('close');
				} else {
					$.messager.alert('信息提示', '提交失败！', 'info');
				}
			}
		});
	}
	/**
	 * Name 打开添加窗口
	 */
	 openAdd = function() {
		$('#add-form').form('clear');
		$('#ri-dialog').dialog({
			closed : false,
			modal : true,
			title : "添加信息",
			buttons : [ {
				text : '确定',
				iconCls : 'icon-ok',
				handler : add
			}, {
				text : '取消',
				iconCls : 'icon-cancel',
				handler : function() {
					$('#ri-dialog').dialog('close');
				}
			} ]
		});
	}

	/**
	 * Name 打开修改窗口
	 */
	 openEdit = function(id) {
		 $('#add-form').form('clear');
			$.ajax({
				url:'/test-ssm/door/get?id='+id,
				type:'GET',
				dataType:'json',
				success:function(data){
					console.log(data)
					$("#id").val(data.id);
					$("#name").val(data.name);
    				$("#tel").val(data.tel);
				}
			});
			$('#ri-dialog').dialog({
				closed : false,
				modal : true,
				title : "修改信息",
				buttons : [ {
					text : '确定',
					iconCls : 'icon-ok',
					handler : edit
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#ri-dialog').dialog('close');
					}
				} ]
			});
		}


	 /**
		* Name 修改记录
		*/
		function edit(){
			$('#add-form').form('submit', {
				url:'/test-ssm/door/update',
				success:function(data){
					if(data){
						$.messager.alert('信息提示','提交成功！','info');
						$('#ri-dialog').dialog('close');
					}
					else
					{
						$.messager.alert('信息提示','提交失败！','info');
					}
				}
			});
		}


</script>


</html>

注册

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册页面</title>
<script type="text/javascript">

function UserRegist()
{
	$.post("${base}/test-ssm/Login/doRegist",$("#form").serialize(),function(data){
		if(data.resultCode == 0){
			alert(data.msg);
			window.location.href = "${base}/test-ssm/home/login";
		}else{
			alert(data.msg);
		}
	})
}

</script>
<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
</head>
<body>
    <h3>注册页面</h3>
    <hr/>

    			<form id="form" action="#" method="post">
					<div class="username">
						<span class="username">账号:</span>
						<input type="text" name="username" class="name" placeholder="" required="required">
						<div class="clearfix"></div>
					</div>
					<div class="password-agileits">
						<span class="username">密码:</span>
						<input type="password" name="password" class="password" placeholder="" required="required">
						<div class="clearfix"></div>
					</div>
					<div class="login-w3">
						<!-- <input type="submit" class="login" value="登陆"> -->
						<input type="button" class="login" value="注册" onclick="UserRegist()">
						 <button onclick="window.history.back()">返回</button>
					<div class="clearfix"></div>
				</form>

</body>
</html>

音羽Ein

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ssm项目5

前端页面主页login.jsp<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false" %><%String uname = request.getParameter("username");request....
复制链接

扫一扫