发表于： 2017-06-09 23:54:14
4 1234
今日完成：
完成页面10的动态实现
明日计划：
完成页面11的动态实现
实现tiles复用
计划后天开做任务五
收获：
动态页面实现步骤：
首先确定哪些是要动态展示的内容，确定字段，创建表格
在这里只需要五个字段
private int id;
private String stu_name;//姓名
private String position;//职位
private String work_Experience;//工作经历
private String imges;//头像
1.在springmvc配置文件中配置试图解析器
<!--定义跳转的文件的前后缀 ，视图模式配置 tiles视图解析器-->
<bean id="viewResolver"
class="org.springframework.web.servlet.view.InternalResourceViewResolver"
p:prefix="/WEB-INF/"
p:suffix=".jsp"/>
2.创建controller类遍历所有学生，指定返回页面
@Controller
public class HomeController {
@Autowired
private StudentMapper studentMapper;
@RequestMapping(value = "/home", method = RequestMethod.GET)
public ModelAndView getHomeInfo(ModelMap modelMap){
List<Student> list = studentMapper.getAllStudent();
ModelAndView mav = new ModelAndView("home");
mav.addObject("list", list);
return mav;
}
这里应该是调用Service类的，偷懒没写。。
3.把html页面改为重命名为jsp文件，添加C标签
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
然后在link链接这里配置css路径
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/../bootstrap-3.3.5-dist/css/bootstrap.css">
<link href="css/Untitled-3.css" rel="stylesheet" type="text/css">
<link href="css/Untitled-1base.css" rel="stylesheet" type="text/css">
</head>
<body>
4.优秀学员展示用foreach和el表达式遍历
<!--第三部分开始-->
<div class="main-c row">
<h3 class="text-center main-tab">优秀学员展示</h3>
<div class="row">
<url class="show">
<%--items 用于接收集合对象，var 定义对象接收从集合里遍历出的每一个元素。同时其会自动转型。--%>
<c:forEach items="${list}" var="es">
<li class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<div class="show-1">
<img class="avatar" src="imges/${es.imges}.png">
<h3>${es.position}:${es.stu_name}</h3>
<p>${es.work_Experience}</p>
</div>
</li></c:forEach>
</url>
</div>
</div>
最后运行项目
返回列表
评论