在学习框架之前曾用 html+js、ajax + servlet + jdbc 搭建过一个完整的Web应用：员工信息管理系统，源码已上传至个人Github：https://github.com/zhaozsh/EmployeeManagement，今天尝试用SpirngBoot 短时间内引用原项目快速开发基于SSM框架的员工信息管理平台，沿用原数据库（表t_user、表t_employee）。
1.项目搭建：
使用 Spring Tool Suite 工具创建 Spring Starter Project ，Starter依赖引入 Web、MySQL、MyBatis，创建controller、service、dao、entity包，创建EmpMapper.xml、UserMapper.xml 作为 MyBatis 的映射文件。
项目结构如下：
2.代码部分，这里先贴上最终完成的后端代码，后面讲一下所遇到的问题及解决方案。
编写 aplication.properties 配置文件：
#tomcat端口
server.port=8080
#数据连接
spring.datasource.url=jdbc:mysql://localhost:3306/test?useSSL=false
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driverClassName=com.mysql.jdbc.Driver
#Mybatis扫描
mybatis.mapper-locations=classpath*:mapper/*.xml
#起别名。可省略写mybatis的xml中的resultType的全路径
mybatis.type-aliases-package=com.emp.entity
从最底层开始展示代码：
UserDao接口：
@Mapper
@Repository
public interface UserDao {
public User login(Map<String, Object> map);
}
EmployeeDao接口：
@Mapper
@Repository
public interface EmployeeDao {
public List<Employee> getEmployees();
public int deleteEmployee(String id);
public boolean addEmployee(Employee emp);
public boolean editEmployee(Employee emp);
}
实现dao接口的 mapper.xml 如下UserMapper：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.emp.dao.UserDao" >
<select id="login" parameterType="map" resultType="User">
SELECT * FROM t_user WHERE username = #{username} and password = #{password}
</select>
</mapper>
EmployeeMapper:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.emp.dao.EmployeeDao" >
<select id="getEmployees" resultType="Employee">
SELECT p_employee_id pid,name,sex,birthday,idcard,phone,address,photo FROM t_employee WHERE active=1
</select>
<update id="deleteEmployee" parameterType="String">
UPDATE t_employee SET active=0 WHERE p_employee_id = #{id}
</update>
<insert id="addEmployee" parameterType="Employee">
INSERT INTO t_employee VALUES(null, #{name}, #{sex}, #{birthday}, #{idcard}, #{phone}, #{address}, #{photo},1)
</insert>
<update id="editEmployee" parameterType="Employee">
UPDATE t_employee SET name=#{name}, sex=#{sex}, birthday=#{birthday}, phone=#{phone}, address=#{address}, photo=#{photo} WHERE p_employee_id = #{pid}
</update>
</mapper>
Service层代码UserService：
@Service
public class UserService {
@Autowired
UserDao userDao;
public boolean login(Map<String, Object> map) {
boolean flag = false;
User user=userDao.login(map);
if(user!=null){
flag = true;
}
return flag;
}
}
EmployeeService:
@Service
public class EmployeeService {
@Autowired
EmployeeDao employeeDao;
public List<Employee> getEmployees() {
return employeeDao.getEmployees();
}
public int deleteEmployee(String id) {
return employeeDao.deleteEmployee(id);
}
public boolean addEmployee(Employee emp) {
return employeeDao.addEmployee(emp);
}
public boolean editEmployee(Employee emp) {
return employeeDao.editEmployee(emp);
}
}
controller控制层代码UserController：
@Controller
@RequestMapping("/user/*")
public class UserController {
@Autowired
UserService userService;
@Autowired
HttpServletRequest request;
@Autowired
HttpServletResponse response;
@RequestMapping("/login")
public String login() throws Exception {
String str;
String username= request.getParameter("username");
String password= request.getParameter("password");
Map<String, Object> map = new HashMap<String, Object>();
map.put("username",username);
map.put("password", password);
if(userService.login(map)) {
session.setAttribute("loginName", username);
Cookie c1 = new Cookie("loginName", username);
c1.setPath("/");
response.addCookie(c1);
str = "redirect:/main.html";
}else {
str = "redirect:/index.html";
}
return str;
}
}
EmployeeController：
@RestController
@RequestMapping("/emp/*")
public class EmplyeeController {
@Autowired
EmployeeService employeeService;
@RequestMapping("/search")
public List<Employee> searchEmp() {
List<Employee> list = employeeService.getEmployees();
return list;
}
@RequestMapping("/addOrEdit")
public String addOrEditEmp(HttpServletRequest request) throws Exception {
String str = "error";
Employee emp = new Employee();
emp.setName(request.getParameter("name"));
emp.setSex(Integer.parseInt(request.getParameter("sex")));
emp.setBirthday(request.getParameter("birthday"));
emp.setPhone(request.getParameter("phone"));
emp.setAddress(request.getParameter("address"));
// 设置存放员工证件照的路径
String path=request.getSession().getServletContext().getRealPath("/");
File f = new File(path+"upload\\");
if (!f.exists()) {// 若图片保存路径不存在则创建
f.mkdir();
}
Part p=request.getPart("file");
if(p.getContentType().contains("image")){
ApplicationPart ap= (ApplicationPart) p;
String fname=ap.getSubmittedFileName();
p.write(path+"upload\\"+fname);
emp.setPhoto("upload/"+fname);
}
String type = request.getParameter("type");
if(type.equals("add")) {
emp.setIdcard(request.getParameter("idcard"));
if(employeeService.addEmployee(emp)) {
str = "添加成功！";
}else {
str = "添加失败！";
}
}else {
emp.setPid(request.getParameter("pid"));
if(employeeService.editEmployee(emp)) {
str = "修改成功！";
}else {
str = "修改失败！";
}
}
return str;
}
@RequestMapping("/delete")
public String deleteEmp(HttpServletRequest request) {
String pid = request.getParameter("pid");
String str = "无法找到该记录";
int i = employeeService.deleteEmployee(pid);
if(i>0) {
str = "success";
}
System.out.println(str);
return str;
}
}
后端代码到此基本全部写完，前端页面直接复制原项目的 html 和 js 放在项目根目录的static 文件夹下，不过js需要修改调用的url，其中登陆页面的登陆方法改为：action="user/login"，主页面的 js 、ajax方法调用的url需要修改为新项目的 url，至此整个项目的功能完全拷贝到了SSM框架下。源码上传至Github：https://github.com/zhaozsh/employee_ssm
3.遇到的问题及解决办法：
第一个问题：springboot所创建的maven项目没有WebContent或者WebRoot文件夹，页面以及静态文件在哪编写以及如何调用的问题。
解决办法：springboot项目里有static及templates文件夹，springboot默认 static 中放静态页面，而templates 中放动态页面，直接在static 文件夹下放一个XXX.html，然后浏览器里直接输入localhost:8080/XXX.html便能成功访问。也可以通过controller跳转：return "XXX.html"; 若使用了Thymeleaf组件，则会自动去templates文件夹寻找文件，要想跳转至static下的页面可以修改controller如下：return "redirect:XXX.html";
第二个问题：写实体类若某属性与数据库中表字段不一致，导致查询不出该字段。
解决办法：可以在resultMap中指定表列名与实体类属性间的对应关系 或者最简单的使用别名（p_employee_id是数据库字段，pid是类属性）：
第三个问题：controller中没有servlet自带request、response，如何接受页面传递过来的参数以及如何输出数据。
解决办法：可以在controller中使用@Autowired注解自动装配HttpServletRequest request; 或者在方法参数中写入HttpServletRequest request，即可使用request对象读取参数。在RestController中不返回页面，可以直接返回数据不需要response。
第四个问题：使用Cookie存放用户名展示登陆欢迎信息，前端js无法获取。
解决办法：在UserController里我们设置了@RequestMapping("/user/*")，使用response.addCookie(c);默认将Cookie存放至/user路径下，而前端js使用document.cookie则默认在项目根目录/下查找cookie，结果当然是查找不，这里在controller里使用cookie.setPath("/");将路径改为根目录即可。
下一个问题：更新中...
