项目结构 ## UserController
package com. zhongruan. controller;
import com. zhongruan. bean. User;
import com. zhongruan. service. IUserService;
import org. springframework. beans. factory. annotation. Autowired;
import org. springframework. stereotype. Controller;
import org. springframework. web. bind. annotation. RequestMapping;
import org. springframework. web. servlet. ModelAndView;
import java. util. List;
@Controller
@RequestMapping ( "/user" )
public class UserController {
@Autowired
private IUserService userService;
@RequestMapping ( "/login.do" )
public ModelAndView login ( User user) {
boolean flag = userService. login ( user. getUsername ( ) , user. getPassword ( ) ) ;
ModelAndView modelAndView = new ModelAndView ( ) ;
if ( flag) {
modelAndView. setViewName ( "main" ) ;
} else {
modelAndView. setViewName ( "../failer" ) ;
}
return modelAndView;
}
@RequestMapping ( "/findAll.do" )
public ModelAndView findAll ( ) {
List< User> userList = userService. findAll ( ) ;
ModelAndView modelAndView = new ModelAndView ( ) ;
modelAndView. addObject ( "userList" , userList) ;
modelAndView. setViewName ( "user-list" ) ;
return modelAndView;
}
@RequestMapping ( "/deleteById.do" )
public String delete ( int id) {
userService. deleteById ( id) ;
return "redirect:findAll.do" ;
}
@RequestMapping ( "/add.do" )
public String add ( User user) {
userService. add ( user) ;
return "redirect:findAll.do" ;
}
@RequestMapping ( "toUpdate.do" )
public ModelAndView toUpdate ( int id) {
User user = userService. selectUserById ( id) ;
ModelAndView modelAndView = new ModelAndView ( ) ;
modelAndView. setViewName ( "user-update" ) ;
modelAndView. addObject ( "user" , user) ;
return modelAndView;
}
}
UserDao
package com. zhongruan. dao;
import com. zhongruan. bean. User;
import java. util. List;
public interface UserDao {
User findUserByUserName ( String username) ;
List< User> findAll ( ) ;
void deleteById ( int id) ;
void add ( User user) ;
User selectById ( int id) ;
}
UserService
package com. zhongruan. service. impl;
import com. zhongruan. bean. User;
import com. zhongruan. dao. UserDao;
import com. zhongruan. service. IUserService;
import org. springframework. beans. factory. annotation. Autowired;
import org. springframework. stereotype. Service;
import java. util. List;
@Service
public class UserService implements IUserService {
@Autowired
private UserDao userDao;
@Override
public boolean login ( String username, String password) {
User user = userDao. findUserByUserName ( username) ;
if ( user!= null && user. getPassword ( ) . equals ( password) ) {
return true ;
}
return false ;
}
@Override
public List< User> findAll ( ) {
return userDao. findAll ( ) ;
}
@Override
public void deleteById ( int id) {
userDao. deleteById ( id) ;
}
@Override
public void add ( User user) {
userDao. add ( user) ;
}
@Override
public User selectUserById ( int id) {
return userDao. selectById ( id) ;
}
}
IUserService
package com. zhongruan. service;
import com. zhongruan. bean. User;
import java. util. List;
public interface IUserService {
boolean login ( String username, String password) ;
List< User> findAll ( ) ;
void deleteById ( int id) ;
void add ( User user) ;
User selectUserById ( int id) ;
}
UserMapper.xml
< ? xml version= "1.0" encoding= "UTF-8" ? >
< ! DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
< mapper namespace= "com.zhongruan.dao.UserDao" >
< select id= "findUserByUserName" parameterType= "String" resultType= "user" >
select * from tb_user where username= #{ username}
< / select>
< select id= "findAll" resultType= "user" >
select * from tb_user
< / select>
< delete id= "deleteById" parameterType= "int" >
delete from tb_user where id = #{ id}
< / delete>
< insert id= "add" parameterType= "user" >
insert into tb_user ( username, password) values ( #{ username} , #{ password} )
< / insert>
< select id= "selectById" parameterType= "int" resultType= "user" >
select * from tb_user where id= #{ id}
< / select>
< / mapper>
aside.jsp
在这里插入代码片< % @ page language= "java" contentType= "text/html; charset=UTF-8"
pageEncoding= "UTF-8" isELIgnored= "false" % >
< aside class = "main-sidebar" >
< ! -- sidebar: style can be found in sidebar. less -- >
< section class = "sidebar" >
< ! -- Sidebar user panel -- >
< div class = "user-panel" >
< div class = "pull-left image" >
< img src= "${pageContext.request.contextPath}/img/user2-160x160.jpg"
class = "img-circle" alt= "User Image" >
< / div>
< div class = "pull-left info" >
< a href= "#" > < i class = "fa fa-circle text-success" > < / i> 在线< / a>
< / div>
< / div>
< ! -- sidebar menu: : style can be found in sidebar. less -- >
< ul class = "sidebar-menu" >
< li class = "header" > 菜单< / li>
< li id= "admin-index" > < a
href= "#" > < i
class = "fa fa-dashboard" > < / i> < span> 首页< / span> < / a> < / li>
< li class = "treeview" > < a href= "#" > < i class = "fa fa-cogs" > < / i>
< span> 系统管理< / span> < span class = "pull-right-container" > < i
class = "fa fa-angle-left pull-right" > < / i>
< / span>
< / a>
< ul class = "treeview-menu" >
< li id= "system-setting" >
< a
href= "/user/findAll.do" > < i
class = "fa fa-circle-o" > < / i> 用户管理
< / a>
< / li>
< li id= "system-setting" > < a
href= "#" > < i
class = "fa fa-circle-o" > < / i> 角色管理
< / a> < / li>
< / ul>
< / li>
< / ul>
< / section>
< ! -- / . sidebar -- >
< / aside>
user-add.jsp
< % @ page language= "java" contentType= "text/html; charset=UTF-8"
pageEncoding= "UTF-8" isELIgnored= "false" % >
< ! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< ! -- 页面meta -- >
< meta charset= "utf-8" >
< meta http- equiv= "X-UA-Compatible" content= "IE=edge" >
< title> 数据 - AdminLTE2定制版< / title>
< meta name= "description" content= "AdminLTE2定制版" >
< meta name= "keywords" content= "AdminLTE2定制版" >
< ! -- Tell the browser to be responsive to screen width -- >
< meta
content= "width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
name= "viewport" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/iCheck/square/blue.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/morris/morris.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/select2/select2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/css/style.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" >
< / head>
< body class = "hold-transition skin-purple sidebar-mini" >
< div class = "wrapper" >
< ! -- 页面头部 -- >
< jsp: include page= "header.jsp" > < / jsp: include>
< ! -- 页面头部 / -- >
< ! -- 导航侧栏 -- >
< jsp: include page= "aside.jsp" > < / jsp: include>
< ! -- 导航侧栏 / -- >
< ! -- 内容区域 -- >
< div class = "content-wrapper" >
< ! -- 内容头部 -- >
< section class = "content-header" >
< h1>
用户管理 < small> 用户表单< / small>
< / h1>
< ol class = "breadcrumb" >
< li> < a href= "#" > < i
class = "fa fa-dashboard" > < / i> 首页< / a> < / li>
< li> < a
href= "#" > 用户管理< / a> < / li>
< li class = "active" > 用户表单< / li>
< / ol>
< / section>
< ! -- 内容头部 / -- >
< form action= "${pageContext.request.contextPath}/user/add.do"
method= "post" >
< ! -- 正文区域 -- >
< section class = "content" > < ! -- 产品信息-- >
< div class = "panel panel-default" >
< div class = "panel-heading" > 用户信息< / div>
< div class = "row data-type" >
< % -- < div class = "col-md-2 title" > id< / div> -- % >
< % -- < div class = "col-md-4 data" > -- % >
< % -- < input type= "text" class = "form-control" name= "id" -- % >
< % -- placeholder= "id" value= "" > -- % >
< % -- < / div> -- % >
< div class = "col-md-2 title" > 用户名称< / div>
< div class = "col-md-4 data" >
< input type= "text" class = "form-control" name= "username"
placeholder= "用户名称" value= "" >
< / div>
< div class = "col-md-2 title" > 密码< / div>
< div class = "col-md-4 data" >
< input type= "password" class = "form-control" name= "password"
placeholder= "密码" value= "" >
< / div>
< / div>
< / div>
< ! -- 订单信息/ -- > < ! -- 工具栏-- >
< div class = "box-tools text-center" >
< button type= "submit" class = "btn bg-maroon" > 保存< / button>
< button type= "button" class = "btn bg-default"
onclick= "history.back(-1);" > 返回< / button>
< / div>
< ! -- 工具栏/ -- > < / section>
< ! -- 正文区域 / -- >
< / form>
< / div>
< ! -- 内容区域 / -- >
< ! -- 底部导航 -- >
< footer class = "main-footer" >
< div class = "pull-right hidden-xs" >
< b> Version< / b> 1.0 .8
< / div>
< strong> Copyright & copy; 2014 - 2017 < a
href= "http://www.itcast.cn" > 研究院研发部< / a> .
< / strong> All rights reserved. < / footer>
< ! -- 底部导航 / -- >
< / div>
< script
src= "${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js" > < / script>
< script>
$. widget. bridge ( 'uibutton' , $. ui. button) ;
< / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/raphael/raphael-min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/morris/morris.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/knob/jquery.knob.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/fastclick/fastclick.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/select2/select2.full.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js" > < / script>
< script>
$( document) . ready ( function ( ) {
$( ".select2" ) . select2 ( ) ;
$( ".textarea" ) . wysihtml5 ( {
locale : 'zh-CN'
} ) ;
} ) ;
function setSidebarActive ( tagUri) {
var liObj = $( "#" + tagUri) ;
if ( liObj. length > 0 ) {
liObj. parent ( ) . parent ( ) . addClass ( "active" ) ;
liObj. addClass ( "active" ) ;
}
}
< / script>
< / body>
< / html>
user-list.jsp
< % @ page language= "java" contentType= "text/html; charset=UTF-8"
pageEncoding= "UTF-8" isELIgnored= "false" % >
< % @taglib uri= "http://java.sun.com/jsp/jstl/core" prefix= "c" % >
< ! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< ! -- 页面meta -- >
< meta charset= "utf-8" >
< meta http- equiv= "X-UA-Compatible" content= "IE=edge" >
< title> 数据 - AdminLTE2定制版< / title>
< meta name= "description" content= "AdminLTE2定制版" >
< meta name= "keywords" content= "AdminLTE2定制版" >
< ! -- Tell the browser to be responsive to screen width -- >
< meta
content= "width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
name= "viewport" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/iCheck/square/blue.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/morris/morris.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/select2/select2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/css/style.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css" >
< / head>
< body class = "hold-transition skin-blue sidebar-mini" >
< div class = "wrapper" >
< ! -- 页面头部 -- >
< jsp: include page= "header.jsp" > < / jsp: include>
< ! -- 页面头部 / -- >
< ! -- 导航侧栏 -- >
< jsp: include page= "aside.jsp" > < / jsp: include>
< ! -- 导航侧栏 / -- >
< ! -- 内容区域 -- >
< div class = "content-wrapper" >
< ! -- 内容头部 -- >
< section class = "content-header" >
< h1>
用户管理 < small> 全部用户< / small>
< / h1>
< ol class = "breadcrumb" >
< li> < a href= "#" > < i
class = "fa fa-dashboard" > < / i> 首页< / a> < / li>
< li> < a
href= "#" > 用户管理< / a> < / li>
< li class = "active" > 全部用户< / li>
< / ol>
< / section>
< ! -- 内容头部 / -- >
< ! -- 正文区域 -- >
< section class = "content" > < ! -- . box- body -- >
< div class = "box box-primary" >
< div class = "box-header with-border" >
< h3 class = "box-title" > 列表< / h3>
< / div>
< div class = "box-body" >
< ! -- 数据表格 -- >
< div class = "table-box" >
< ! -- 工具栏-- >
< div class = "pull-left" >
< div class = "form-group form-inline" >
< div class = "btn-group" >
< button type= "button" class = "btn btn-default" title= "新建"
onclick= "location.href='${pageContext.request.contextPath}/pages/user-add.jsp'" >
< i class = "fa fa-file-o" > < / i> 新建
< / button>
< button type= "button" class = "btn btn-default" title= "刷新" >
< i class = "fa fa-refresh" > < / i> 刷新
< / button>
< / div>
< / div>
< / div>
< form action= "#"
method= "post" >
< div class = "col-md-4 data1" >
< input type= "text" class = "form-control" name= "username"
placeholder= "username" value= "" >
< / div>
< button type= "submit" class = "btn bg-maroon" > 搜索< / button>
< / form>
< ! -- 工具栏/ -- >
< ! -- 数据列表-- >
< table id= "dataList"
class = "table table-bordered table-striped table-hover dataTable" >
< thead>
< tr>
< th class = "" style= "padding-right: 0px" > < input
id= "selall" type= "checkbox" class = "icheckbox_square-blue" >
< / th>
< th class = "sorting_asc" > ID< / th>
< th class = "sorting_desc" > 用户名< / th>
< th class = "sorting_asc sorting_asc_disabled" > 密码< / th>
< th class = "text-center" > 操作< / th>
< / tr>
< / thead>
< tbody>
< c: forEach items= "${userList}" var= "user" >
< tr>
< td> < input name= "ids" type= "checkbox" > < / td>
< td> ${ user. id} < / td>
< td> ${ user. username} < / td>
< td> ${ user. password} < / td>
< td class = "text-center" >
< a href= "${pageContext.request.contextPath}/user/toUpdate.do?id=${user.id}" class = "btn bg-olive btn-xs" > 更新< / a>
< a href= "${pageContext.request.contextPath}/user/deleteById.do?id=${user.id}" class = "btn bg-olive btn-xs" > 删除< / a>
< a href= "#" class = "btn bg-olive btn-xs" > 添加角色< / a>
< / td>
< / tr>
< / c: forEach>
< / tbody>
< ! --
< tfoot>
< tr>
< th> Rendering engine< / th>
< th> Browser< / th>
< th> Platform ( s) < / th>
< th> Engine version< / th>
< th> CSS grade< / th>
< / tr>
< / tfoot> -- >
< / table>
< ! -- 数据列表/ -- >
< / div>
< ! -- 数据表格 / -- >
< / div>
< ! -- / . box- body -- >
< div class = "box-tools pull-right" >
< ul class = "pagination" >
< li> < a href= "#" aria- label= "Previous" > 首页< / a> < / li>
< li> < a href= "#" > 上一页< / a> < / li>
< li> < a href= "#" > 1 < / a> < / li>
< li> < a href= "#" > 2 < / a> < / li>
< li> < a href= "#" > 3 < / a> < / li>
< li> < a href= "#" > 4 < / a> < / li>
< li> < a href= "#" > 5 < / a> < / li>
< li> < a href= "#" > 下一页< / a> < / li>
< li> < a href= "#" aria- label= "Next" > 尾页< / a> < / li>
< / ul>
< / div>
< / div>
< ! -- / . box- footer-- >
< / div>
< / section>
< ! -- 正文区域 / -- >
< / div>
< ! -- @@close -- >
< ! -- 内容区域 / -- >
< ! -- 底部导航 -- >
< footer class = "main-footer" >
< div class = "pull-right hidden-xs" >
< b> Version< / b> 1.0 .8
< / div>
< strong> Copyright & copy; 2014 - 2017 < a
href= "http://www.itcast.cn" > 研究院研发部< / a> .
< / strong> All rights reserved. < / footer>
< ! -- 底部导航 / -- >
< / div>
< script src= "../plugins/jQuery/jquery-2.2.3.min.js" > < / script>
< script src= "../plugins/jQueryUI/jquery-ui.min.js" > < / script>
< script>
$. widget. bridge ( 'uibutton' , $. ui. button) ;
< / script>
< script src= "../plugins/bootstrap/js/bootstrap.min.js" > < / script>
< script src= "../plugins/raphael/raphael-min.js" > < / script>
< script src= "../plugins/morris/morris.min.js" > < / script>
< script src= "../plugins/sparkline/jquery.sparkline.min.js" > < / script>
< script src= "../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" > < / script>
< script src= "../plugins/jvectormap/jquery-jvectormap-world-mill-en.js" > < / script>
< script src= "../plugins/knob/jquery.knob.js" > < / script>
< script src= "../plugins/daterangepicker/moment.min.js" > < / script>
< script src= "../plugins/daterangepicker/daterangepicker.js" > < / script>
< script src= "../plugins/daterangepicker/daterangepicker.zh-CN.js" > < / script>
< script src= "../plugins/datepicker/bootstrap-datepicker.js" > < / script>
< script
src= "../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js" > < / script>
< script
src= "../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" > < / script>
< script src= "../plugins/slimScroll/jquery.slimscroll.min.js" > < / script>
< script src= "../plugins/fastclick/fastclick.js" > < / script>
< script src= "../plugins/iCheck/icheck.min.js" > < / script>
< script src= "../plugins/adminLTE/js/app.min.js" > < / script>
< script src= "../plugins/treeTable/jquery.treetable.js" > < / script>
< script src= "../plugins/select2/select2.full.min.js" > < / script>
< script src= "../plugins/colorpicker/bootstrap-colorpicker.min.js" > < / script>
< script
src= "../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js" > < / script>
< script src= "../plugins/bootstrap-markdown/js/bootstrap-markdown.js" > < / script>
< script
src= "../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js" > < / script>
< script src= "../plugins/bootstrap-markdown/js/markdown.js" > < / script>
< script src= "../plugins/bootstrap-markdown/js/to-markdown.js" > < / script>
< script src= "../plugins/ckeditor/ckeditor.js" > < / script>
< script src= "../plugins/input-mask/jquery.inputmask.js" > < / script>
< script
src= "../plugins/input-mask/jquery.inputmask.date.extensions.js" > < / script>
< script src= "../plugins/input-mask/jquery.inputmask.extensions.js" > < / script>
< script src= "../plugins/datatables/jquery.dataTables.min.js" > < / script>
< script src= "../plugins/datatables/dataTables.bootstrap.min.js" > < / script>
< script src= "../plugins/chartjs/Chart.min.js" > < / script>
< script src= "../plugins/flot/jquery.flot.min.js" > < / script>
< script src= "../plugins/flot/jquery.flot.resize.min.js" > < / script>
< script src= "../plugins/flot/jquery.flot.pie.min.js" > < / script>
< script src= "../plugins/flot/jquery.flot.categories.min.js" > < / script>
< script src= "../plugins/ionslider/ion.rangeSlider.min.js" > < / script>
< script src= "../plugins/bootstrap-slider/bootstrap-slider.js" > < / script>
< script>
$( document) . ready ( function ( ) {
$( ".select2" ) . select2 ( ) ;
$( ".textarea" ) . wysihtml5 ( {
locale : 'zh-CN'
} ) ;
} ) ;
function setSidebarActive ( tagUri) {
var liObj = $( "#" + tagUri) ;
if ( liObj. length > 0 ) {
liObj. parent ( ) . parent ( ) . addClass ( "active" ) ;
liObj. addClass ( "active" ) ;
}
}
$( document)
. ready (
function ( ) {
setSidebarActive ( "admin-datalist" ) ;
$( "#dataList td input[type='checkbox']" )
. iCheck (
{
checkboxClass : 'icheckbox_square-blue' ,
increaseArea : '20%'
} ) ;
$( "#selall" )
. click (
function ( ) {
var clicks = $( this ) . is (
':checked' ) ;
if ( ! clicks) {
$(
"#dataList td input[type='checkbox']" )
. iCheck (
"uncheck" ) ;
} else {
$(
"#dataList td input[type='checkbox']" )
. iCheck ( "check" ) ;
}
$( this ) . data ( "clicks" ,
! clicks) ;
} ) ;
} ) ;
< / script>
< / body>
< / html>
user-update.jsp
< % @ page language= "java" contentType= "text/html; charset=UTF-8"
pageEncoding= "UTF-8" isELIgnored= "false" % >
< ! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< ! -- 页面meta -- >
< meta charset= "utf-8" >
< meta http- equiv= "X-UA-Compatible" content= "IE=edge" >
< title> 数据 - AdminLTE2定制版< / title>
< meta name= "description" content= "AdminLTE2定制版" >
< meta name= "keywords" content= "AdminLTE2定制版" >
< ! -- Tell the browser to be responsive to screen width -- >
< meta
content= "width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
name= "viewport" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/iCheck/square/blue.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/morris/morris.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/select2/select2.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/css/style.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css" >
< link rel= "stylesheet"
href= "${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" >
< / head>
< body class = "hold-transition skin-purple sidebar-mini" >
< div class = "wrapper" >
< ! -- 页面头部 -- >
< jsp: include page= "header.jsp" > < / jsp: include>
< ! -- 页面头部 / -- >
< ! -- 导航侧栏 -- >
< jsp: include page= "aside.jsp" > < / jsp: include>
< ! -- 导航侧栏 / -- >
< ! -- 内容区域 -- >
< div class = "content-wrapper" >
< ! -- 内容头部 -- >
< section class = "content-header" >
< h1>
用户管理 < small> 用户表单< / small>
< / h1>
< ol class = "breadcrumb" >
< li> < a href= "#" > < i
class = "fa fa-dashboard" > < / i> 首页< / a> < / li>
< li> < a
href= "#" > 用户管理< / a> < / li>
< li class = "active" > 用户表单< / li>
< / ol>
< / section>
< ! -- 内容头部 / -- >
< form action= "${pageContext.request.contextPath}/user/toUpdate.do"
method= "post" >
< ! -- 正文区域 -- >
< section class = "content" > < ! -- 产品信息-- >
< div class = "panel panel-default" >
< div class = "panel-heading" > 用户信息< / div>
< div class = "row data-type" >
< div class = "col-md-2 title" > id< / div>
< div class = "col-md-4 data" >
< input type= "text" class = "form-control" name= "id"
placeholder= "id" value= "${user.id}" >
< / div>
< div class = "col-md-2 title" > 用户名称< / div>
< div class = "col-md-4 data" >
< input type= "text" class = "form-control" name= "username"
placeholder= "用户名称" value= "${user.username}" >
< / div>
< div class = "col-md-2 title" > 密码< / div>
< div class = "col-md-4 data" >
< input type= "password" class = "form-control" name= "password"
placeholder= "密码" value= "${user.password}" >
< / div>
< / div>
< / div>
< ! -- 订单信息/ -- > < ! -- 工具栏-- >
< div class = "box-tools text-center" >
< button type= "submit" class = "btn bg-maroon" > 保存< / button>
< button type= "button" class = "btn bg-default"
onclick= "history.back(-1);" > 返回< / button>
< / div>
< ! -- 工具栏/ -- > < / section>
< ! -- 正文区域 / -- >
< / form>
< / div>
< ! -- 内容区域 / -- >
< ! -- 底部导航 -- >
< footer class = "main-footer" >
< div class = "pull-right hidden-xs" >
< b> Version< / b> 1.0 .8
< / div>
< strong> Copyright & copy; 2014 - 2017 < a
href= "http://www.itcast.cn" > 研究院研发部< / a> .
< / strong> All rights reserved. < / footer>
< ! -- 底部导航 / -- >
< / div>
< script
src= "${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js" > < / script>
< script>
$. widget. bridge ( 'uibutton' , $. ui. button) ;
< / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/raphael/raphael-min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/morris/morris.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/knob/jquery.knob.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/fastclick/fastclick.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/select2/select2.full.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js" > < / script>
< script
src= "${pageContext.request.contextPath}/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js" > < / script>
< script>
$( document) . ready ( function ( ) {
$( ".select2" ) . select2 ( ) ;
$( ".textarea" ) . wysihtml5 ( {
locale : 'zh-CN'
} ) ;
} ) ;
function setSidebarActive ( tagUri) {
var liObj = $( "#" + tagUri) ;
if ( liObj. length > 0 ) {
liObj. parent ( ) . parent ( ) . addClass ( "active" ) ;
liObj. addClass ( "active" ) ;
}
}
< / script>
< / body>
< / html>
index.jsp
< % --
Created by IntelliJ IDEA.
User: 18146
Date: 2020 / 7 / 14
Time: 9 : 48
To change this template use File | Settings | File Templates.
-- % >
< % @ page contentType= "text/html;charset=UTF-8" language= "java" % >
< html>
< head>
< title> Title< / title>
< / head>
< body>
< jsp: forward page= "login.jsp" > < / jsp: forward>
< / body>
< / html>