├── img ├── 1.png ├── 2.png ├── 3.png ├── 4.png ├── 5.png ├── 6.png ├── img-1.png ├── img-2.png └── img-3.png ├── .idea ├── dictionaries │ └── ty.xml ├── vcs.xml ├── encodings.xml ├── compiler.xml ├── misc.xml ├── dataSources.xml └── dataSources │ └── afa67d7b-90c0-4dc1-a063-f757b6d0a41b.xml ├── src └── main │ ├── webapp │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ ├── WEB-INF │ │ ├── page │ │ │ ├── loginInfo.jsp │ │ │ ├── page.jsp │ │ │ ├── info.jsp │ │ │ ├── save.jsp │ │ │ └── list.jsp │ │ ├── index.jsp │ │ └── web.xml │ └── lib │ │ ├── font-awesome.min.css │ │ └── bootstrap.min.js │ ├── resources │ ├── resource │ │ ├── jdbc.properties │ │ └── logback.xml │ ├── mybatis │ │ └── mybatis.xml │ ├── sys_schema.sql │ └── spring │ │ ├── springmvc.xml │ │ └── beans.xml │ └── java │ └── cn │ └── tycoding │ ├── mapper │ ├── UserMapper.java │ ├── UserMapper.xml │ ├── CustomerMapper.java │ └── CustomerMapper.xml │ ├── service │ ├── UserService.java │ ├── CustomerService.java │ ├── BaseService.java │ └── impl │ │ ├── UserServiceImpl.java │ │ └── CustomerServiceImpl.java │ ├── pojo │ ├── User.java │ ├── Customer.java │ └── PageBean.java │ └── controller │ ├── UserController.java │ └── CustomerController.java ├── pom.xml └── README.md /img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/1.png -------------------------------------------------------------------------------- /img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/2.png -------------------------------------------------------------------------------- /img/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/3.png -------------------------------------------------------------------------------- /img/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/4.png -------------------------------------------------------------------------------- /img/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/5.png -------------------------------------------------------------------------------- /img/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/6.png -------------------------------------------------------------------------------- /img/img-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/img-1.png -------------------------------------------------------------------------------- /img/img-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/img-2.png -------------------------------------------------------------------------------- /img/img-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/img/img-3.png -------------------------------------------------------------------------------- /.idea/dictionaries/ty.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /src/main/webapp/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/src/main/webapp/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /src/main/webapp/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/src/main/webapp/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /src/main/webapp/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/src/main/webapp/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /src/main/webapp/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/src/main/webapp/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /src/main/webapp/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TyCoding/ssm/HEAD/src/main/webapp/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/main/resources/resource/jdbc.properties: -------------------------------------------------------------------------------- 1 | jdbc.driver=com.mysql.jdbc.Driver 2 | jdbc.url=jdbc:mysql://localhost:3306/ssm?useUnicode=true&characterEncoding=UTF-8 3 | jdbc.username=root 4 | jdbc.password=root -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/mapper/UserMapper.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.mapper; 2 | 3 | import cn.tycoding.pojo.User; 4 | 5 | /** 6 | * @author tycoding 7 | * @date 18-4-7下午9:10 8 | */ 9 | public interface UserMapper { 10 | 11 | User login(String username); 12 | } 13 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/service/UserService.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.service; 2 | 3 | import cn.tycoding.pojo.User; 4 | 5 | /** 6 | * @author tycoding 7 | * @date 18-4-7下午9:09 8 | */ 9 | public interface UserService extends BaseService { 10 | 11 | User login(String username); 12 | } 13 | -------------------------------------------------------------------------------- /src/main/resources/resource/logback.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | %d{HH:mm:ss.SSS} [%thread] %-5level %logger{36} - %msg%n 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/mapper/UserMapper.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 11 | 12 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/service/CustomerService.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.service; 2 | 3 | import cn.tycoding.pojo.Customer; 4 | import cn.tycoding.pojo.PageBean; 5 | 6 | /** 7 | * @author tycoding 8 | * @date 18-4-14下午9:13 9 | */ 10 | public interface CustomerService extends BaseService { 11 | 12 | /** 13 | * 分页查询 14 | * @param customer 查询条件 15 | * @param pageCode 当前页 16 | * @param pageSize 每页的记录数 17 | * @return 18 | */ 19 | PageBean findByPage(Customer customer, int pageCode, int pageSize); 20 | 21 | } 22 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/mapper/CustomerMapper.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.mapper; 2 | 3 | import cn.tycoding.pojo.Customer; 4 | import com.github.pagehelper.Page; 5 | 6 | /** 7 | * @author tycoding 8 | * @date 18-4-14下午9:14 9 | */ 10 | public interface CustomerMapper { 11 | 12 | void create(Customer customer); 13 | 14 | void delete(Long id); 15 | 16 | Customer findById(Long id); 17 | 18 | void update(Customer customer); 19 | 20 | Page findByPage(Customer customer); 21 | 22 | // int selectCount(); 23 | 24 | // List findCondition(Map conMap); 25 | } 26 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/service/BaseService.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.service; 2 | 3 | import java.util.List; 4 | 5 | /** 6 | * 通用的Service层接口 7 | * 8 | * @auther TyCoding 9 | * @date 2018/9/28 10 | */ 11 | public interface BaseService { 12 | 13 | /** 14 | * 查询所有 15 | * 16 | * @return 17 | */ 18 | List findAll(); 19 | 20 | /** 21 | * 根据ID查询 22 | * 23 | * @param id 24 | * @return 25 | */ 26 | T findById(Long id); 27 | 28 | /** 29 | * 添加 30 | * 31 | * @param t 32 | */ 33 | void create(T t); 34 | 35 | /** 36 | * 删除（批量） 37 | * 38 | * @param id 39 | */ 40 | void delete(Long id); 41 | 42 | /** 43 | * 修改 44 | * 45 | * @param t 46 | */ 47 | void update(T t); 48 | } -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 11 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /src/main/resources/mybatis/mybatis.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/pojo/User.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.pojo; 2 | 3 | import java.io.Serializable; 4 | 5 | /** 6 | * 这是用户登录的JavaBean 7 | * @author tycoding 8 | * @date 18-4-7下午7:28 9 | */ 10 | public class User implements Serializable { 11 | 12 | //用户id 13 | private Long id; 14 | //用户登录名 15 | private String username; 16 | //用户密码 17 | private String password; 18 | 19 | public Long getId() { 20 | return id; 21 | } 22 | 23 | public void setId(Long id) { 24 | this.id = id; 25 | } 26 | 27 | public String getUsername() { 28 | return username; 29 | } 30 | 31 | public void setUsername(String username) { 32 | this.username = username; 33 | } 34 | 35 | public String getPassword() { 36 | return password; 37 | } 38 | 39 | public void setPassword(String password) { 40 | this.password = password; 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/page/loginInfo.jsp: -------------------------------------------------------------------------------- 1 | <%-- 2 | Created by IntelliJ IDEA. 3 | User: ty 4 | Date: 2018/5/4 5 | Time: 下午12:35 6 | To change this template use File | Settings | File Templates. 7 | --%> 8 | <%@ page isELIgnored="false" %> 9 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 10 | <% 11 | String path = request.getContextPath(); 12 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 13 | %> 14 | 15 | 16 | Title 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |

${message}

25 |
26 |
27 | 28 | 29 | 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /.idea/dataSources.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | mysql 6 | true 7 | com.mysql.jdbc.Driver 8 | jdbc:mysql://localhost:3306/ssm 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /src/main/resources/sys_schema.sql: -------------------------------------------------------------------------------- 1 | -- create database ssm character set utf8; 2 | 3 | drop table if exists tb_user; 4 | drop table if exists tb_customer; 5 | 6 | create table tb_user( 7 | id int primary key auto_increment, 8 | username varchar(100), 9 | password varchar(100) 10 | ) default charset = utf8; 11 | 12 | create table tb_customer( 13 | id int primary key auto_increment, 14 | name varchar(100), 15 | telephone varchar(100), 16 | address varchar(100), 17 | remark varchar(100) 18 | ) default charset = utf8; 19 | 20 | insert into tb_user values(1,'admin','admin'); 21 | 22 | insert into tb_customer values(1,'涂陌','123456789','你猜','不想写备注'); 23 | insert into tb_customer values(2,'逗瓜','123456789','你猜','不想写备注'); 24 | insert into tb_customer values(3,'愤青','123456789','你猜','不想写备注'); 25 | insert into tb_customer values(4,'咸鱼','123456789','你猜','不想写备注'); 26 | insert into tb_customer values(5,'小白','123456789','你猜','不想写备注'); 27 | insert into tb_customer values(6,'菜鸡','123456789','你猜','不想写备注'); 28 | 29 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/index.jsp: -------------------------------------------------------------------------------- 1 | <%@ page isELIgnored="false" %> 2 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 3 | <% 4 | String path = request.getContextPath(); 5 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 6 | %> 7 | 8 | 9 | 10 | 11 | 12 | 首页 13 | 14 | 15 |

SSM框架整合（分页查询）案例

