usercontroller.java,前后台交互搭建 - 红烧猫头的个人空间 - OSCHINA - 中文开源技术交流社区...

1.把WEB-INF里的jsp拿出到上一级目录   修改springmvc

2.新建user.jsp 写入

用户列表

3.在user.jsp下写div样式

欢迎，赵**退出

•          

  用户管理

         

修改密码

菜单列表

用户展示列表

新增

id用户名真实姓名删除编辑

${ row.id}${row.username}${row.realname} 删除 编辑

4.css下新建public.css文件写样式

@charset "utf-8";

/* CSS Document */

/*基础选择器 id选择器 class选择器 标签选择器*/

/* 适配器选择器 就是应用在html所有标签 所有空白都清空 */

*{

padding:0px;

margin:0px;

}

.banner{

width:100%;

height:100px;

background-image:url(../img/bgTitle.png);

/*background-color:#FF6633;*/

}

.title{

position: absolute;/*绝对位置 针对标签的位置  fixed 相对浏览器的*/

top: 60px;

right: 30px;/*设置绝对位置 可以设置上边top right left bottom*/

color:#FFFFFF;

font-weight:bolder;

font-size:16px;

}

#main{

background-color:#EFEFEF;

}

#left{

width:12%;

height:900px;

background-color:#F2F2F2;

float:left;

border-right: 1px solid #dedede;

padding-bottom:100px;

}

#left ul{

list-style:none;

width:100%;

}

#left ul li{

height:70px;

line-height:70px;

background-color:#F9F9F9;

border-bottom: 1px solid #dedede;

text-align:center;

position:relative;

}

#left ul li:hover{

background-color:#FFFFFF;

}

.icon1{

position: absolute;

left: 30px;

top:25px;

display:block;

}

#left ul li a{

text-decoration:none;

color:#666666;

}

#left ul li a:hover{

color:#FF6633;

}

#right{

float:left;

width:86%;

/*height:1300px;*/

background-color:#fff;

padding:10px;

}

#loginDiv{

height:540px;

width:300px;

background-color:#FFFFFF;

padding:30px;

position:fixed;

left: 40%;

top: 25%;

border: 1px solid #CCC;

}

.box{

position: fixed;

width: 100%;

height: 100%;

background: rgba(0,0,0,0.2);

display: none;

}

.logTitle{

height:40px;

border-bottom:#ffb447 solid 1px;

font-size:28px;

margin-bottom:40px;

}

.formInput{

margin-bottom:20px;

height:40px;

width:100%;

}

.formInput img{

position: absolute;

padding-top: 12px;

padding-left: 8px;

}

.formInput input,select{

font-size:16px;

width:100%;

text-indent:5em;

height:40px;

}

.formInput span{

color:#999999;

position: absolute;

padding-top: 12px;

padding-left: 8px;

}

.formButton {

margin-top: 20px;

border: 0px;

font-size: 18px;

width: 100%;

height: 40px;

background-color:#ffb447;

color:#FFFFFF;

}

5.修改UserController.java

@RequestMapping("/list.do")

public String list(User user,Model model){

//跳转user.jsp页面

List users = userService.list(user);

//也可以用返回值类型是ModelAndView这个里面可带返回的页面 返回的数据

model.addAttribute("users",user);

return "user";

}