在學(xué)習(xí)框架之前曾用 html+js段直、ajax + servlet + jdbc 搭建過一個完整的Web應(yīng)用：員工信息管理系統(tǒng)屋剑，源碼已上傳至個人Github：https://github.com/zhaozsh/EmployeeManagement，今天嘗試用SpirngBoot 短時間內(nèi)引用原項目快速開發(fā)基于SSM框架的員工信息管理平臺，沿用原數(shù)據(jù)庫（表t_user然痊、表t_employee）。
1.項目搭建：
使用 Spring Tool Suite 工具創(chuàng)建 Spring Starter Project 羡洁，Starter依賴引入 Web玷过、MySQL、MyBatis筑煮，創(chuàng)建controller辛蚊、service、dao真仲、entity包袋马，創(chuàng)建EmpMapper.xml、UserMapper.xml 作為 MyBatis 的映射文件秸应。
項目結(jié)構(gòu)如下：
2.代碼部分虑凛，這里先貼上最終完成的后端代碼，后面講一下所遇到的問題及解決方案软啼。
編寫 aplication.properties 配置文件：
#tomcat端口
server.port=8080
#數(shù)據(jù)連接
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);
}
實現(xiàn)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"));
// 設(shè)置存放員工證件照的路徑
String path=request.getSession().getServletContext().getRealPath("/");
File f = new File(path+"upload\\");
if (!f.exists()) {// 若圖片保存路徑不存在則創(chuàng)建
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;
}
}
后端代碼到此基本全部寫完整以，前端頁面直接復(fù)制原項目的 html 和 js 放在項目根目錄的static 文件夾下胧辽，不過js需要修改調(diào)用的url，其中登陸頁面的登陸方法改為：action="user/login"公黑，主頁面的 js 邑商、ajax方法調(diào)用的url需要修改為新項目的 url，至此整個項目的功能完全拷貝到了SSM框架下凡蚜。源碼上傳至Github：https://github.com/zhaozsh/employee_ssm
3.遇到的問題及解決辦法：
第一個問題：springboot所創(chuàng)建的maven項目沒有WebContent或者WebRoot文件夾奠骄，頁面以及靜態(tài)文件在哪編寫以及如何調(diào)用的問題。
解決辦法：springboot項目里有static及templates文件夾番刊，springboot默認 static 中放靜態(tài)頁面含鳞，而templates 中放動態(tài)頁面，直接在static 文件夾下放一個XXX.html芹务，然后瀏覽器里直接輸入localhost:8080/XXX.html便能成功訪問蝉绷。也可以通過controller跳轉(zhuǎn)：return "XXX.html"; 若使用了Thymeleaf組件鸭廷，則會自動去templates文件夾尋找文件，要想跳轉(zhuǎn)至static下的頁面可以修改controller如下：return "redirect:XXX.html";
第二個問題：寫實體類若某屬性與數(shù)據(jù)庫中表字段不一致熔吗，導(dǎo)致查詢不出該字段辆床。
解決辦法：可以在resultMap中指定表列名與實體類屬性間的對應(yīng)關(guān)系 或者最簡單的使用別名（p_employee_id是數(shù)據(jù)庫字段，pid是類屬性）：
第三個問題：controller中沒有servlet自帶request桅狠、response讼载，如何接受頁面?zhèn)鬟f過來的參數(shù)以及如何輸出數(shù)據(jù)。
解決辦法：可以在controller中使用@Autowired注解自動裝配HttpServletRequest request; 或者在方法參數(shù)中寫入HttpServletRequest request中跌，即可使用request對象讀取參數(shù)咨堤。在RestController中不返回頁面，可以直接返回數(shù)據(jù)不需要response漩符。
第四個問題：使用Cookie存放用戶名展示登陸歡迎信息一喘，前端js無法獲取。
解決辦法：在UserController里我們設(shè)置了@RequestMapping("/user/*")嗜暴，使用response.addCookie(c);默認將Cookie存放至/user路徑下凸克，而前端js使用document.cookie則默認在項目根目錄/下查找cookie，結(jié)果當(dāng)然是查找不闷沥，這里在controller里使用cookie.setPath("/");將路徑改為根目錄即可萎战。
下一個問題：更新中...
