发表于: 2017-12-01 17:13:34

1 830


今天完成的事情:

完成了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!!!

收获特别多~~恼人的问题解决了,很舒服~~~


返回列表 返回列表
评论

    分享到