SpringBoot开发Web应用

作者: 二枚目 | 来源:发表于2018-09-30 16:20 被阅读135次

在学习框架之前曾用 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 的映射文件。
项目结构如下：

图片.png

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是类属性）：

图片.png

第三个问题：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("/");将路径改为根目录即可。

下一个问题：更新中...

SpringBoot开发Web应用

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读