发表于: 2017-12-01 17:13:34
1 829
今天完成的事情:
完成了SSM框架,实现了网页端的CRUD。
话不多说,贴上代码,先看效果:
//精华都在这里
/**
*新增数据,更新数据都是分两步进行的。首先获取网页端输入的数据,然后再执行方法!!很重要。
/
@Controller
public class StudentController {
@Resource(name = "studentServiceImpl")
private StudentService studentService;
//添加学生 转至add页面,获取输入信息
@RequestMapping("add")
public String add(){
return "add";
}
//执行insert方法 与studentMapper结合
@RequestMapping("/insert")
public String insert(Student student){
studentService.insert(student);
return "redirect:list";
}
//查询所有
@RequestMapping("/list")
public String list(Model model){
List<Student> list = studentService.list();
System.out.println(studentService.list());
//获取学生信息后存入studentList 与studentList.jsp结合
model.addAttribute("studentList",list);
return "studentList";
}
//删除学生
@RequestMapping(value = "/delete",method = {RequestMethod.POST,RequestMethod.GET})
public String deleteStudent(Student student) {
studentService.delete(student);
return "redirect:list";
}
//编辑 获取前端传入的更新数据
@RequestMapping(value = "/edit",method = {RequestMethod.POST,RequestMethod.GET})
public String edit(int id,Model model) {
Student student = studentService.get(id);
model.addAttribute("student", student);
return "edit";
}
//执行update方法
@RequestMapping(value = "update" ,method = {RequestMethod.POST,RequestMethod.GET})
public String updateStudent(Student student){
studentService.update(student);
return "redirect:list";
}
}
贴一些页面的代码:
//在form表单中执行
<input type="hidden" name="id" value="${student.id}"/>
修改学生信息:
<table width="100%" border=1>
<tr>
<td>学生名字</td>
<td><input type="text" name="name" value="${student.name}"/></td>
</tr>
<tr>
<td>QQ</td>
<td><input type="text" name="QQ" value="${student.QQ}"/></td>
</tr>
<tr>
<td>学习类型</td>
<td><input type="text" name="studyType" value="${student.studyType}"/></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"/>
</td>
</tr>
</table>
//打印出所有的数据信息!!
<a href="${pageContext.request.contextPath }/add">添加用户</a>
<form action="studentList.jsp" method="post">
<table align='center' border='1' cellspacing='0'>
<tr>
<td>name</td>
<td>QQ</td>
<td>studyType</td>
<td>编辑</td>
<td>删除</td>
</tr>
<c:forEach items="${studentList}" var="s">
<tr>
<td>${s.name}</td>
<td>${s.QQ}</td>
<td>${s.studyType}</td>
<td><a href="${pageContext.request.contextPath }/edit?id=${s.id}">修改</a></td>
<td><a href="${pageContext.request.contextPath }/delete?id=${s.id}">删除</a></td>
</tr>
</c:forEach>
</table></form>
//缺陷:没有实现分页的查询!
看一看页面的效果:
使用POSTMAN测试:
使用jetty跑:
明天计划的事情:
完成任务二的深度思考,结束并提交任务二!
遇到的问题:
主要是不知道前端对后端的操作是两步完成的!!思路不清晰,导致卡了一会,不过好在看了一些例子过后把问题解决了~~~
收获:
禅道链接:http://task.ptteng.com/zentao/my-task.html
学会了搭建SSM框架,配置文件的编写,POSTMAN的基本使用,配置jetty,通过前端对后端数据库进行操作,CRUD!!!
收获特别多~~恼人的问题解决了,很舒服~~~
评论