SSM整合以及相关补充(13)

前端操作简单讲解当我们设置好拦截器后,我们就可以通过页面访问进入到html主页:

SSM整合以及相关补充

文章插图
我们希望可以实现查询,创建,修改,删除等操作
在下述操作中我们采用html和Ajax两门技术实现上述操作:
  1. 首先我们需要在Dao数据层进行一些返回值的修改:
package com.itheima.dao;import com.itheima.domain.Book;import org.apache.ibatis.annotations.Delete;import org.apache.ibatis.annotations.Insert;import org.apache.ibatis.annotations.Select;import org.apache.ibatis.annotations.Update;import java.util.List;public interface BookDao {    // 我们采用int作为返回值,当作数据库操作的行数返回值,用来判断是否操作成功    @Insert("insert into tbl_book (type,name,description) values(#{type},#{name},#{description})")    public int save(Book book);    @Update("update tbl_book set type = #{type}, name = #{name}, description = #{description} where id = #{id}")    public int update(Book book);    @Delete("delete from tbl_book where id = #{id}")    public int delete(Integer id);    @Select("select * from tbl_book where id = #{id}")    public Book getById(Integer id);    @Select("select * from tbl_book")    public List<Book> getAll();}
  1. 我们对html页面进行操作:
<!DOCTYPE html><html>    <head>        <!-- 页面meta -->        <meta charset="utf-8">        <meta http-equiv="X-UA-Compatible" content="IE=edge">        <title>SpringMVC案例</title>        <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">        <!-- 引入样式 -->        <link rel="stylesheet" href=https://www.huyubaike.com/biancheng/"../plugins/elementui/index.css">

图书管理

查询 新建

经验总结扩展阅读