16 |
17 |
18 | 19 | 20 |
21 |
22 | 23 | 24 |
25 |
26 | 27 |
28 | 29 | 30 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/service/impl/UserServiceImpl.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.service.impl; 2 | 3 | import cn.tycoding.mapper.UserMapper; 4 | import cn.tycoding.pojo.User; 5 | import cn.tycoding.service.UserService; 6 | import org.springframework.beans.factory.annotation.Autowired; 7 | import org.springframework.stereotype.Service; 8 | 9 | import java.util.List; 10 | 11 | /** 12 | * @author tycoding 13 | * @date 18-4-7下午9:09 14 | */ 15 | @Service 16 | public class UserServiceImpl implements UserService { 17 | 18 | //注入 19 | @Autowired 20 | private UserMapper userMapper; 21 | 22 | /** 23 | * 用户登录的方法 24 | */ 25 | public User login(String username) { 26 | return userMapper.login(username); 27 | } 28 | 29 | public List findAll() { 30 | return null; 31 | } 32 | 33 | public User findById(Long id) { 34 | return null; 35 | } 36 | 37 | public void create(User user) { 38 | 39 | } 40 | 41 | public void delete(Long id) { 42 | 43 | } 44 | 45 | public void update(User user) { 46 | 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /src/main/resources/spring/springmvc.xml: -------------------------------------------------------------------------------- 1 | 2 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/pojo/Customer.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.pojo; 2 | 3 | import java.io.Serializable; 4 | 5 | /** 6 | * 客户信息的JavaBean 7 | * @author tycoding 8 | * @date 18-4-7下午7:27 9 | */ 10 | public class Customer implements Serializable { 11 | 12 | //客户的id 13 | private Long id; 14 | //客户的姓名 15 | private String name; 16 | //客户的电话 17 | private String telephone; 18 | //客户的住址 19 | private String address; 20 | //客户备注 21 | private String remark; 22 | 23 | public Long getId() { 24 | return id; 25 | } 26 | 27 | public void setId(Long id) { 28 | this.id = id; 29 | } 30 | 31 | public String getName() { 32 | return name; 33 | } 34 | 35 | public void setName(String name) { 36 | this.name = name; 37 | } 38 | 39 | public String getTelephone() { 40 | return telephone; 41 | } 42 | 43 | public void setTelephone(String telephone) { 44 | this.telephone = telephone; 45 | } 46 | 47 | public String getAddress() { 48 | return address; 49 | } 50 | 51 | public void setAddress(String address) { 52 | this.address = address; 53 | } 54 | 55 | public String getRemark() { 56 | return remark; 57 | } 58 | 59 | public void setRemark(String remark) { 60 | this.remark = remark; 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/page/page.jsp: -------------------------------------------------------------------------------- 1 | <%-- 2 | Created by IntelliJ IDEA. 3 | User: my-deepin 4 | Date: 18-4-14 5 | Time: 下午3:47 6 | To change this template use File | Settings | File Templates. 7 | --%> 8 | <%@ page isELIgnored="false" %> 9 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 10 | <% 11 | String path = request.getContextPath(); 12 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 13 | %> 14 | 15 | 16 | 17 | Title 18 | 19 | 20 | 21 |
22 | 36 |
37 | 38 | 39 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/page/info.jsp: -------------------------------------------------------------------------------- 1 | <%-- 2 | Created by IntelliJ IDEA. 3 | User: my-deepin 4 | Date: 18-4-7 5 | Time: 下午9:02 6 | To change this template use File | Settings | File Templates. 7 | --%> 8 | <%@ page isELIgnored="false" %> 9 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 10 | <% 11 | String path = request.getContextPath(); 12 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 13 | %> 14 | 15 | 16 | 17 | Title 18 | 19 | 20 | 21 |
22 | 36 |
37 |
38 |
39 |
40 |

${message}

41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/controller/UserController.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.controller; 2 | 3 | import cn.tycoding.pojo.User; 4 | import cn.tycoding.service.UserService; 5 | import org.springframework.beans.factory.annotation.Autowired; 6 | import org.springframework.stereotype.Controller; 7 | import org.springframework.ui.Model; 8 | import org.springframework.web.bind.annotation.RequestMapping; 9 | import org.springframework.web.bind.annotation.RequestParam; 10 | 11 | /** 12 | * 用户的控制层 13 | * 14 | * @author tycoding 15 | * @date 18-4-7下午9:00 16 | */ 17 | @Controller 18 | @RequestMapping("/user") 19 | public class UserController { 20 | 21 | //注入service 22 | @Autowired 23 | private UserService userService; 24 | 25 | /** 26 | * 用户登录 27 | */ 28 | @RequestMapping(value = "/login") 29 | public String login(@RequestParam String username,@RequestParam String password, Model model) { 30 | User user = userService.login(username); 31 | if (user != null) { 32 | if (user.getPassword().equals(password)) { 33 | //登录成功 34 | return "page/page"; 35 | } else { 36 | model.addAttribute("message", "登录失败"); 37 | return "page/loginInfo"; 38 | } 39 | } else { 40 | model.addAttribute("message", "你输入的用户名或密码有误"); 41 | return "page/loginInfo"; 42 | } 43 | } 44 | 45 | /** 46 | * 回到登录页 47 | */ 48 | @RequestMapping(value="/index") 49 | public String index(){ 50 | return "index"; 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/pojo/PageBean.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.pojo; 2 | 3 | import java.io.Serializable; 4 | import java.util.List; 5 | 6 | /** 7 | * @author TyCoding 8 | * @date 18-3-10下午12:47 9 | */ 10 | public class PageBean implements Serializable { 11 | 12 | //当前页 13 | private int pageCode; 14 | 15 | //总页数=总记录数/每页显示的记录数 16 | private int totalPage; 17 | 18 | //总记录数 19 | private int totalCount; 20 | 21 | //每页显示的记录数 22 | private int pageSize; 23 | 24 | //每页显示的数据 25 | private List beanList; 26 | 27 | public PageBean() { 28 | } 29 | 30 | public PageBean(int pageCode, int totalPage, int totalCount, int pageSize, List beanList) { 31 | this.pageCode = pageCode; 32 | this.totalPage = totalPage; 33 | this.totalCount = totalCount; 34 | this.pageSize = pageSize; 35 | this.beanList = beanList; 36 | } 37 | 38 | public int getPageCode() { 39 | return pageCode; 40 | } 41 | 42 | public void setPageCode(int pageCode) { 43 | this.pageCode = pageCode; 44 | } 45 | 46 | public int getTotalPage() { 47 | return totalPage; 48 | } 49 | 50 | public void setTotalPage(int totalPage) { 51 | this.totalPage = totalPage; 52 | } 53 | 54 | public int getTotalCount() { 55 | return totalCount; 56 | } 57 | 58 | public void setTotalCount(int totalCount) { 59 | this.totalCount = totalCount; 60 | } 61 | 62 | public int getPageSize() { 63 | return pageSize; 64 | } 65 | 66 | public void setPageSize(int pageSize) { 67 | this.pageSize = pageSize; 68 | } 69 | 70 | public List getBeanList() { 71 | return beanList; 72 | } 73 | 74 | public void setBeanList(List beanList) { 75 | this.beanList = beanList; 76 | } 77 | 78 | } -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/web.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | Archetype Created Web Application 7 | 8 | /WEB-INF/index.jsp 9 | 10 | 11 | 12 | 13 | CharacterEncoding 14 | org.springframework.web.filter.CharacterEncodingFilter 15 | 16 | encoding 17 | utf-8 18 | 19 | 20 | 21 | CharacterEncoding 22 | 23 | /* 24 | 25 | 26 | 27 | 28 | org.springframework.web.context.ContextLoaderListener 29 | 30 | 31 | 32 | contextConfigLocation 33 | classpath:spring/beans.xml 34 | 35 | 36 | 37 | 38 | dispatcherServlet 39 | org.springframework.web.servlet.DispatcherServlet 40 | 41 | 42 | contextConfigLocation 43 | classpath:spring/springmvc.xml 44 | 45 | 46 | 47 | dispatcherServlet 48 | 49 | *.do 50 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /src/main/resources/spring/beans.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/page/save.jsp: -------------------------------------------------------------------------------- 1 | <%-- 2 | Created by IntelliJ IDEA. 3 | User: my-deepin 4 | Date: 18-4-14 5 | Time: 下午4:16 6 | To change this template use File | Settings | File Templates. 7 | --%> 8 | <%@ page isELIgnored="false" %> 9 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 10 | <% 11 | String path = request.getContextPath(); 12 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 13 | %> 14 | 15 | 16 | 17 | 添加客户功能页面 18 | 19 | 20 | 21 |
22 | 36 |
37 |
38 |

客户信息添加页面

39 |
40 |
41 |
42 |
43 | 44 | 45 |
46 |
47 |
48 |
49 | 50 | 51 |
52 |
53 |
54 |
55 | 56 | 57 |
58 |
59 |
60 |
61 | 62 | 63 |
64 |
65 |
66 |
67 | 68 | 69 |
70 |
71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/service/impl/CustomerServiceImpl.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.service.impl; 2 | 3 | import cn.tycoding.mapper.CustomerMapper; 4 | import cn.tycoding.pojo.Customer; 5 | import cn.tycoding.pojo.PageBean; 6 | import cn.tycoding.service.CustomerService; 7 | import com.github.pagehelper.Page; 8 | import com.github.pagehelper.PageHelper; 9 | import org.springframework.beans.factory.annotation.Autowired; 10 | import org.springframework.stereotype.Service; 11 | 12 | import java.util.List; 13 | 14 | /** 15 | * 客户的service层 16 | * @author tycoding 17 | * @date 18-4-14下午9:14 18 | */ 19 | @Service 20 | public class CustomerServiceImpl implements CustomerService { 21 | 22 | //注入 23 | @Autowired 24 | private CustomerMapper customerMapper; 25 | 26 | public void create(Customer customer) { 27 | customerMapper.create(customer); 28 | } 29 | 30 | public void delete(Long id) { 31 | customerMapper.delete(id); 32 | } 33 | 34 | public List findAll() { 35 | return null; 36 | } 37 | 38 | public Customer findById(Long id) { 39 | return customerMapper.findById(id); 40 | } 41 | 42 | public void update(Customer customer) { 43 | customerMapper.update(customer); 44 | } 45 | 46 | /** 47 | * 分页查询-条件查询方法 48 | * 49 | * @param customer 查询条件 50 | * @param pageCode 当前页 51 | * @param pageSize 每页的记录数 52 | * @return 53 | */ 54 | public PageBean findByPage(Customer customer, int pageCode, int pageSize) { 55 | //使用Mybatis分页插件 56 | PageHelper.startPage(pageCode, pageSize); 57 | 58 | //调用分页查询方法，其实就是查询所有数据，mybatis自动帮我们进行分页计算 59 | Page page = customerMapper.findByPage(customer); 60 | 61 | return new PageBean(pageCode, (int)Math.ceil((double)(page.getTotal() / (double)pageSize)), (int)page.getTotal(), pageSize, page.getResult()); 62 | } 63 | 64 | // // 分页查询的方法 65 | // public PageBean findByPage(int pageCode, int pageSize, Map conMap) { 66 | // HashMap map = new HashMap(); 67 | // PageBean pageBean = new PageBean(); 68 | // 69 | // //封装当前页 70 | // pageBean.setPageCode(pageCode); 71 | // pageBean.setPageSize(pageSize); 72 | // 73 | // // 封装总记录数（从数据库中查询） 74 | // int totalCount = customerMapper.selectCount(); 75 | // System.out.println("查询到的总记录数："+totalCount); 76 | // pageBean.setTotalCount(totalCount); 77 | // 78 | // //封装总页数 79 | // double tc = totalCount; 80 | // Double num = Math.ceil(tc / pageSize); 81 | // pageBean.setTotalPage(num.intValue()); 82 | // 83 | // // 设置limit分页查询的起始位置和终止位置 84 | // map.put("start",(pageCode - 1) * pageSize); 85 | // map.put("size",pageBean.getPageSize()); 86 | // 87 | // //封装每页显示的数据 88 | // List list = customerMapper.findByPage(map); 89 | // pageBean.setBeanList(list); 90 | // 91 | // // 分页查询功能也要封装显示起始页和终止页 92 | // conMap.put("start",(pageCode - 1) * pageSize); 93 | // conMap.put("size",pageBean.getPageSize()); 94 | // 95 | // // 封装 96 | // List listCondition = customerMapper.findCondition(conMap); 97 | // pageBean.setBeanList(listCondition); 98 | // 99 | // return pageBean; 100 | // } 101 | 102 | 103 | } 104 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/mapper/CustomerMapper.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | insert into 19 | tb_customer( 20 | name, 21 | telephone, 22 | address, 23 | remark) 24 | values( 25 | #{name}, 26 | #{telephone}, 27 | #{address}, 28 | #{remark} 29 | ); 30 | 31 | 32 | 33 | 34 | delete from tb_customer where id = #{id} 35 | 36 | 37 | 38 | 41 | 42 | 43 | 44 | update tb_customer set 45 | id = #{id}, 46 | name = #{name}, 47 | telephone = #{telephone}, 48 | address = #{address}, 49 | remark = #{remark} 50 | where id = #{id} 51 | 52 | 53 | 54 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /src/main/java/cn/tycoding/controller/CustomerController.java: -------------------------------------------------------------------------------- 1 | package cn.tycoding.controller; 2 | 3 | import cn.tycoding.pojo.Customer; 4 | import cn.tycoding.service.CustomerService; 5 | import org.springframework.beans.factory.annotation.Autowired; 6 | import org.springframework.stereotype.Controller; 7 | import org.springframework.ui.Model; 8 | import org.springframework.web.bind.annotation.RequestBody; 9 | import org.springframework.web.bind.annotation.RequestMapping; 10 | import org.springframework.web.bind.annotation.RequestParam; 11 | import org.springframework.web.bind.annotation.ResponseBody; 12 | 13 | /** 14 | * 这是客户管理的Controller层 15 | * 16 | * @author tycoding 17 | * @date 18-4-7下午7:26 18 | */ 19 | @Controller 20 | @RequestMapping(value = "/customer") 21 | public class CustomerController { 22 | 23 | /** 24 | * 注入service层 25 | * 使用@Resource和@Autowired都可以实现Bean的自动注入 26 | */ 27 | @Autowired 28 | private CustomerService customerService; 29 | 30 | /** 31 | * 跳转到添加客户功能页面 32 | */ 33 | @RequestMapping("/toSavePage") 34 | public String toSavePage() { 35 | return "page/save"; 36 | } 37 | 38 | /** 39 | * 跳转到客户列表页面 40 | */ 41 | @RequestMapping(value = "/toListPage") 42 | public String toListPage(Model model) { 43 | return "redirect:findByPage.do"; 44 | } 45 | 46 | /** 47 | * 客户信息保存 48 | * 49 | * @param customer 50 | * @param model 51 | * @return 52 | */ 53 | @RequestMapping(value = "/save") 54 | public String create(Customer customer, Model model) { 55 | try { 56 | customerService.create(customer); 57 | model.addAttribute("message", "保存客户信息系成功"); 58 | } catch (Exception e) { 59 | e.printStackTrace(); 60 | } 61 | return "page/info"; 62 | } 63 | 64 | /** 65 | * 客户信息删除的方法 66 | * 67 | * @param id 68 | * @param model 69 | * @return 70 | */ 71 | @RequestMapping(value = "/delete") 72 | public String delete(@RequestParam Long id, Model model) { 73 | try { 74 | customerService.delete(id); 75 | model.addAttribute("message", "删除客户信息成功"); 76 | } catch (Exception e) { 77 | e.printStackTrace(); 78 | } 79 | return "page/info"; 80 | } 81 | 82 | 83 | /** 84 | * 根据id查询客户信息方法 85 | * 86 | * @param customer 87 | * @return 88 | */ 89 | @ResponseBody 90 | @RequestMapping(value = "/findById") 91 | public Customer findById(@RequestBody Customer customer) { 92 | Customer customer_info = customerService.findById(customer.getId()); 93 | if (customer_info != null) { 94 | return customer_info; 95 | } else { 96 | return null; 97 | } 98 | } 99 | 100 | /** 101 | * 更新客户信息的方法 102 | * 103 | * @param customer 104 | * @param model 105 | * @return 106 | */ 107 | @RequestMapping(value = "/update") 108 | public String update(Customer customer, Model model) { 109 | try { 110 | customerService.update(customer); 111 | model.addAttribute("message", "更新客户信息成功"); 112 | } catch (Exception e) { 113 | e.printStackTrace(); 114 | } 115 | return "page/info"; 116 | } 117 | 118 | /** 119 | * 分页查询 120 | * 121 | * @param customer 查询条件 122 | * @param pageCode 当前页 123 | * @param pageSize 每页显示的记录数 124 | * @return 125 | */ 126 | @RequestMapping("/findByPage") 127 | public String findByPage(Customer customer, 128 | @RequestParam(value = "pageCode", required = false, defaultValue = "1") int pageCode, 129 | @RequestParam(value = "pageSize", required = false, defaultValue = "2") int pageSize, 130 | Model model) { 131 | // 回显数据 132 | model.addAttribute("page", customerService.findByPage(customer, pageCode, pageSize)); 133 | return "page/list"; 134 | } 135 | 136 | } 137 | -------------------------------------------------------------------------------- /pom.xml: -------------------------------------------------------------------------------- 1 | 3 | 4.0.0 4 | cn 5 | ssm 6 | war 7 | 1.0-SNAPSHOT 8 | TyCoding Maven Webapp 9 | http://maven.apache.org 10 | 11 | 12 | ssm 13 | 14 | 15 | ${basedir}/src/main/java 16 | 17 | **/*.properties 18 | **/*.xml 19 | 20 | 21 | 22 | ${basedir}/src/main/resources 23 | 24 | 25 | 26 | 27 | 28 | 29 | UTF-8 30 | 1.7 31 | 1.7 32 | 4.2.4.RELEASE 33 | 3.2.8 34 | 1.2.2 35 | 5.1.32 36 | 37 | 38 | 39 | 40 | junit 41 | junit 42 | 4.9 43 | 44 | 45 | 46 | 47 | mysql 48 | mysql-connector-java 49 | ${mysql.version} 50 | 51 | 52 | c3p0 53 | c3p0 54 | 0.9.1.2 55 | 56 | 57 | 58 | 59 | org.springframework 60 | spring-jdbc 61 | ${spring.version} 62 | 63 | 64 | org.springframework 65 | spring-context 66 | ${spring.version} 67 | 68 | 69 | org.springframework 70 | spring-web 71 | ${spring.version} 72 | 73 | 74 | org.springframework 75 | spring-webmvc 76 | ${spring.version} 77 | 78 | 79 | org.springframework 80 | spring-test 81 | ${spring.version} 82 | 83 | 84 | 85 | 86 | org.mybatis 87 | mybatis 88 | ${mybatis.version} 89 | 90 | 91 | org.mybatis 92 | mybatis-spring 93 | ${mybatis.spring.version} 94 | 95 | 96 | 97 | com.github.pagehelper 98 | pagehelper 99 | 4.0.0 100 | 101 | 102 | 103 | 104 | javax.servlet 105 | javax.servlet-api 106 | 3.0.1 107 | 108 | 109 | javax.servlet 110 | jstl 111 | 1.2 112 | 113 | 114 | 115 | 116 | com.alibaba 117 | fastjson 118 | 1.2.47 119 | 120 | 121 | com.fasterxml.jackson.core 122 | jackson-databind 123 | 2.5.4 124 | 125 | 126 | 127 | 128 | 129 | ch.qos.logback 130 | logback-classic 131 | 1.1.1 132 | 133 | 134 | 135 | 136 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/page/list.jsp: -------------------------------------------------------------------------------- 1 | <%-- 2 | Created by IntelliJ IDEA. 3 | User: my-deepin 4 | Date: 18-4-14 5 | Time: 下午4:18 6 | To change this template use File | Settings | File Templates. 7 | --%> 8 | <%@ page isELIgnored="false" %> 9 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 10 | <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 11 | <% 12 | String path = request.getContextPath(); 13 | String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path; 14 | %> 15 | 16 | 17 | 18 | 19 | 客户列表页面 20 | 21 | 22 | 23 |
24 | 38 |
39 |
40 |
41 |

客户列表信息页面

42 |
43 |
44 |
45 |
46 | 47 | 48 |
49 |    50 |    51 |
52 | 53 | 54 |
55 |      56 |      57 |
58 | 59 |    60 | 61 |
62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 94 | 95 | 96 | 97 |
客户编号客户姓名客户电话客户地址客户备注操作
${customer.id}${customer.name}${customer.telephone}${customer.address}${customer.remark} 86 | 87 | 88 | 89 | 91 | 92 | 93 |
98 |
99 |
100 |
101 |
102 | 131 | 132 |
    133 |
  • 134 | 首页 135 |
    • 136 |
  • 137 | 138 | « 139 | 140 |
    • 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 |
  • ${i}
    • 171 |     172 | 173 |
  • 174 | ${i} 175 |
    • 176 |     177 |     178 | 179 |
  • 180 | 181 | » 182 | 183 |
    • 184 |
  • 185 | 末页 186 |
    • 187 |
188 |
189 |
190 |
191 | 192 | 193 | 214 | 215 | 216 |
218 | 258 |
259 |
260 | 261 | 262 | 263 | 317 | 318 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # 手把手教你入门SSM框架开发 3 | 4 | 关于SSM框架环境搭建，请点击这里前往我的博客：[SSM框架整合之环境搭建](http://tycoding.cn/2018/06/04/ssm/) 5 | 由于本项目采用了maven，关于IDEA搭建maven项目过程请点击这里前往我的博客：[maven起步](http://tycoding.cn/2018/06/01/maven/) 6 | 7 | **如果觉得不错就点击右上角star鼓励一下作者吧！** 8 | 9 | # 关于项目 10 | 11 | ## 测试环境 12 | 13 | ``` 14 | 后端：spring+mybatis+springmvc 15 | 前端：bootstrap+Font Awesome图标集 16 | 测试环境：IDEA + tomcat8 + mysql5.7 + jdk8 + maven 17 | ``` 18 | 19 | ## 项目功能 20 | ``` 21 | 1. 实现用户登录功能 22 | 2. 实现客户信息的增删改查功能 23 | 3. 实现分页查询功能（使用PageHelper分页插件实现） 24 | ``` 25 | 26 | ## 文档 27 | 28 | 更多文档将在我的公众号 **程序员涂陌** 中陆续发布，请持续关注！ 29 | 30 | | 程序员涂陌 | 31 | | ----------------------------------------------------------- | 32 | | ![qrcode_for_gh](http://cdn.tycoding.cn/20200610184737.jpg) | 33 | 34 | ## 捐赠 35 | 36 | | Alipay | WechatPay | 37 | | ---------------------------------------------------------- | ---------------------------------------------------------- | 38 | | ![alipay_258px](http://cdn.tycoding.cn/20200610132929.png) | ![wechat_258px](http://cdn.tycoding.cn/20200610132940.png) | 39 | 40 | 41 | ## 项目结构 42 | 43 | ``` 44 | . 45 | ├── README.md 46 | ├── img -- 放了一些README.md文档所需要的图片，没有实际意义 47 | ├── pom.xml 48 | └── src 49 | └── main 50 | ├── java 51 | │   └── cn 52 | │   └── tycoding 53 | │   ├── controller -- SpringMVC-WEB层控制器 54 | │   ├── mapper -- Mybatis接口和映射文件。本项目采用了mybatis的接口开发，所以接口和映射文件放在同一目录下，并且名称相同。 55 | │   ├── pojo -- JavaBean实体类 56 | │   └── service -- service业务层 57 | ├── resources -- maven项目存放配置文件的根目录(classpath:) 58 | │   ├── sys_schema.sql -- 项目数据库创建和表创建的SQL语句 59 | │   ├── resource -- 日志打印和数据源配置文件 60 | │   └── spring -- spring和springmvc的配置文件 61 | └── webapp -- 项目的根目录 62 | ├── WEB-INF 63 | ├── fonts -- 字体的配置文件 64 | └── lib -- 前端静态资源 65 | ``` 66 | 67 | ## 整合思路 68 | 继上一篇博文：[Spring MVC起步](http://tycoding.cn/2018/05/29/Spring-5/)其实我们已经了解了如何整合Spring和Spring MVC框架。那么，接下来我们就需要了解如何在此基础上整合Mybatis框架。 69 | 首先须知Mybatis框架是一个持久层框架，而Spring MVC是WEB层框架，Spring框架则充当着业务层的角色。那么将三者联系起来正好组成了`web--service--dao`的三层架构体系。那么整合思路就如下所示了： 70 | 71 | 1. 整合dao(即mapper)，实现Mybatis和Spring的整合 72 | 2. 整合service，由Spring管理service接口，在service中可以调用dao（mapper） 73 | 3. 整合web（controller），实现Spring MVC和Spring的整合，在controller中调用service 74 | 75 | 76 | 77 | # 需求实现 78 | 79 | ## 1. 实现用户登录功能 80 | 81 | ### 1.1 创建表结构 82 | 83 | SQL语句请查看GitHub中resources目录下的.sql文件 84 | 除了创建表，我们同样要创建`pojo`对象，并提供属性setter和getter方法。（注意尽量保持`pojo`属性参数和表字段名称对应相等） 85 | 86 | ### 1.2 编写Controller层 87 | 88 | ```java 89 | @RequestMapping(value = "/login") 90 | public String login(@RequestParam String username,@RequestParam String password, Model model) { 91 | User user = userService.login(username); 92 | if (user != null) { 93 | if (user.getPassword().equals(password)) { 94 | //登录成功 95 | return "page/page"; 96 | } else { 97 | model.addAttribute("message", "登录失败"); 98 | return "page/loginInfo"; 99 | } 100 | } else { 101 | model.addAttribute("message", "你输入的用户名或密码有误"); 102 | return "page/loginInfo"; 103 | } 104 | } 105 | ``` 106 | 107 | **注意** 108 | 109 | * `@RequestMapping`标注`login()`方法有两个作用（前提是必须在XML中开启注解扫描``）：1.表示该方法是请求处理方法；2.指明了该方法的请求路径。 110 | 111 | * `@RequestMapping`可以标记类或方法，分别表示了不同层级的请求路径。例如当前的`login()`方法的请求路径应为：`localhost:8080/xxx/login.do`（需要注意的是：本例中使用了IDEA开发工具，访问其部署到Tomcat上的项目默认是不加项目名的，但是使用eclipse访问项目可能默认需要加上项目名，具体要看实际开发工具中对Tomcat的配置） 112 | 113 | * 对于请求体中包含多个参数的情况，我们尽量用`@RequestParam`注解标记参数，以免出现未知错误（但这不是必须的）。`@RequestParam`注解能帮助识别请求体中的参数，比如请求体中传递的参数名是`id`，但是你用`int uid`接收就可能会报错400（请求参数错误），这时我们使用`@RequestParam("id")`就能帮助Spring装配这个参数。 114 | 115 | 用户登录，我们首先获取到用户登录的用户名`username`和密码`password`，然后根据用户名查询并返回，根据此用户名查询到的密码与登录的密码进行`equals`，如果相等就登录成功。（当然我们要判断根据`username`查询后的返回值是否为null，不做判断会产生空指针问题，如果一个空值和另一个值相比显然会报错）。 116 | 如果登录成功，将返回到`page/page.jsp`页面（这是根据我们在`springmvc.xml`下配置的视图解析器`InternalResourceViewResolver`决定的）;如果登录失败将返回到`page/loginInfo.jsp`页面。比如本项目中配置的视图解析器： 117 | 118 | ```xml 119 | 120 | 121 | 122 | 123 | ``` 124 | 只要在SpringMVC的配置文件中配置了这个选项，SpringMVC就默认匹配Controller层（用@Controller标识的类）中返回值为String类型的映射方法中`return`的数据和`webapps/WEB-INF/xx.jsp`中JSP页面的文件名，映射方法（用@RequestMapping标识的方法）`return`的值和`/WEB-INF/`下某个JSP页面文件名相同就跳转到这个页面，否者就报错404。当然除了使用`@ResponseBody`标识的方法和`@RestController`标识的类，因为这两个注解会将其下的方法返回值都转换为JSON 125 | 格式的数据，并且不会被`InternalResourceViewResolver`识别。 126 | 127 | ### 1.3 编写Mapper.xml 128 | 129 | ```xml 130 | 133 | ``` 134 | 135 | 我们使用了Mybatis的接口代理开发模式（保证接口和配置文件在同一目录下且名称相同），直接在`Mapper.xml`中编写原生sql语句，即可进行与数据库间的交互。其中： 136 | 137 | * `id`指明是哪个方法调用这个sql； 138 | 139 | * `parameterType`指定了接口传递的参数类型(我们根据用户名查询所以是String类型)； 140 | 141 | * `resultType`指定该查询语句返回值的数据类型（因为我们已经在配置文件启用了别名配置`typeAliases`，所以这里直接指定pojo对象类名即可；若没有启动别名配置，就必须写类的全限定名）。使用`#{}`会将传递的参数值会自动添加`""`；注意`#{}`和`${}`区分，后者则是直接拼接传递进来的字符串，而不会添加任何符号，且前者能避免sql注入。 142 | 143 | 144 | 145 | ## 2. 实现客户信息的添加 146 | 147 | 所谓添加客户信息，就是将JSP中提交的表单数据持久化到数据库中。 148 | 149 | ### 2.1 创建表结构 150 | 151 | 建表SQL请看github项目中的resources目录下的.sql文件 152 | 同样我们还要创建对应的`pojo`，并提供getter和setter方法。（尽量保持`pojo`中的元素属性名称和表中字段名称相同）。 153 | 154 | ### 2.2 编写Controller层 155 | 156 | ```java 157 | @RequestMapping(value = "/save") 158 | public String save(Customer customer, Model model) { 159 | customerService.save(customer); 160 | model.addAttribute("message", "保存客户信息系成功"); 161 | return "page/info"; 162 | } 163 | ``` 164 | 165 | ![](img/1.png) 166 | 167 | 168 | 169 | 当点击了提交按钮，表单中的所有数据都应该被持久化到数据库中，而要知道表单中的参数有很多，我们直接在请求映射方法的参数列表中写参数显然是不可取的，那么我们如果写一个pojo对象，Spring就会根据这个pojo对象中的属性和JSP表单中的参数进行对应，如果完全对应那么请求方法会正常执行，一但有某个参数不对应，那么就会报错。（注意我们表单中并不需要指定`id`主键值，因为设计表时已经指定了该`id`主键为自增长，即使不指定值，`id`依然会自增，你指定了却可能会产生错误，因为到保证每次的`id`值都是递增的）。当数据持久化成功，就使用Spring的`Model`对象在域对象中设置一个名为`message`的值。最后再返回到视图层。 170 | 171 | ### 2.3 编写Mapper.xml 172 | ```xml 173 | 174 | insert into 175 | customer( 176 | name, 177 | telephone, 178 | address, 179 | remark) 180 | values( 181 | #{name}, 182 | #{telephone}, 183 | #{address}, 184 | #{remark} 185 | ); 186 | 187 | ``` 188 | 189 | 如上这仍然是普通的SQL语句，注意`parameterType`如上我们设置为`Customer`其实代表的是`cn.tycoding.pojo.Customer`这个对象，因为我们已经在`beans.xml`中启用了mybatis的别名配置。SQL插入语句中不需要指定`id`这个字段，原因是我们已经配置了`id`为自增主键 190 | 191 | 192 | 193 | ## 3. 实现客户信息的删除功能 194 | 195 | ### 3.1 编写Controller层 196 | 197 | ```java 198 | @RequestMapping(value="/delete") 199 | public String delete(@RequestParam int id,Model model){ 200 | if(customerService.delete(id) > 0){ 201 | model.addAttribute("message","删除客户信息成功"); 202 | return "page/info"; 203 | }else{ 204 | model.addAttribute("message","删除客户信息失败"); 205 | return "page/info"; 206 | } 207 | } 208 | ``` 209 | 210 | 删除功能只需要根据点击删除按钮时获取到的`id`值，在SQL的`delete`语句中`where`这个id值，即可以实现根据id删除客户信息。 211 | 212 | ### 3.2 编写Mapper.xml 213 | 214 | ```xml 215 | 216 | delete from customer where id = #{id} 217 | 218 | ``` 219 | 220 | 如此，还是一个再普通不过的SQL语句，既可以实现根据id删除的功能。 221 | 222 | 223 | 224 | ## 4. 更新客户信息 225 | 226 | 更新客户信息需要我们实现两个功能：1.再点击*编辑*按钮时(我们在按钮设置了`onclick="return edit(${xx.id};"`)，如此我们用js监听这个事件，点击了按钮，js获取到id，请求后台根据这个id值查询数据库中的数据。那么我们先看一下js部分吧： 227 | 228 | ```javascript 229 | function edit(id){ 230 | $.ajax({ 231 | url: 'xxx/findById.do', 232 | type: 'POST', 233 | dataType: 'json', 234 | contentType: 'application/json;charset=UTF-8', 235 | data: JSON.stringify({id: id}), 236 | success: function(result){ 237 | $("#username").val(result.username); 238 | $("#password").val(result.password); 239 | //继续讲查询到的字段依次进行赋值... 240 | } 241 | }); 242 | } 243 | ``` 244 | 245 | 以上实际是一个ajax请求json格式数据： 246 | 247 | 1. `type`指定请求类型； 248 | 249 | 2. `dataType`指定了服务器返回数据格式类型； 250 | 251 | 3. `contentType`指定发送给服务器的数据格式，默认是`application/x-www-form-urlencoded`会使此时的`data`参数为JSON对象，而设置为`application/json`后此时的`data`参数就是json字符串了，同样使用`stringify()`也是将`data`参数转换成json字符串。 252 | 253 | ### 4.1 编写Controller层 254 | 255 | ```java 256 | @ResponseBody 257 | @RequestMapping(value="/findById") 258 | public Customer findById(@RequestBody Customer customer){ 259 | Customer customer_info = customerService.findById(customer.getId()); 260 | if(customer_info != null){ 261 | return customer_info; 262 | }else{ 263 | return null; 264 | } 265 | } 266 | ``` 267 | 268 | * `@RequestBody`读取http请求内容，并将数据绑定在映射方法的参数上； 269 | * `@ResponseBody`将映射需要返回的参数转换成指定的数据格式，而由于我们在ajax请求中指定`dataType`为`json`，那么`@ReqponseBody`将会返回json格式数据。 270 | 271 | 当ajax请求了这个映射方法，Controller获取到指定的id去调用Service层根据这个id查询数据库`select * from customer where id = #{id}`。然后将数据拼装成JSON格式，并返回给页面。最后ajax会走success方法，我们从返回的数据`success:function(result)`中通过`result.xx`的方式取出来并通过jquery的`val()`方式赋值到指定的位置，那么就实现了数据回显。 272 | 实现修改功能，首先要知道原本的数据（数据回显），然后将修改后的数据在此存入到数据库中（`update customer set xx=#{xx} where id = #{id}`。那么我们看一下，更新数据库的Controller： 273 | 274 | ```java 275 | @RequestMapping(value="/update") 276 | public String update(Customer customer,Model model){ 277 | int rows = customerService.update(customer); 278 | if(rows > 0){ 279 | model.addAttribute("message","更新客户信息成功"); 280 | return "page/info"; 281 | }else{ 282 | model.addAttribute("message","更新客户信息失败"); 283 | return "page/info"; 284 | } 285 | } 286 | ``` 287 | 288 | 因为更新数据其实就是简单的提交表单，表单提交后访问这个映射方法，指定对应的`update`语句，如果没有异常抛出就更新成功，通过SpringMVC的Model方法向request域对象中存入成功信息，在返回的页面中，通过`${message}`EL表达式的方式取出提示信息。 289 | 290 | 最后我们看一下更新的SQL如何写： 291 | 292 | ### 4.2 编写Mapper.xml 293 | 294 | ```xml 295 | 296 | 297 | update customer set 298 | id = #{id}, 299 | name = #{name}, 300 | telephone = #{telephone}, 301 | address = #{address}, 302 | remark = #{remark} 303 | where id = #{id} 304 | 305 | ``` 306 | 307 | 308 | ## 5. 分页查询 309 | 310 | 我们先看一下前端Bootstrap的分页效果 311 | 312 | ![](img/2.png) 313 | 314 | ### 5.1 封装PageBean 315 | 316 | 这里我们使用Mybatis的分页查询插件：PageHelper。 317 | 318 | > 1.首先引入maven依赖： 319 | 320 | ```xml 321 | 322 | com.github.pagehelper 323 | pagehelper 324 | 4.0.0 325 | 326 | ``` 327 | 328 | > 2.定义一个PageBean，非必要，但是提取通用的PageBean实体类对象用来储存分页数据，能提高代码的重用率。 329 | 330 | **虽然**我们这里使用了PageHelper分页插件，但是请弄清楚：pageHelper只是帮我们进行后端的数据分页，也就是说使用了PageHelper插件我们无需再写类似 `limit`这样的sql了。 331 | 332 | 而，我们的数据最终要显示到前端页面上，此时我们使用的bootstrap和javascript技术并不能实现前端分页自动计算，所以前端我们还是需要手动计算分页数据。 333 | 334 | 那么PageBean的定义不变： 335 | 336 | ```java 337 | public class PageBean implements Serializable { 338 | //当前页 339 | private int pageCode; 340 | 341 | //总页数=总记录数/每页显示的记录数 342 | private int totalPage; 343 | 344 | //总记录数 345 | private int totalCount; 346 | 347 | //每页显示的记录数 348 | private int pageSize; 349 | 350 | //每页显示的数据 351 | private List beanList; 352 | } 353 | ``` 354 | 355 | 因为我们要实现分页查询，所以无法避免一些参数，这里直接将其封装为一个JavaBean就是为了方便调用，而配置自定义泛型``就是为了供多个对象的调用，如果你在对Customer类进行分页查询，那么在调用时只需要`new pageBean()`即可将查询的数据绑定为`Customer`类的数据；对其他类进行分页亦是这样。 356 | 357 | * **pageCode:** 表示当前（你点击）的是第几页。 358 | 359 | * **totalPage:** 表示总页数（总页数=总记录数/每页显示的记录数）。通过`select count(*) from 表`查询到总记录数，每页显示的记录是用户指定的；那么*总记录数/每页显示几条记录*就得到了一共有几页（前端页面展示）。 360 | 361 | * **totalCount:** 表示总记录数，由SQL：`select count(*) from 表`查询到该表咋数据库中一共多少条记录数。 362 | 363 | * **pageSize:** 表示每页显示的记录数，这个是用户决定的，比如我们想让每页显示5条数据，那么这个`pageSize`就应该是5，即每页会显示5条记录。 364 | 365 | * **beanList:** 表示当前显示的数据。经上面的一系列查询和封装，我们最终需要将数据返回给页面，而这些需要返回给页面的数据最终会被封装到这个`beanList`中，在jsp中使用``标签遍历`beanList`得到封装的数据并显示到页面上。 366 | 367 | 368 | ### 5.2 jsp页面 369 | 370 | 由于我们前端仅使用了最基本的JavaScript和Bootstrap框架，很多特性都不能使用，所以这里用最基本的方式来实现前端的分页。当然以后我们学习了Vue.js, Angular.js, node.js这些高级JS语言后，就会发现前端数据渲染是如此的简单。 371 | 372 | ![](img/3.png) 373 | 374 | ### 5.3 编写Controller层 375 | 376 | ```java 377 | @RequestMapping("/findByPage") 378 | public String findByPage(Customer customer, 379 | @RequestParam(value = "pageCode", required = false, defaultValue = "1") int pageCode, 380 | @RequestParam(value = "pageSize", required = false, defaultValue = "2") int pageSize, 381 | Model model) { 382 | // 回显数据 383 | model.addAttribute("page", customerService.findByPage(customer, pageCode, pageSize)); 384 | return "page/list"; 385 | } 386 | ``` 387 | 对比上面两张图，发现，用户可以指定的就是`pageCode`当前页和`pageSize`每页显示的记录数。所以在点击按钮（比如点击页码`3`），就会提交表单并访问Controller的`findByPage()`方法。 388 | 那么Controller就需要接受这两个参数:`pageCode`and`pageSize`，并且我们设置:`defaultValue`默认值；`required`是否必须指定（如果没有写false，在每次请求这个方法时就必须指定这个参数的具体值，不然就会报错）。 389 | 方法体中我们还通过`request`域获取`c_name`和`c_telephone`（因为要实现条件查询：输入信息，查询数据）。 390 | 最后我们将这些查询条件封装到Map集合中，然后调用Service层，将`pageCode`和`pageSize`以及封装的查询条件信息`conMap`一同传入Service层。 391 | 392 | 那么在Controller层我们使用了一个很简便的方式：**实现分页查询和条件查询**使用同一个方法；仔细想一下也很容易明白，分页查询和条件查询目的都是要将查询到的数据以分页的方式展示出来，只是两者限制的条件不同罢了。所以我们这样定义Controller： 393 | 394 | 1. 使用`Customer`实体类接收条件查询的条件，如果进行的是分页查询`Customer`中属性值为null也无影响；前端直接将要查询的条件`name`和`telephone`传入进来，使用`Customer`可以封装，因为`name`和`telephone`都是`Customer`的参数，这是Spring的自动装配特性。 395 | 396 | 2. 使用`pageCode`和`pageSize`接收分页查询的条件，并且使用`defaultValue`设置两者的默认值，这里我们设置当前页默认为1，每页默认显示2条记录。 397 | 398 | 3. 使用Model对象将查询到的数据封装进去，相当于存进了Request域对象中，JSP页面使用EL表达式即可取出来名字为`page`的List集合数据。 399 | 400 | ### 5.4 编写Service层 401 | 402 | 由于我们使用了Mybatis的PageHelper分页插件，所以无需手动计算分页数据，也不用编写`limit`类似的SQL语句。 403 | 404 | **之前** 405 | 406 | 未使用PageHelper分页插件前我们这样定义Service层： 407 | 408 | ```java 409 | public PageBean findByPage(int pageCode, int pageSize, Map conMap) { 410 | HashMap map = new HashMap(); 411 | PageBean pageBean = new PageBean(); 412 | 413 | //封装当前页 414 | pageBean.setPageCode(pageCode); 415 | pageBean.setPageSize(pageSize); 416 | 417 | // 封装总记录数（从数据库中查询） 418 | int totalCount = customerMapper.selectCount(); 419 | System.out.println("查询到的总记录数："+totalCount); 420 | pageBean.setTotalCount(totalCount); 421 | 422 | //封装总页数 423 | double tc = totalCount; 424 | Double num = Math.ceil(tc / pageSize); 425 | pageBean.setTotalPage(num.intValue()); 426 | 427 | // 设置limit分页查询的起始位置和终止位置 428 | map.put("start",(pageCode - 1) * pageSize); 429 | map.put("size",pageBean.getPageSize()); 430 | 431 | //封装每页显示的数据 432 | List list = customerMapper.findByPage(map); 433 | pageBean.setBeanList(list); 434 | 435 | // 分页查询功能也要封装显示起始页和终止页 436 | conMap.put("start",(pageCode - 1) * pageSize); 437 | conMap.put("size",pageBean.getPageSize()); 438 | 439 | // 封装 440 | List listCondition = customerMapper.findCondition(conMap); 441 | pageBean.setBeanList(listCondition); 442 | return pageBean; 443 | } 444 | ``` 445 | 446 | **解释** 447 | 448 | 作为业务层，当然负责梳理业务信息，首先我们需要将Controller传入进来的`pageCode`和`pageSize`封装进`PageBean`的相关属性中。然后查询总记录数（通过`select count(*) from 表`查询得到），根据总记录数`pageCount`和前台传入的`pageSize`每页显示的记录数计算得到总页数，同样封装到`PageBean`中，最后我们要设置分页的起始位置`start`和数量`size`，调用Mapper查询数据库中的数据，将数据封装到`beanList`中即可。但是要注意我们其实写了两个分页查询的方法：`findByPage()`和`findCondition()`因为两者都需要分页展示到页面上。最后解释两点： 449 | 450 | 1. 计算总页数：总页数 = 总记录数 / 每页显示的记录条数。这里用到的ceil()方法：返回大于或登录参数的最小double值，并等于数学整数。如double a = 5;double b = 3;ceil(a/b) = 2.0。最后用Double类的intValue()方法返回此Double值作为int类型的值。 451 | 2. mysql为分页查询提供了limit方法，limit a,b就是读取第a条到第b条的所有记录。 452 | 设置`start`为*(当前页-1)此时每页显示的记录数*。 453 | 设置`size`为*我们在pageBean中封装的每页显示几条记录数*。 454 | 例如：我们目前页面每页显示2条数据，点击下一页，则显示的数据就是第`3 - 5`条。 455 | 456 | 457 | 即要手动进行数学运算，得到分页的数据，但是你是不是也觉得这样过于麻烦？PageHelper让我们简化了分页数据的计算，我们仅需要这样定义： 458 | 459 | ```java 460 | /** 461 | * 分页查询-条件查询方法 462 | * 463 | * @param customer 查询条件 464 | * @param pageCode 当前页 465 | * @param pageSize 每页的记录数 466 | * @return 467 | */ 468 | public PageBean findByPage(Customer customer, int pageCode, int pageSize) { 469 | //使用Mybatis分页插件 470 | PageHelper.startPage(pageCode, pageSize); 471 | 472 | //调用分页查询方法，其实就是查询所有数据，mybatis自动帮我们进行分页计算 473 | Page page = customerMapper.findByPage(customer); 474 | 475 | return new PageBean(pageCode, (int)Math.ceil((double)(page.getTotal() / (double)pageSize)), (int)page.getTotal(), pageSize, page.getResult()); 476 | } 477 | ``` 478 | 479 | 因为我们将条件查询和分页查询合为一个方法，所以这里出现三个参数。PageHelper有一个构造函数`starPage()`，将pageCode当前页和pageSize每页的记录数传入即可完成之前的一系列数学运算。 480 | 481 | 查询需要调用Mapper层的`findByPage(customer)`方法: 482 | 483 | 1. 首先需要指定Mapper层的`findByPage()`方法的返回值是Page类型，因为是PageHelper查询进行的数据分页； 484 | 2. 需要将`customer`参数传入，因为我们条件查询也调用这个方法，查询的条件就封装在Customer对象中； 485 | 3. 返回值是PageBean类型，需要调用PageBean中带参构造函数，将查询到的数据依次封装到PageBean对象中，最终返给前端JSP页面； 486 | 4. `page.getTotal()`是PageHelper提供的得到分页查询中一共多少条数据的函数；`page.getResult()`是PageHelper提供的得到具体分页数据的函数； 487 | 488 | 489 | ### 5.5 编写Mapper.xml 490 | 491 | * 注意：这里使用了mybatis的mapper接口实现方式，再强调几个注意事项： 492 | 1. mapper.xml文件名称必须和接口名称相同 493 | 2. Mapper 接口方法名和 UserMapper.xml 中定义的每个 sql 的 id 同名。 494 | 3. Mapper 接口方法的输入参数类型和 UserMapper.xml 中定义的 sql 的parameterType 类型相同。 495 | 4. Mapper 接口的返回类型和 UserMapper.xml 中定义的 sql 的 resultType 类型相同 496 | 497 | **未使用PageHelper分页插件**前，我们需要这样定义： 498 | 499 | ```xml 500 | 501 | 504 | 505 | 506 | 512 | 513 | 514 | 530 | ``` 531 | 532 | 注意几点： 533 | 534 | 1. findByPage方法是用来分页显示数据的，我们传进来的数据是Map集合，定义了parameType="Map"；resultMap实现了将查询到的复杂的数据映射到一个结果集中 535 | 2. findCondition方法是用来分页显示条件查询到的数据的，注意where 1 = 1主要是用来避免以下动态sql中的条件都不满足的情况时，where后就没数据了，这样显然报错，加上1=1就避免了这种情况 536 | 537 | 538 | **使用了PageHelper分页插件**，并且将分页查询的方法和条件查询的方法合为一个，并通过Customer对象进行封装查询条件，我们只需要： 539 | 540 | ```xml 541 | 550 | ``` 551 | 552 | 这里使用了Mybatis的动态SQL语句：如果包含查询条件就执行查询方法，不包含就不执行。注意`WHERE 1=1`的巧妙用法。 553 | 554 | ## 拓展：Service层的封装 555 | 556 | 因为实际项目中肯定不会仅涉及一张表的增删改查功能，那么多次编写Service层基本增删改查的接口，代码重用率就太低了，所以我们将常用的接口方法提取出来，放到一个通用的Service层接口中。 557 | 558 | 这里需要使用泛型类``这个T就代表你的接口实现类所要使用的实体类对象： 559 | 560 | ```java 561 | public interface BaseService { 562 | 563 | /** 564 | * 查询所有 565 | * 566 | * @return 567 | */ 568 | List findAll(); 569 | 570 | /** 571 | * 根据id查询 572 | * 573 | * @param id 574 | * @return 575 | */ 576 | List findById(Long id); 577 | 578 | /** 579 | * 新增 580 | * 581 | * @param t 582 | */ 583 | void create(T t); 584 | 585 | /** 586 | * 更新 587 | * 588 | * @param t 589 | */ 590 | void update(T t); 591 | 592 | /** 593 | * 删除 594 | * 595 | * @param id 596 | */ 597 | void delete(Long id); 598 | } 599 | ``` 600 | 601 | 那么我们原本的CustomerService.java文件就修改为： 602 | 603 | ```java 604 | public interface CustomerService extends BaseService { 605 | 606 | /** 607 | * 分页查询 608 | * @param customer 查询条件 609 | * @param pageCode 当前页 610 | * @param pageSize 每页的记录数 611 | * @return 612 | */ 613 | PageBean findByPage(Customer customer, int pageCode, int pageSize); 614 | } 615 | ``` 616 | 617 | 如此，即可。BaseService中存放通用的方法，每个私有的Service接口中继承这个公共接口，也可以定义自己私有的接口。 618 | 619 | ## 5.6 分页逻辑 620 | 621 | 首先我们看一下页码是如何展示出来的： 622 | 623 | ![](img/5.png) 624 | 625 | ``` 626 | 百度分页算法（每页显示10个页码）： 627 | 当点击页码7之后的页码，最前端的页码依次减少 628 | [0] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 629 | 点击[7] 630 | [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] 631 | 算法： 632 | 若 总页数 <= 10 则begin=1 end=总页数 633 | 若 总页数 > 10 则begin=当前页-5 end=当前页+4 634 | 头溢出: 若begin < 1 则begin=1 end=10 635 | 尾溢出: 若end > 总记录数 则brgin=end-9 end=总页数 636 | 637 | 此项目设置每页显示5个页码： 638 | 若 总页数 <= 5 则begin=1 end=总页数 639 | 若 总页数 > 5 则begin=当前页-1 end=当前页+3 640 | 头溢出: 若begin < 1 则begin=1 end=5 641 | 尾溢出: 若end > 总记录数 则brgin=end-4 end=总页数 642 | 643 | * (end表示页面的最后一个页码，begin表示页面的第一个页码) 644 | ``` 645 | 646 | 之前有人会问道这个*头溢出*和*尾溢出*是什么意思？其实仔细看看，如果我们安装上面设计的算法逻辑：头溢出就是指当页数很多一直点击上一页，为避免出现第0页而设置的；那么尾溢出就如下图所示情况了： 647 | 648 | ![](img/6.png) 649 | 650 | **** 651 | 652 | 653 | 654 | # 综上 655 | 656 | 到此为止，我们基本讲完了SSM框整合的过程，你是否看明白了呢？其实整合SSM框架并不难，按照这个思路，我们学习完SSM框架整合，就可以着手练习一些小项目了。详细过程，大家可以从我的项目源码中分析。 657 | 658 | 659 | 660 | # 项目运行截图 661 | 662 | ![](img/img-1.png) 663 | 664 | 665 | 666 | ![](img/img-2.png) 667 | 668 | 669 | 670 | ![](img/img-3.png) 671 | 672 |
673 | 674 | # 交流 675 | 676 | 如果大家有兴趣，欢迎大家加入我的Java交流群：671017003 ，一起交流学习Java技术。博主目前一直在自学JAVA中，技术有限，如果可以，会尽力给大家提供一些帮助，或是一些学习方法，当然群里的大佬都会积极给新手答疑的。所以，别犹豫，快来加入我们吧！ 677 | 678 |
679 | 680 | # 联系 681 | 682 | If you have some questions after you see this article, you can contact me or you can find some info by clicking these links. 683 | 684 | - [Blog@TyCoding's blog](http://www.tycoding.cn) 685 | - [GitHub@TyCoding](https://github.com/TyCoding) 686 | - [ZhiHu@TyCoding](https://www.zhihu.com/people/tomo-83-82/activities) 687 | -------------------------------------------------------------------------------- /src/main/webapp/lib/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /src/main/webapp/lib/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>3)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){if(a(b.target).is(this))return b.handleObj.handler.apply(this,arguments)}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.7",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a("#"===f?[]:f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.7",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c).prop(c,!0)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c).prop(c,!1))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target).closest(".btn");b.call(d,"toggle"),a(c.target).is('input[type="radio"], input[type="checkbox"]')||(c.preventDefault(),d.is("input,button")?d.trigger("focus"):d.find("input:visible,button:visible").first().trigger("focus"))}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.7",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));if(!(a>this.$items.length-1||a<0))return this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){if(!this.sliding)return this.slide("next")},c.prototype.prev=function(){if(!this.sliding)return this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.7",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.7",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);if(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),!c.isInStateTrue())return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null,a.$element=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;!e&&/destroy|hide/.test(b)||(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.7",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.7",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.7",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return e=a-d&&"bottom"},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); -------------------------------------------------------------------------------- /.idea/dataSources/afa67d7b-90c0-4dc1-a063-f757b6d0a41b.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 5.7.22 6 | InnoDB 7 | InnoDB 8 | mixed/mixed 9 | 10 | 11 | utf8_general_ci 12 | 13 | 14 | utf8_general_ci 15 | 16 | 17 | latin1_swedish_ci 18 | 19 | 20 | utf8_general_ci 21 | 22 | 23 | utf8_general_ci 24 | 25 | 26 | utf8_general_ci 27 | 28 | 29 | latin1_swedish_ci 30 | 31 | 32 | utf8_general_ci 33 | 34 | 35 | 1 36 | 1 37 | utf8_general_ci 38 | 39 | 40 | utf8_general_ci 41 | 42 | 43 | utf8_general_ci 44 | 45 | 46 | armscii8 47 | 0 48 | 49 | 50 | armscii8 51 | 1 52 | 53 | 54 | ascii 55 | 0 56 | 57 | 58 | ascii 59 | 1 60 | 61 | 62 | big5 63 | 0 64 | 65 | 66 | big5 67 | 1 68 | 69 | 70 | binary 71 | 1 72 | 73 | 74 | cp1250 75 | 0 76 | 77 | 78 | cp1250 79 | 0 80 | 81 | 82 | cp1250 83 | 0 84 | 85 | 86 | cp1250 87 | 1 88 | 89 | 90 | cp1250 91 | 0 92 | 93 | 94 | cp1251 95 | 0 96 | 97 | 98 | cp1251 99 | 0 100 | 101 | 102 | cp1251 103 | 1 104 | 105 | 106 | cp1251 107 | 0 108 | 109 | 110 | cp1251 111 | 0 112 | 113 | 114 | cp1256 115 | 0 116 | 117 | 118 | cp1256 119 | 1 120 | 121 | 122 | cp1257 123 | 0 124 | 125 | 126 | cp1257 127 | 1 128 | 129 | 130 | cp1257 131 | 0 132 | 133 | 134 | cp850 135 | 0 136 | 137 | 138 | cp850 139 | 1 140 | 141 | 142 | cp852 143 | 0 144 | 145 | 146 | cp852 147 | 1 148 | 149 | 150 | cp866 151 | 0 152 | 153 | 154 | cp866 155 | 1 156 | 157 | 158 | cp932 159 | 0 160 | 161 | 162 | cp932 163 | 1 164 | 165 | 166 | dec8 167 | 0 168 | 169 | 170 | dec8 171 | 1 172 | 173 | 174 | eucjpms 175 | 0 176 | 177 | 178 | eucjpms 179 | 1 180 | 181 | 182 | euckr 183 | 0 184 | 185 | 186 | euckr 187 | 1 188 | 189 | 190 | gb18030 191 | 0 192 | 193 | 194 | gb18030 195 | 1 196 | 197 | 198 | gb18030 199 | 0 200 | 201 | 202 | gb2312 203 | 0 204 | 205 | 206 | gb2312 207 | 1 208 | 209 | 210 | gbk 211 | 0 212 | 213 | 214 | gbk 215 | 1 216 | 217 | 218 | geostd8 219 | 0 220 | 221 | 222 | geostd8 223 | 1 224 | 225 | 226 | greek 227 | 0 228 | 229 | 230 | greek 231 | 1 232 | 233 | 234 | hebrew 235 | 0 236 | 237 | 238 | hebrew 239 | 1 240 | 241 | 242 | hp8 243 | 0 244 | 245 | 246 | hp8 247 | 1 248 | 249 | 250 | keybcs2 251 | 0 252 | 253 | 254 | keybcs2 255 | 1 256 | 257 | 258 | koi8r 259 | 0 260 | 261 | 262 | koi8r 263 | 1 264 | 265 | 266 | koi8u 267 | 0 268 | 269 | 270 | koi8u 271 | 1 272 | 273 | 274 | latin1 275 | 0 276 | 277 | 278 | latin1 279 | 0 280 | 281 | 282 | latin1 283 | 0 284 | 285 | 286 | latin1 287 | 0 288 | 289 | 290 | latin1 291 | 0 292 | 293 | 294 | latin1 295 | 0 296 | 297 | 298 | latin1 299 | 0 300 | 301 | 302 | latin1 303 | 1 304 | 305 | 306 | latin2 307 | 0 308 | 309 | 310 | latin2 311 | 0 312 | 313 | 314 | latin2 315 | 0 316 | 317 | 318 | latin2 319 | 1 320 | 321 | 322 | latin2 323 | 0 324 | 325 | 326 | latin5 327 | 0 328 | 329 | 330 | latin5 331 | 1 332 | 333 | 334 | latin7 335 | 0 336 | 337 | 338 | latin7 339 | 0 340 | 341 | 342 | latin7 343 | 1 344 | 345 | 346 | latin7 347 | 0 348 | 349 | 350 | macce 351 | 0 352 | 353 | 354 | macce 355 | 1 356 | 357 | 358 | macroman 359 | 0 360 | 361 | 362 | macroman 363 | 1 364 | 365 | 366 | sjis 367 | 0 368 | 369 | 370 | sjis 371 | 1 372 | 373 | 374 | swe7 375 | 0 376 | 377 | 378 | swe7 379 | 1 380 | 381 | 382 | tis620 383 | 0 384 | 385 | 386 | tis620 387 | 1 388 | 389 | 390 | ucs2 391 | 0 392 | 393 | 394 | ucs2 395 | 0 396 | 397 | 398 | ucs2 399 | 0 400 | 401 | 402 | ucs2 403 | 0 404 | 405 | 406 | ucs2 407 | 0 408 | 409 | 410 | ucs2 411 | 0 412 | 413 | 414 | ucs2 415 | 1 416 | 417 | 418 | ucs2 419 | 0 420 | 421 | 422 | ucs2 423 | 0 424 | 425 | 426 | ucs2 427 | 0 428 | 429 | 430 | ucs2 431 | 0 432 | 433 | 434 | ucs2 435 | 0 436 | 437 | 438 | ucs2 439 | 0 440 | 441 | 442 | ucs2 443 | 0 444 | 445 | 446 | ucs2 447 | 0 448 | 449 | 450 | ucs2 451 | 0 452 | 453 | 454 | ucs2 455 | 0 456 | 457 | 458 | ucs2 459 | 0 460 | 461 | 462 | ucs2 463 | 0 464 | 465 | 466 | ucs2 467 | 0 468 | 469 | 470 | ucs2 471 | 0 472 | 473 | 474 | ucs2 475 | 0 476 | 477 | 478 | ucs2 479 | 0 480 | 481 | 482 | ucs2 483 | 0 484 | 485 | 486 | ucs2 487 | 0 488 | 489 | 490 | ucs2 491 | 0 492 | 493 | 494 | ucs2 495 | 0 496 | 497 | 498 | ujis 499 | 0 500 | 501 | 502 | ujis 503 | 1 504 | 505 | 506 | utf16 507 | 0 508 | 509 | 510 | utf16 511 | 0 512 | 513 | 514 | utf16 515 | 0 516 | 517 | 518 | utf16 519 | 0 520 | 521 | 522 | utf16 523 | 0 524 | 525 | 526 | utf16 527 | 0 528 | 529 | 530 | utf16 531 | 1 532 | 533 | 534 | utf16 535 | 0 536 | 537 | 538 | utf16 539 | 0 540 | 541 | 542 | utf16 543 | 0 544 | 545 | 546 | utf16 547 | 0 548 | 549 | 550 | utf16 551 | 0 552 | 553 | 554 | utf16 555 | 0 556 | 557 | 558 | utf16 559 | 0 560 | 561 | 562 | utf16 563 | 0 564 | 565 | 566 | utf16 567 | 0 568 | 569 | 570 | utf16 571 | 0 572 | 573 | 574 | utf16 575 | 0 576 | 577 | 578 | utf16 579 | 0 580 | 581 | 582 | utf16 583 | 0 584 | 585 | 586 | utf16 587 | 0 588 | 589 | 590 | utf16 591 | 0 592 | 593 | 594 | utf16 595 | 0 596 | 597 | 598 | utf16 599 | 0 600 | 601 | 602 | utf16 603 | 0 604 | 605 | 606 | utf16 607 | 0 608 | 609 | 610 | utf16le 611 | 0 612 | 613 | 614 | utf16le 615 | 1 616 | 617 | 618 | utf32 619 | 0 620 | 621 | 622 | utf32 623 | 0 624 | 625 | 626 | utf32 627 | 0 628 | 629 | 630 | utf32 631 | 0 632 | 633 | 634 | utf32 635 | 0 636 | 637 | 638 | utf32 639 | 0 640 | 641 | 642 | utf32 643 | 1 644 | 645 | 646 | utf32 647 | 0 648 | 649 | 650 | utf32 651 | 0 652 | 653 | 654 | utf32 655 | 0 656 | 657 | 658 | utf32 659 | 0 660 | 661 | 662 | utf32 663 | 0 664 | 665 | 666 | utf32 667 | 0 668 | 669 | 670 | utf32 671 | 0 672 | 673 | 674 | utf32 675 | 0 676 | 677 | 678 | utf32 679 | 0 680 | 681 | 682 | utf32 683 | 0 684 | 685 | 686 | utf32 687 | 0 688 | 689 | 690 | utf32 691 | 0 692 | 693 | 694 | utf32 695 | 0 696 | 697 | 698 | utf32 699 | 0 700 | 701 | 702 | utf32 703 | 0 704 | 705 | 706 | utf32 707 | 0 708 | 709 | 710 | utf32 711 | 0 712 | 713 | 714 | utf32 715 | 0 716 | 717 | 718 | utf32 719 | 0 720 | 721 | 722 | utf8 723 | 0 724 | 725 | 726 | utf8 727 | 0 728 | 729 | 730 | utf8 731 | 0 732 | 733 | 734 | utf8 735 | 0 736 | 737 | 738 | utf8 739 | 0 740 | 741 | 742 | utf8 743 | 0 744 | 745 | 746 | utf8 747 | 1 748 | 749 | 750 | utf8 751 | 0 752 | 753 | 754 | utf8 755 | 0 756 | 757 | 758 | utf8 759 | 0 760 | 761 | 762 | utf8 763 | 0 764 | 765 | 766 | utf8 767 | 0 768 | 769 | 770 | utf8 771 | 0 772 | 773 | 774 | utf8 775 | 0 776 | 777 | 778 | utf8 779 | 0 780 | 781 | 782 | utf8 783 | 0 784 | 785 | 786 | utf8 787 | 0 788 | 789 | 790 | utf8 791 | 0 792 | 793 | 794 | utf8 795 | 0 796 | 797 | 798 | utf8 799 | 0 800 | 801 | 802 | utf8 803 | 0 804 | 805 | 806 | utf8 807 | 0 808 | 809 | 810 | utf8 811 | 0 812 | 813 | 814 | utf8 815 | 0 816 | 817 | 818 | utf8 819 | 0 820 | 821 | 822 | utf8 823 | 0 824 | 825 | 826 | utf8 827 | 0 828 | 829 | 830 | utf8mb4 831 | 0 832 | 833 | 834 | utf8mb4 835 | 0 836 | 837 | 838 | utf8mb4 839 | 0 840 | 841 | 842 | utf8mb4 843 | 0 844 | 845 | 846 | utf8mb4 847 | 0 848 | 849 | 850 | utf8mb4 851 | 0 852 | 853 | 854 | utf8mb4 855 | 1 856 | 857 | 858 | utf8mb4 859 | 0 860 | 861 | 862 | utf8mb4 863 | 0 864 | 865 | 866 | utf8mb4 867 | 0 868 | 869 | 870 | utf8mb4 871 | 0 872 | 873 | 874 | utf8mb4 875 | 0 876 | 877 | 878 | utf8mb4 879 | 0 880 | 881 | 882 | utf8mb4 883 | 0 884 | 885 | 886 | utf8mb4 887 | 0 888 | 889 | 890 | utf8mb4 891 | 0 892 | 893 | 894 | utf8mb4 895 | 0 896 | 897 | 898 | utf8mb4 899 | 0 900 | 901 | 902 | utf8mb4 903 | 0 904 | 905 | 906 | utf8mb4 907 | 0 908 | 909 | 910 | utf8mb4 911 | 0 912 | 913 | 914 | utf8mb4 915 | 0 916 | 917 | 918 | utf8mb4 919 | 0 920 | 921 | 922 | utf8mb4 923 | 0 924 | 925 | 926 | utf8mb4 927 | 0 928 | 929 | 930 | utf8mb4 931 | 0 932 | 933 | 934 |
935 | 936 | 1 937 | int(11)|0s 938 | 1 939 | 1 940 | normal 941 | 942 | 943 | 2 944 | varchar(100)|0s 945 | normal 946 | 947 | 948 | 3 949 | varchar(100)|0s 950 | normal 951 | 952 | 953 | 4 954 | varchar(100)|0s 955 | normal 956 | 957 | 958 | 5 959 | varchar(100)|0s 960 | normal 961 | 962 | 963 | 1 964 | id 965 | 1 966 | 967 | 968 | 1 969 | int(11)|0s 970 | 1 971 | 1 972 | normal 973 | 974 | 975 | 2 976 | varchar(100)|0s 977 | normal 978 | 979 | 980 | 3 981 | varchar(100)|0s 982 | normal 983 | 984 | 985 | 1 986 | id 987 | 1 988 | 989 | 990 | --------------------------------------------------------------------------------