项目介绍

本项目是一个（Online To Offline）以宠物为核心打造的宠物乐园o2o项目。随着生活质量提供，人们不再满足简单物质生活，还追求更高层次精神生活。很多人愿意有养宠物意愿，愿意为宠物消费，正是基于这种场景，我们才开发了这个项目。首先让用户领养宠物，然后针对用户的宠物提供上门洗澡，美容，寄养，购买商品，宠物百科等综合服务平台。由用户下单，平台统一分派给线下门店上门服务。平台除了提供针对普通用户的基本需求功能，支持商家入驻，合作加盟，扩展线下门店渠道。

Online To Offline：线上线下，通过互联网手段挖掘机会，最终要到线下消费。

领养宠物，上门服务，购买商品，信息百科，
商家入驻，合作加盟，

需求分析

有了业务之后将业务抽象成表是关键
需求分析 需求设计（项目架构）是最难的，
-> 根据需求拆分业务表，根据表搭建框架，采用技术。
-> 写代码不难，难的是分析整个业务架构
每个模块和数据库表对应

项目架构

项目技术架构

后端架构:        springboot+ ssm+ 
				echart+ quartz+			
				Javaemail+ 
				Easypoi+redis

前端架构:        vue技术栈：nodejs npm webpack vue vue-cli elementui

服务器：         linux+nginx+docker
数据存储:        mysql +redis+fastdfs
第三方登录       微信 微博 QQ
第三方支付       支付宝扫描支付
第三方短信接口    中国网建

echart：做报表的
Easypoi：导入导出报表
docker：专门用来运行进程(tomcat)的容器
fastdfs：分布式文件存储系统，文件上传后会返回路径，数据库只保存路径，前端通过后端数据库地址自己去访问fastDFS里的图片

前后端分离

什么是前后端分离
前后端分离并不只是开发模式，而是web应用的一种架构模式。在开发阶段，前后端工程师约定好数据交互接口，实现并行架构，开发和测试；在运行阶段前后端分离模式需要对web应用进行分别部署，前后端之前使用HTTP或者其他协议进行交互请求。

交互形式
在前后端分离架构中，后端只需要负责按照约定的数据格式向前端提供可调用的API服务即可。前后端之间通过HTTP请求进行交互，前端获取到数据后，进行页面的组装和渲染，页面跳转，最终返回给浏览器。

代码组织方式
前后端代码库分离，前端代码中有可以进行Mock测试(通过构造虚拟测试对象以简化测试环境的方法)的伪后端，能支持前端的独立开发和测试。而后端代码中除了功能实现外，还有着详细的测试用例，以保证API的可用性，降低集成风险。

前后端分离开发模式

1.接口先行
大公司，能力要求高
因为写接口是要把所有的业务流都跑通都想清楚，数据库表也设计好了，一般由架构师或项目经理来写。

2.后端先行
能力要求低，小公司
目前99%公司的开发模式

前后端分离优缺点

优点：
分工明确，专业的人做专业的事情。
专业可以做出炫丽优美界面
人员培养更加专业化，精确化
缺点：
成本提高，人员多。
项目管理难度也提高，前后端都要管，协调他们之间交流。

它是趋势，移动互联要求必须有移动端，需要专业前端人员，好多公司都做前后端分离。

后端项目搭建-部门模块

项目端口规划

如果都在不同的机器上就不用分端口

创建SpringBoot项目流程

0.设置默认Settring–>maven
0.创建普通maven项目

1.导包 < parent >
2.启动类
3.直接测试

整合SSM

1.导包 mybatis的依赖包、数据库驱动包、jdbc
2.包目录结构
3.yml
4.mapper接口扫描 -> 启动类上
5.启动测试

6.写代码
表&实体 -> query -> mapper接口 - mapper.xml -> service -> 测试 -> controller

tips：service接口名右键可直接生成测试

引用属性传值

manager_id 对应 Employee 表的一条记录
新建属性manager与实体类Employee

@Data
public class Department {

    private Long id;
    //部门编号
    private String sn;
    private String name;
    //部门层级
    private String dirPath;
    private Integer state;

    private Long manager_id;
    /*通过对象引用表明关系*/
    private Employee manager;

    private Long parent_id;
    private Department parent;
}

@Data
public class Employee {

    private Long id;
}

manager_id 换成 manager.id

    <insert id="save">
        INSERT INTO t_department (
            sn,
            name,
            dirPath,
            state,
            manager_id,
            parent_id
        ) VALUES (
            #{sn},
            #{name},
            #{dirPath},
            #{state},
            #{manager.id},
            #{parent.id}
        )
    </insert>

测试

    @Test
    public void add() {
        Department department = departmentService.getById(45l);
        department.setId(null);
        department.setName("mingfeng");
        Employee employee = new Employee();
        employee.setId(329L);
        /*引用属性传值*/
        department.setManager(employee);
        departmentService.add(department);
    }

    @Test
    public void update() {
        Department department = departmentService.getById(1l);
        department.setName("mingfeng");
        Employee employee = new Employee();
        employee.setId(328L);
        /*引用属性传值*/
        department.setManager(employee);
        departmentService.update(department);
    }

Lombok

见文档

Restful风格

文档+笔记
@PutMapping      //新增或修改
@DeleteMapping(“/{id}”)  //删除
@GetMapping(“/{id}”)    //通过id查询
@GetMapping       // getAll 查询所有
@PostMapping     //分页查询

使用花括号来占位   @GetMapping(“/{id}”)
然后参数中使用：   @PathVariable(“id”)来取值
@RequestBody 接收对象参数，从请求体中拿数据，因为请求体没有大小限制

@RestController//我们只会前端json数据
@RequestMapping("/department")
public class DepartmentController {
    
	//查询一条数据  @GetMapping("")
    //{id}  使用花括号来占位  参数中使用：@PathVariable("id")来取值
    @GetMapping("/{id}")  //http://localhost:8080/department/1
    public Department getById(@PathVariable("id") Long id){
        return departmentService.getById(id);
    }

Postman接口测试

浏览器默认是get请求，因此需要postman帮助测试接口
+文档

swagger接口规范

前端开发人员要通过接口描述使用接口; 测试人员也需要通过接口描述测试接口 --黑盒测试

1.添加swagger的jar包
2.添加配置类SwaggerConfig：修改4个地方的信息 (org.ming api 文档说明 contact)
3.写可供扫描的接口doc文档

@Api(tags = "部门接口",description = "部门接口详细描述")
@ApiOperation(value = "部门添加或修改",notes = "如果有id就是修改否则就是添加")

访问测试地址: http://localhost:8080/swagger-ui.html

其他

// 成功与否返回对象
@Data
public class AjaxResult {
    private Boolean success = true;
    private String message = "操作成功！";

    public AjaxResult() {
    }

    //对象由自己创建，不交给外部创建
    public static AjaxResult me(){
        return new AjaxResult();
    }

    //只需要一个返回失败  链式编程
    public AjaxResult setMessage(String message) {
        this.success = false;
        this.message = message;
        return this;
    }
}