目录

1.导入包

2.前后端的连接

1.导入包

  除了导入关于数据库和后端对接的包以外，还需要fastjson包，这个包是阿里巴巴里面的开源的包，除了这个以外还需要俩个js文件，vue和axiox文件，前者是前端的框架，axiox是前端向后端的请求。在后端运行的服务中要选择一个前端的小型服务器tomcat，是一个开源的微型服务器。

2.前后端的连接

  首先要建立一个控制类，里面的类需要继承HttpServlet类，这个类就是对Web客户向Servlet容器发出Http请求，然后建立一个用快捷方式dog输出的方法，里面会接收俩个接口，然后使用JsonUtils.transJson(list,resp)；来发送给web端。
 

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("测试访问");
        List<Dept> list = deptService.list();
        System.out.println(list);
//        响应给服务器
        JsonUtils.transJson(list,resp);
    }
}

接着web端需要接受请求，在vue框架的函数里面些axiox方法来接受后端的请求
 

 showDept(){
                axios.get('http://localhost:8080/deptC').then((resp)=>{
                    console.log(resp,resp.data)
                    this.deptList=resp.data
                })
            }

以上就已经实现前后端对接。