springboot对JPA的支持
导入相关pom依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
application.yml文件配置
spring: jpa: hibernate: ddl-auto: update show-sql: true
自动建表相关代码
Hbook
package com.liuwenwu.springboot02.entity; import lombok.Data; import javax.persistence.*; /** * @author LWW * @site www.lww.com * @company * @create 2019-11-13 16:24 */ @Data @Entity @Table(name = "t_springboot_book_2019") //生成的表 public class Hbook { @Id //主键 @GeneratedValue //自增长 private Integer bid; @Column(length = 100) //长度 private String bname; @Column private Float price; }
生成表
jpa值增删改查
HbookDao
package com.liuwenwu.springboot02.mapper; import com.liuwenwu.springboot02.entity.Hbook; import org.springframework.data.jpa.repository.JpaRepository; /** * @author LWW * @site www.lww.com * @company * @create 2019-11-13 16:40 */ public interface HbookDao extends JpaRepository<Hbook, Integer> { }
JpaController
package com.liuwenwu.springboot02.controller; import com.liuwenwu.springboot02.entity.Hbook; import com.liuwenwu.springboot02.mapper.HbookDao; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import java.util.List; /** * @author LWW * @site www.lww.com * @company * @create 2019-11-13 16:41 */ @RestController @RequestMapping("jpa") public class JpaController { @Autowired private HbookDao jpaDao; @RequestMapping("/add") public String add(Hbook book){ jpaDao.save(book); return "success"; } @RequestMapping("/edit") public String edit(Hbook book){ jpaDao.save(book); return "success"; } @RequestMapping("/del") public String del(Hbook book){ jpaDao.delete(book); return "success"; } @RequestMapping("/getOne") public Hbook getOne(Integer bid){ // 会出现懒加载问题：org.hibernate.LazyInitializationException: could not initialize proxy - no Session // return jpaDao.getOne(bid); return jpaDao.findById(bid).get(); } @RequestMapping("/getAll") public List<Hbook> getAll(){ return jpaDao.findAll(); } }
浏览器效果
Springboot+bootstrap界面版之增删改查及图片上传
本次案例采取的是spring data jpa和bootstrap3来完成的，并没有使用github提供的分页插件Pagehelper，pagehelper与SSM配合分页在前面博客已经有所讲解。
pom依赖
<mysql.version>5.1.44</mysql.version> <version>${mysql.version}</version> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.10</version> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> </dependency>
application.yml文件配置
server: servlet: context-path: / port: 80 spring: jpa: hibernate: ddl-auto: update show-sql: true datasource: #1.JDBC type: com.alibaba.druid.pool.DruidDataSource driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/t224?useUnicode=true&characterEncoding=UTF-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC username: root password: 123 druid: #2.\u8FDE\u63A5\u6C60\u914D\u7F6E #\u521D\u59CB\u5316\u8FDE\u63A5\u6C60\u7684\u8FDE\u63A5\u6570\u91CF \u5927\u5C0F\uFF0C\u6700\u5C0F\uFF0C\u6700\u5927 initial-size: 5 min-idle: 5 max-active: 20 #\u914D\u7F6E\u83B7\u53D6\u8FDE\u63A5\u7B49\u5F85\u8D85\u65F6\u7684\u65F6\u95F4 max-wait: 60000 #\u914D\u7F6E\u95F4\u9694\u591A\u4E45\u624D\u8FDB\u884C\u4E00\u6B21\u68C0\u6D4B\uFF0C\u68C0\u6D4B\u9700\u8981\u5173\u95ED\u7684\u7A7A\u95F2\u8FDE\u63A5\uFF0C\u5355\u4F4D\u662F\u6BEB\u79D2 time-between-eviction-runs-millis: 60000 # \u914D\u7F6E\u4E00\u4E2A\u8FDE\u63A5\u5728\u6C60\u4E2D\u6700\u5C0F\u751F\u5B58\u7684\u65F6\u95F4\uFF0C\u5355\u4F4D\u662F\u6BEB\u79D2 min-evictable-idle-time-millis: 30000 validation-query: SELECT 1 FROM DUAL test-while-idle: true test-on-borrow: true test-on-return: false # \u662F\u5426\u7F13\u5B58preparedStatement\uFF0C\u4E5F\u5C31\u662FPSCache \u5B98\u65B9\u5EFA\u8BAEMySQL\u4E0B\u5EFA\u8BAE\u5173\u95ED \u4E2A\u4EBA\u5EFA\u8BAE\u5982\u679C\u60F3\u7528SQL\u9632\u706B\u5899 \u5EFA\u8BAE\u6253\u5F00 pool-prepared-statements: true max-pool-prepared-statement-per-connection-size: 20 # \u914D\u7F6E\u76D1\u63A7\u7EDF\u8BA1\u62E6\u622A\u7684filters\uFF0C\u53BB\u6389\u540E\u76D1\u63A7\u754C\u9762sql\u65E0\u6CD5\u7EDF\u8BA1\uFF0C'wall'\u7528\u4E8E\u9632\u706B\u5899 filter: stat: merge-sql: true slow-sql-millis: 5000 #3.\u57FA\u7840\u76D1\u63A7\u914D\u7F6E web-stat-filter: enabled: true url-pattern: /* #\u8BBE\u7F6E\u4E0D\u7EDF\u8BA1\u54EA\u4E9BURL exclusions: "*.js,*.gif,*.jpg,*.png,*.css,*.ico,/druid/*" session-stat-enable: true session-stat-max-count: 100 stat-view-servlet: enabled: true url-pattern: /druid/* reset-enable: true #\u8BBE\u7F6E\u76D1\u63A7\u9875\u9762\u7684\u767B\u5F55\u540D\u548C\u5BC6\u7801 login-username: admin login-password: admin allow: 127.0.0.1 #deny: 192.168.1.100 thymeleaf: cache: false # \u89E3\u51B3\u56FE\u7247\u4E0A\u4F20\u5927\u5C0F\u9650\u5236\u95EE\u9898\uFF0C\u4E5F\u53EF\u91C7\u53D6\u914D\u7F6E\u7C7B servlet: multipart: max-file-size: 20MB max-request-size: 60MB
Springboot03Application
package com.liuwenwu.springboot03; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.transaction.annotation.EnableTransactionManagement; @EnableTransactionManagement @SpringBootApplication public class Springboot03Application { public static void main(String[] args) { SpringApplication.run(Springboot03Application.class, args); } }
上传文件映射配置类MyWebAppConfigurer.java
package com.liuwenwu.springboot03.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport; /** * 资源映射路径 */ @Configuration public class MyWebAppConfigurer extends WebMvcConfigurationSupport { @Override protected void addResourceHandlers(ResourceHandlerRegistry registry) { //静态资源 registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/"); //硬盘位置 registry.addResourceHandler("/uploadImages/**").addResourceLocations("file:E:/temp/"); super.addResourceHandlers(registry); } }
后台代码
StringUtils
package com.liuwenwu.springboot03.utils; import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.Set; public class StringUtils { // 私有的构造方法，保护此类不能在外部实例化 private StringUtils() { } /** * 如果字符串等于null或去空格后等于""，则返回true，否则返回false * * @param s * @return */ public static boolean isBlank(String s) { boolean b = false; if (null == s || s.trim().equals("")) { b = true; } return b; } /** * 如果字符串不等于null或去空格后不等于""，则返回true，否则返回false * * @param s * @return */ public static boolean isNotBlank(String s) { return !isBlank(s); } /** * set集合转string * @param hasPerms * @return */ public static String SetToString(Set hasPerms){ return Arrays.toString(hasPerms.toArray()).replaceAll(" ", "").replace("[", "").replace("]", ""); } /** * 转换成模糊查询所需参数 * @param before * @return */ public static String toLikeStr(String before){ return isBlank(before) ? null : "%"+before+"%"; } /** * 将图片的服务器访问地址转换为真实存放地址 * @param imgpath 图片访问地址（http://localhost:8080/uploadImage/2019/01/26/20190126000000.jpg） * @param serverDir uploadImage * @param realDir E:/temp/ * @return */ public static String serverPath2realPath(String imgpath, String serverDir, String realDir) { imgpath = imgpath.substring(imgpath.indexOf(serverDir)); return imgpath.replace(serverDir,realDir); } /** * 过滤掉集合里的空格 * @param list * @return */ public static List<String> filterWhite(List<String> list){ List<String> resultList=new ArrayList<String>(); for(String l:list){ if(isNotBlank(l)){ resultList.add(l); } } return resultList; } /** * 从html中提取纯文本 * @param strHtml * @return */ public static String html2Text(String strHtml) { String txtcontent = strHtml.replaceAll("</?[^>]+>", ""); //剔出<html>的标签 txtcontent = txtcontent.replaceAll("<a>\\s*|\t|\r|\n</a>", "");//去除字符串中的空格,回车,换行符,制表符 return txtcontent; } public static void main(String[] args) { } }
PageBean
package com.liuwenwu.springboot03.utils; import javax.servlet.http.HttpServletRequest; import java.util.Map; /** * 分页工具类 */ public class PageBean { private int page = 1;// 页码 private int rows = 3;// 页大小 private int total = 0;// 总记录数 private boolean pagination = true;// 是否分页 // 保存上次查询的参数 private Map<String, String[]> paramMap; // 保存上次查询的url private String url; public void setRequest(HttpServletRequest request) { String page = request.getParameter("page"); String rows = request.getParameter("offset"); String pagination = request.getParameter("pagination"); this.setPage(page); this.setRows(rows); this.setPagination(pagination); this.setUrl(request.getRequestURL().toString()); this.setParamMap(request.getParameterMap()); } public PageBean() { super(); } public Map<String, String[]> getParamMap() { return paramMap; } public void setParamMap(Map<String, String[]> paramMap) { this.paramMap = paramMap; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } public int getPage() { return page; } public void setPage(int page) { this.page = page; } public void setPage(String page) { if(StringUtils.isNotBlank(page)) { this.page = Integer.parseInt(page); } } public int getRows() { return rows; } public void setRows(String rows) { if(StringUtils.isNotBlank(rows)) { this.rows = Integer.parseInt(rows); } } public int getTotal() { return total; } public void setTotal(int total) { this.total = total; } public void setTotal(String total) { if(StringUtils.isNotBlank(total)) { this.total = Integer.parseInt(total); } } public boolean isPagination() { return pagination; } public void setPagination(boolean pagination) { this.pagination = pagination; } public void setPagination(String pagination) { if(StringUtils.isNotBlank(pagination) && "false".equals(pagination)) { this.pagination = Boolean.parseBoolean(pagination); } } /** * 最大页 * @return */ public int getMaxPage() { int max = this.total/this.rows; if(this.total % this.rows !=0) { max ++ ; } return max; } /** * 下一页 * @return */ public int getNextPage() { int nextPage = this.page + 1; if(nextPage > this.getMaxPage()) { nextPage = this.getMaxPage(); } return nextPage; } /** * 上一页 * @return */ public int getPreviousPage() { int previousPage = this.page -1; if(previousPage < 1) { previousPage = 1; } return previousPage; } /** * 获得起始记录的下标 * * @return */ public int getStartIndex() { return (this.page - 1) * this.rows; } @Override public String toString() { return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]"; } }
PageUtil
package com.liuwenwu.springboot03.utils; import java.util.Map; import java.util.Set; /** * 基于bootstrap3生成分页代码 */ public class PageUtil { public static String createPageCode(PageBean pageBean) { StringBuffer sb = new StringBuffer(); /* * 拼接向后台提交数据的form表单 * 注意：拼接的form表单中的page参数是变化的，所以不需要保留上一次请求的值 */ sb.append("<form id='pageBeanForm' action='"+pageBean.getUrl()+"' method='post'>"); sb.append("<input type='hidden' name='page'>"); Map<String, String[]> parameterMap = pageBean.getParamMap(); if(parameterMap != null && parameterMap.size() > 0) { Set<Map.Entry<String, String[]>> entrySet = parameterMap.entrySet(); for (Map.Entry<String, String[]> entry : entrySet) { if(!"page".equals(entry.getKey())) { String[] values = entry.getValue(); for (String val : values) { sb.append("<input type='hidden' name='"+entry.getKey()+"' value='"+val+"'>"); } } } } sb.append("</form>"); if(pageBean.getTotal()==0){ return "未查询到数据"; }else{ sb.append("<li><a href='javascript:gotoPage(1)'>首页</a></li>"); if(pageBean.getPage()>1){ sb.append("<li><a href='javascript:gotoPage("+pageBean.getPreviousPage()+")'>上一页</a></li>"); }else{ sb.append("<li class='disabled'><a href='javascript:gotoPage(1)'>上一页</a></li>"); } for(int i=pageBean.getPage()-1;i<=pageBean.getPage()+1;i++){ if(i<1||i>pageBean.getMaxPage()){ continue; } if(i==pageBean.getPage()){ sb.append("<li class='active'><a href='#'>"+i+"</a></li>"); }else{ sb.append("<li><a href='javascript:gotoPage("+i+")'>"+i+"</a></li>"); } } if(pageBean.getPage()<pageBean.getMaxPage()){ sb.append("<li><a href='javascript:gotoPage("+pageBean.getNextPage()+")'>下一页</a></li>"); }else{ sb.append("<li class='disabled'><a href='javascript:gotoPage("+pageBean.getMaxPage()+")'>下一页</a></li>"); } sb.append("<li><a href='javascript:gotoPage("+pageBean.getMaxPage()+")'>尾页</a></li>"); } /* * 给分页条添加与后台交互的js代码 */ sb.append("<script type='text/javascript'>"); sb.append(" function gotoPage(page) {"); sb.append(" document.getElementById('pageBeanForm').page.value = page;"); sb.append(" document.getElementById('pageBeanForm').submit();"); sb.append(" }"); sb.append(" function skipPage() {"); sb.append(" var page = document.getElementById('skipPage').value;"); sb.append(" if(!page || isNaN(page) || parseInt(page)<1 || parseInt(page)>"+pageBean.getMaxPage()+"){"); sb.append(" alert('请输入1~N的数字');"); sb.append(" return;"); sb.append(" }"); sb.append(" gotoPage(page);"); sb.append(" }"); sb.append("</script>"); return sb.toString(); } }
实体类entity
Teacher
package com.liuwenwu.springboot03.entity; import lombok.ToString; import javax.persistence.*; @Entity @Table(name = "t_springboot_teacher") @ToString public class Teacher { @Id @GeneratedValue private Integer tid; @Column(length = 16) private String tname; @Column(length = 4) private String sex; @Column(length = 100) private String description; @Column(length = 200) private String imagePath; public Integer getTid() { return tid; } public void setTid(Integer tid) { this.tid = tid; } public String getTname() { return tname; } public void setTname(String tname) { this.tname = tname; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } public String getDescription() { return description; } public void setDescription(String description) { this.description = description; } public String getImagePath() { return imagePath; } public void setImagePath(String imagePath) { this.imagePath = imagePath; } }
dao层
TeacherDao
package com.liuwenwu.springboot03.dao; import com.liuwenwu.springboot03.entity.Teacher; import org.springframework.data.jpa.repository.JpaRepository; import org.springframework.data.jpa.repository.JpaSpecificationExecutor; /** * * 只要继承JpaRepository，通常所用的增删查改方法都有 * 第一个参数：操作的实体类 * 第二个参数：实体类对应数据表的主键 * * 要使用高级查询必须继承 分页 * org.springframework.data.jpa.repository.JpaSpecificationExecutor<T>接口 */ public interface TeacherDao extends JpaRepository<Teacher, Integer>, JpaSpecificationExecutor<Teacher> { }
service层
TeacherService
package com.liuwenwu.springboot03.service; import com.liuwenwu.springboot03.dao.TeacherDao; import com.liuwenwu.springboot03.entity.Teacher; import com.liuwenwu.springboot03.utils.PageBean; import com.liuwenwu.springboot03.utils.StringUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.domain.Page; import org.springframework.data.domain.PageRequest; import org.springframework.data.domain.Pageable; import org.springframework.data.jpa.domain.Specification; import org.springframework.stereotype.Service; import javax.persistence.criteria.CriteriaBuilder; import javax.persistence.criteria.CriteriaQuery; import javax.persistence.criteria.Predicate; import javax.persistence.criteria.Root; /** * @author LWW * @site www.lww.com * @company * @create 2019-11-13 18:23 */ public interface TeacherService { public Teacher save(Teacher teacher); public void deleteById(Integer id); public Teacher findById(Integer id); public Page<Teacher> listPager(Teacher teacher, PageBean pageBean) ; }
TeacherServiceImpl
package com.liuwenwu.springboot03.service.impl; import com.liuwenwu.springboot03.dao.TeacherDao; import com.liuwenwu.springboot03.entity.Teacher; import com.liuwenwu.springboot03.service.TeacherService; import com.liuwenwu.springboot03.utils.PageBean; import com.liuwenwu.springboot03.utils.StringUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.domain.Page; import org.springframework.data.domain.PageRequest; import org.springframework.data.domain.Pageable; import org.springframework.data.jpa.domain.Specification; import org.springframework.stereotype.Service; import javax.persistence.criteria.CriteriaBuilder; import javax.persistence.criteria.CriteriaQuery; import javax.persistence.criteria.Predicate; import javax.persistence.criteria.Root; @Service public class TeacherServiceImpl implements TeacherService { @Autowired private TeacherDao teacherDao; @Override public Teacher save(Teacher teacher) { return teacherDao.save(teacher); } @Override public void deleteById(Integer id) { teacherDao.deleteById(id); } @Override public Teacher findById(Integer id) { return teacherDao.findById(id).get(); } @Override public Page<Teacher> listPager(Teacher teacher, PageBean pageBean) { // jpa的Pageable分页是从0页码开始 Pageable pageable = PageRequest.of(pageBean.getPage()-1, pageBean.getRows()); return teacherDao.findAll(new Specification<Teacher>() { @Override public Predicate toPredicate(Root<Teacher> root, CriteriaQuery<?> criteriaQuery, CriteriaBuilder criteriaBuilder) { Predicate predicate = criteriaBuilder.conjunction(); if(teacher != null){ //带条件查询 if(StringUtils.isNotBlank(teacher.getTname())){ predicate.getExpressions().add(criteriaBuilder.like(root.get("tname"),"%"+teacher.getTname()+"%")); } } return predicate; } },pageable); } }
controler层
TeacherController
package com.liuwenwu.springboot03.controller; import com.liuwenwu.springboot03.entity.Teacher; import com.liuwenwu.springboot03.service.TeacherService; import com.liuwenwu.springboot03.utils.PageBean; import com.liuwenwu.springboot03.utils.PageUtil; import com.liuwenwu.springboot03.utils.StringUtils; import org.apache.commons.io.FileUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.domain.Page; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.servlet.ModelAndView; import javax.servlet.http.HttpServletRequest; import java.io.File; import java.io.IOException; @Controller @RequestMapping("/teacher") public class TeacherController { @Autowired private TeacherService teacherService; @RequestMapping("/listPager") public ModelAndView list(Teacher teacher, HttpServletRequest request){ PageBean pageBean = new PageBean(); pageBean.setRequest(request); ModelAndView modelAndView = new ModelAndView(); Page<Teacher> teachers = teacherService.listPager(teacher, pageBean); modelAndView.addObject("teachers",teachers.getContent()); pageBean.setTotal(teachers.getTotalElements()+""); modelAndView.addObject("pageCode", PageUtil.createPageCode(pageBean)/*.replaceAll("<","<").replaceAll(">:",">")*/); modelAndView.setViewName("list"); return modelAndView; } @RequestMapping("/toEdit") public ModelAndView toEdit(Teacher teacher){ ModelAndView modelAndView = new ModelAndView(); modelAndView.setViewName("edit"); modelAndView.addObject("sexArr",new String[]{"男","女"}); if(!(teacher.getTid() == null || "".equals(teacher.getTid()))) { Teacher t = teacherService.findById(teacher.getTid()); modelAndView.addObject("teacher", t); } return modelAndView; } @RequestMapping("/add") public String add(Teacher teacher, MultipartFile image){ try { String diskPath = "E://temp/"+image.getOriginalFilename(); String serverPath = "/uploadImages/"+image.getOriginalFilename(); if(StringUtils.isNotBlank(image.getOriginalFilename())){ FileUtils.copyInputStreamToFile(image.getInputStream(),new File(diskPath)); teacher.setImagePath(serverPath); } teacherService.save(teacher); } catch (IOException e) { e.printStackTrace(); } return "redirect:/teacher/listPager"; } @RequestMapping("/edit") public String edit(Teacher teacher, MultipartFile image){ String diskPath = "E://temp/"+image.getOriginalFilename(); String serverPath = "/uploadImages/"+image.getOriginalFilename(); if(StringUtils.isNotBlank(image.getOriginalFilename())){ try { FileUtils.copyInputStreamToFile(image.getInputStream(),new File(diskPath)); teacher.setImagePath(serverPath); } catch (IOException e) { e.printStackTrace(); } } teacherService.save(teacher); return "redirect:/teacher/listPager"; } @RequestMapping("/del/{bid}") public String del(@PathVariable(value = "bid") Integer bid){ teacherService.deleteById(bid); return "redirect:/teacher/listPager"; } }
页面层
list.html
<!DOCTYPE html> <html lang="en"> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>书籍列表</title> <script type="text/javascript" th:src="@{/static/js/xxx.js}"></script> <link rel="stylesheet" th:href="@{/static/js/bootstrap3/css/bootstrap.min.css}"> <link rel="stylesheet" th:href="@{/static/js/bootstrap3/css/bootstrap-theme.min.css}"> <script type="text/javascript" th:src="@{/static/js/bootstrap3/js/jquery-1.11.2.min.js}"></script> <script type="text/javascript" th:src="@{/static/js/bootstrap3/js/bootstrap.min.js}"></script> </head> <body> <form th:action="@{/teacher/listPager}" method="post"> 书籍名称： <input type="text" name="tname" /> <input type="submit" value="提交"/> </form> <a th:href="@{/teacher/toEdit}">新增</a> <table border="1px" width="600px"> <thead> <tr> <td>ID</td> <td>头像</td> <td>姓名</td> <td>性别</td> <td>简介</td> <td>操作</td> </tr> </thead> <tbody> <tr th:each="teacher : ${teachers}"> <td th:text="${teacher.tid}"></td> <td><img style="width: 60px;height: 60px;" id="imgshow" th:src="${teacher.imagePath}" th:alt="${teacher.tname}"/></td> <!--<td th:text="${teacher.imagePath}"></td>--> <td th:text="${teacher.tname}"></td> <td th:text="${teacher.sex}"></td> <td th:text="${teacher.description}"></td> <td> <a th:href="@{'/teacher/del/'+${teacher.tid}}">删除</a> <a th:href="@{'/teacher/toEdit?tid='+${teacher.tid}}">修改</a> </td> </tr> </tbody> </table> <nav> <ul class="pagination pagination-sm" th:utext="${pageCode}"> </ul> <!-- <ul class="pagination pagination-sm">--> <!-- <form id='pageBeanForm' action='http://localhost:8080/springboot/teacher/listPager' method='post'><input type='hidden' name='page'></form>--> <!-- <li><a href='javascript:gotoPage(1)'>首页</a></li>--> <!-- <li class='disabled'><a href='javascript:gotoPage(1)'>上一页</a></li>--> <!-- <li class='active'><a href='#'>1</a></li>--> <!-- <li><a href='javascript:gotoPage(2)'>2</a></li>--> <!-- <li><a href='javascript:gotoPage(2)'>下一页</a></li>--> <!-- <li><a href='javascript:gotoPage(4)'>尾页</a></li>--> <!-- <script type='text/javascript'> function gotoPage(page) { document.getElementById('pageBeanForm').page.value = page; document.getElementById('pageBeanForm').submit(); } function skipPage() { var page = document.getElementById('skipPage').value; if(!page || isNaN(page) || parseInt(page)<1 || parseInt(page)>4){ alert('请输入1~N的数字'); return; } gotoPage(page); }</script>--> <!-- </ul>--> </nav> </body> </html>
edit.html
<!DOCTYPE html> <html lang="en"> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>用户编辑界面</title> <script type="text/javascript"> function preShow() { } </script> </head> <body> <form th:action="@{${teacher.tid} ? '/teacher/edit' : '/teacher/add'}" method="post" enctype="multipart/form-data"> <input type="hidden" name="tid" th:value="${teacher.tid}" /> <input type="hidden" name="imagePath" th:value="${teacher.imagePath}" /> <img id="imgshow" src="" alt=""/> <input type="file" name="image" onchange="preShow();"></br> 教员名称： <input type="text" name="tname" th:value="${teacher.tname}" /></br> 教员描述： <input type="text" name="description" th:value="${teacher.description}" /></br> 单选回显 <input type="radio" name="sex" th:each ="s:${sexArr}" th:value="${s}" th:text ="${s}" th:attr ="checked=${s == teacher.sex}"> <input type="submit" value="提交"/> </form> </body> </html>
效果图
