浅尝前后端交互的滋味—＞（黑马旅游网）

目录

项目介绍

1.旅游门户网

2.后台管理系统

3.MySQL结构

难点分析

旅游门户网

后台管理

总结

附：前后端交互的请求方式

---

项目介绍

旅游网共分为旅游门户网以及后台管理系统，功能模块如下：

1.旅游门户网

 

 2.后台管理系统

 

3.MySQL结构

 

难点分析

旅游门户网

①分页功能时： 编写分页功能时。需要把数据库的所有内容调出，并且通过peagBean方法处理，在经过html的处理展示。

 

 

②替换数据时： 发送请求。传出数据，进行数据的替换。

 后台管理

①数据修改：修改内容时，点击修改按钮，传出该行的数据，并跳转至修改的页面，并把数据回显在上面

 

 

 

 

总结

        在此项目中，频繁使用request，response请求传数据，实现页面数据的展示，多次编写SQL语句，需认真仔细，该项目内容多稍不留神就会出错，需多使用DEBUG功能进行调试。

附：前后端交互的请求方式

 
一、接受html传来的参数——request
 //方式一.接受参数
        String currentPageStr = request.getParameter("currentPage");
        String pageSizeStr = request.getParameter("pageSize");
        String cidStr = request.getParameter("cid");

------------------------------------------------------------------------------

 //方式二.从session中获取登录用户
        Object user = request.getSession().getAttribute("user");
------------------------------------------------------------------------------
 //方式三.获取用户名和密码数据
        Map<String, String[]> map = request.getParameterMap();
        //2.封装User对象
        User user = new User();
        try {
            BeanUtils.populate(user, map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }

        //3.调用Service查询
        // UserService service = new UserServiceImpl();
        User u = service.login(user);
------------------------------------------------------------------------------

二、返回html传来的数据——response

        //方式一.响应数据
        ObjectMapper mapper = new ObjectMapper();

        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(), info);
------------------------------------------------------------------------------
       //方式二.响应数据

          writeValue(user, response);

------------------------------------------------------------------------------
        
      //方式三.响应数据
            response.setContentType("text/html;charset=utf-8");
            response.getWriter().write(msg);