day07 前后端分离开发

前后端分离开发即将前端后端开发分别进行操作，可以同时进行且互不影响，在团队工作中可以大大提升工作效率

• 后端

1.根据需求分袖在数据库中建好数据库和表
2.在开发环境中建好web项目，搭好项目框架
3.项目配置和maven依赖
4.通过注入引入数据库表

@Table(name="表名")
public class 类名{
//封装类
表字段
}

（实体都放在entity类，一个实体类对应一张表）

5.dao接口，增加自定义的复杂关联查询(注解)

//自定义的多表关联查询
@Results({@Result(column = "数据表中列名",property = "对应实体类中的属性名")})
//其中sql语句必须要在数据中跑通
@Select("sql语句 ")
service接口方法{}

6.service接口，注入dao，调用相应方法

7.用JUnit对service做单元测试

8.controller控制层，使用RESTful风格请求

9.用postman对controller进行测试，杜绝一切404和500

• 前端

在created中实现后端接口连接

<script type="text/javascript">
            var app = new Vue({
                el: '#app',
                data: {
                    courses: []
                },
                created: function() {
                    var _this = this;
                    axios.get('连接接口地址')
                        .then(function(response) {
                            console.log(response.data);
                            _this.courses = response.data;
                        })
                }
            })
</script>