spring+springmvc+mybatis+jQuery easyUI案例

阿新 • • 發佈：2019-01-13

<%@ 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>使用者許可權管理系統後臺</title>
<style type="text/css">
	body{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #ccccff;}
	.header{width:100%;height:41px;background: url(images/login-top-bg.gif) repeat-x;}
	.center{width:100%;height:532px;background: url(images/login_bg.jpg) repeat-x;}
	.login_right{float:right;width:50%;height:100%;background: url(images/login-wel.gif) bottom no-repeat;}
	.login_left{float:right;width:295px;height:100%;background: url(images/login-content-bg.gif) no-repeat;}
	.login_title{margin-left:35px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;height:36px;line-height: 36px;color: #666666;font-weight: bold;}
	.login_info{margin-left:35px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;height:36px;line-height: 36px;color: #333333;}
	.login_input{width:150px;height:20px;margin-left:30px;border:1px solid #7F9DB9;vertical-align: middle;}
	.login_code{width:70px;height:20px;margin-left:30px;border:1px solid #7F9DB9;vertical-align: middle;}
	.btn{width:60px;height:25px;border-width:0px;background-image: url(images/btn-bg2.gif);letter-spacing: 3px;margin-right:70px;cursor: pointer;}
	.login_info img{vertical-align: middle;cursor: pointer;}
	
	.errInfo{display:none;color:red;}
	
	.logo{width:100%;height:68px;background: url(images/logo.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo2.png';)}
	.left_txt{font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 25px;color: #666666;}
	
	.bottom{width:100%;height:auto;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #ABCAD3;text-decoration: none;line-height: 20px;}
</style>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
</head>
<body>
<div style="width:100%;height:645px;position: absolute;top:50%;left:50%;margin-top:-320px;margin-left:-50%;">
	<div class="header"></div>
	<div class="center">
		<div class="login_right">
			<div style="width:100%;height:auto;margin-top:150px;">
			<form action="login" method="post" name="loginForm" onsubmit="return check();">
				<div class="login_title">
					管理員登入
				</div>
				<div class="login_info">
					<label>使用者名稱：</label><input type="text" name="loginname" id="loginname" class="login_input" value="${loginname }"/>
					 <span id="nameerr" class="errInfo"></span>
				</div>
				<div class="login_info">
					<label>密　碼：</label><input type="password" name="password" id="password" class="login_input" value="${password }"/>
					 <span id="pwderr" class="errInfo"></span>
				</div>
				<div class="login_info">
					<label>驗證碼：</label><input type="text" name="code" id="code" class="login_code"/>  
					<img id="codeImg" alt="點選更換" title="點選更換" src=""/>
					 <span id="codeerr" class="errInfo"></span>
				</div>
				<div class="login_info">
					<input type="submit" name="loginBtn" value="登入" class="btn"/>
					<input type="reset" name="cancelBtn" value="取消" class="btn"/>
				</div>
			</form>
			</div>
		</div>
		<div class="login_left">
			<div style="width:100%;height:auto;margin-top:150px;">
				<div style="margin-top:200px;" class="logo"></div>
				<!-- <div class="left_txt">
					1.aaaaaaaaaaaaaaaaaa<br/>
					2.bbbbbbbbbbbbb<br/>
					3.cccccccccccccccccc<br/>
				</div> -->
			</div>
		</div>
	</div>
	<div class="bottom">
	Copyright &copy; 2011 xxx
	</div>
</div>
	<script type="text/javascript">
		var errInfo = "${errInfo}";
		$(document).ready(function(){
			changeCode();
			$("#codeImg").bind("click",changeCode);
			if(errInfo!=""){
				if(errInfo.indexOf("驗證碼")>-1){
					$("#codeerr").show();
					$("#codeerr").html(errInfo);
					$("#code").focus();
				}else{
					$("#nameerr").show();
					$("#nameerr").html(errInfo);
				}
			}
			$("#loginname").focus();
		});
	
		function genTimestamp(){
			var time = new Date();
			return time.getTime();
		}
	
		function changeCode(){
			$("#codeImg").attr("src","code.html?t="+genTimestamp());
		}
		
		/* function resetErr(){
			$("#nameerr").hide();
			$("#nameerr").html("");
			$("#pwderr").hide();
			$("#pwderr").html("");
			$("#codeerr").hide();
			$("#codeerr").html("");
		}
		
		function check(){
			resetErr();
			if($("#loginname").val()==""){
				$("#nameerr").show();
				$("#nameerr").html("使用者名稱不得為空！");
				$("#loginname").focus();
				return false;
			}
			if($("#password").val()==""){
				$("#pwderr").show();
				$("#pwderr").html("密碼不得為空！");
				$("#password").focus();
				return false;
			}
			if($("#code").val()==""){
				$("#codeerr").show();
				$("#codeerr").html("驗證碼不得為空！");
				$("#code").focus();
				return false;
			}
			return true;
		} */
	</script>
</body>
</html>

users.jsp

spring+springmvc+mybatis+jQuery easyUI案例

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/cor

一個SSM（Spring+SpringMVC+Mybatis）+jQuery EasyUI開發的ERP系統

生產管理ERP系統專案這是一個生產管理ERP系統。依託科技計劃重點專案“裝備物聯及生產管理系統研發”，專案研發裝備物聯以及生產管理的系統，主要包括：計劃進度、裝置管理、工藝監控、物料監控、人員監控、質量監控、系統管理7大模組。專案原始碼共享在github上面：http://gi

Spring+SpringMVC+MyBatis+easyUI整合基礎篇（五）講一下maven

github地址，點這裡。專案效展示，點這裡。賬號：admin 密碼：123456 下一篇文章開始，所有的專案原始碼都是與maven整合後的程式碼了，所以這一篇講一講maven。1、簡單介紹我們看一下github上一些開源專案的目錄結構，下圖中有mybatis、nett

【專欄】- spring+springMVC+mybatis+easyui開發實戰

spring+springMVC+mybatis+easyui開發實戰最近打算整合一下ssm+easyui開發框架，做一個功能相對完整的例項，供大家參考，專欄持續更新，由簡單到深入，直到完整的例項開發完成。

Spring+SpringMVC+MyBatis+easyUI整合優化篇（六）easyUI與富文字編輯器UEditor整合

日常囉嗦本來這一篇和接下來的幾篇是打算講一下JDBC和資料庫優化的，但是最近很多朋友加我好友也討論了一些問題，我發現大家似乎都是拿這個專案作為練手專案，作為腳手架來用的，因此呢，改變了一下思路，JDBC和資料庫優化這一塊兒延後一點再去說，先豐富一下專案的頁面

Spring+SpringMVC+MyBatis+easyUI整合基礎篇（四）程式碼簡化

前言當然，也可以直接匯入原始碼，點選這裡下載程式碼。由於剛開始寫部落格，所以很多細節都想不到，原始碼也放到GitHub上去了，自己動動手應該也就可以了，無非是自己多注意一點，細心一點，編碼啊，jar包啊，有時候或者一個分號，或者一個單引號雙引號，這些都可能導致出錯的，一定要多動手，自己多實踐。簡化目的又看了

spring+springMvc+Mybatis簡單案例超詳細

上一篇文章介紹了spring+springMvc+Mybatis的搭建，地址https://blog.csdn.net/niqinge/article/details/79280204現在來仔細介紹一個簡單的案例。在搭建完ssm框架之後，不懂搭建的朋友可以先看看我的上一篇文章

spring+springMVC+myBatis——小案例

通過SSM框架簡單的實現一個對學生類的增刪改查一、主要步驟 1.建立名為showstudents的Web專案，匯入相應的jar包 2.在包下建立實體類Student 3.dao層建立StudentDAO,建立StudentDAO.xml 4.配置檔案log4j.prope

Spring+SpringMVC+MyBatis+easyUI整合優化篇（四）單元測試例項

日常囉嗦前一篇文章《Spring+SpringMVC+MyBatis+easyUI整合優化篇（三）程式碼測試》講了不為和不能兩個狀態，針對不為，只能自己調整心態了，而對於不能，本文會結合一些例項進行講解，應該可以使得你掌握單元測試的方法。篇幅所限，所以先寫三

Spring+SpringMVC+mybatis+easyui整合例項-----easyUI介面部分

首先簡單介紹下easyui的使用。我們從datagrid表格入手，先顯示一個簡單的表格來說明一下easyui的使用。後面再加一個功能完整的表格首先方法寫好，還是使用之前的例子，沒看過之前部落格的可以翻一下。 StudentDaoIF.java @Select(

SSM框架搭建（Spring+SpringMVC+MyBatis）與easyui整合並實現增刪改查實現

一、用myEclipse初始化Web專案新建一個web project: 二、建立包 controller //控制類 service//服務介面 service.impl//服務實現類 dao //data access object

Spring+SpringMVC+MyBatis+easyUI整合基礎篇（九）版本控制

日常囉嗦還好在第一篇文章裡就列好了接下來的主線及要寫的知識點，不然都不知道要寫什麼東西了，開篇裡已經列了基礎篇要講svn和git的知識點，所以這一篇就寫一下版本控制。專案實際效果展示在這裡，賬密：

Spring+SpringMVC+MyBatis+easyUI整合基礎篇（一）專案簡述及技術選型介紹

萌芽階段很久之前就開始打算整理一下自己的技術部落格了，由於各種原因(藉口總是可以找到的)，實在抽不出時間所以計劃一直處於擱置狀態，一直只是心底的一顆小萌芽，日復一日的悠悠歲月如同手中緊抓的沙子，無聲無息的流失，不過這顆小生命也在我渴望與期待的澆灌下不斷的長大。

Spring+SpringMVc+Mybatis實現數據庫查詢

java代碼格式 jdb web.xml配置 set ransac load idle name 大家好，本篇博客小Y將會給大家帶來一篇SSM框架實現數據查詢的Demo,使用的數據庫是Mysql,Server是TomCat.現在的SSM整合非常流行，因為springm

整合 Spring + SpringMVC + MyBatis

provide star 實現 per ng- 獲取自增 check fas manage < 一 > POM 配置文件 ( 如果出現 JAR 包引入錯誤, 請自行下載 ) <project xmlns="http://maven.apach

Spring+SpringMVC+MyBatis深入學習及搭建(三)——MyBatis全局配置文件解析

保持 nbsp 延遲加載行為 span 方便 doc ima actor 轉載請註明出處：http://www.cnblogs.com/Joanna-Yan/p/6874672.html 前面有寫到Spring+SpringMVC+MyBatis深入學習及搭建(二)&

多工程：基於Maven的SSM（Spring,SpringMvc,Mybatis）整合的web工程(中)

png 開始版本 war mage ont 右鍵調用 web工程上篇用了單工程創建了SSM整合的web工程（http://www.cnblogs.com/yuanjava/p/6748956.html），這次我們把上篇的單工程改造成為多模塊工程一：創建

Spring+SpringMVC+MyBatis深入學習及搭建(四)——MyBatis輸入映射與輸出映射

指定 2.6 face 生成 shm hashmap ace and 包裝轉載請註明出處：http://www.cnblogs.com/Joanna-Yan/p/6878529.html 前面有講到Spring+SpringMVC+MyBatis深入學習及搭建(三)&

Spring+SpringMVC+MyBatis深入學習及搭建(八)——MyBatis查詢緩存

idt rtu void spring 寫到查詢緩存修改針對 target 轉載請註明出處：http://www.cnblogs.com/Joanna-Yan/p/6956206.html 前面講到：Spring+SpringMVC+MyBatis深入學習及搭建(

Spring+SpringMVC+MyBatis深入學習及搭建(十)——MyBatis逆向工程

cat springmvc blank 不為 tex llc root from ssi 轉載請註明出處：http://www.cnblogs.com/Joanna-Yan/p/6973266.html 前面講到：Spring+SpringMVC+MyBatis深入學習及

spring+springmvc+mybatis+jQuery easyUI案例

相關推薦