ElementUI---02

后台环境搭建-ssm+maven多模块

• 为什么要分模块
  1.可以对基础功能模块进行抽取管理，降低个项目的耦合度
  2.pom.xml的依赖变得更少了，各自模块引入自己对应的jar包，方便维护管理
  3.Build项目周期变短，只需要Build需要的项目
  4.模块只想让指定的人维护，可以直接把该模块打成jar包
• 划分
  base-util
  存放所有项目公共的工具(PageResult、AjaxResult)
  base-core
  存放所有项目公共的代码(BaseDomain…)
  crm-common(Employee…)
  存放当前项目的实体类等…
  crm-mapper(EmployeeMapper…)
  存放当前项目的底层代码
  crm-service(IEmployeeService…)
  存放当前项目的业务代码
  crm-controller(EmployeeController…)
  存放当前项目的控制层代码
• base-util
  AjaxResult 返回给前台的json数据

//返回给前台的json数据
public class AjaxResult {
    private Boolean success=true;
    private String msg;

    public AjaxResult() {
    }
    public AjaxResult(Boolean success, String msg) {
        this.success = success;
        this.msg = msg;
    }

    public Boolean getSuccess() {
        return success;
    }

    public void setSuccess(Boolean success) {
        this.success = success;
    }

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }
}

返回分页数据

public class PageResult<T> {
    //返回分页数据
    private List<T> reults = new ArrayList<>();
    //返回总条数
    private Integer total;

    public PageResult() {
    }

    public PageResult(List<T> reults, Integer total) {
        this.reults = reults;
        this.total = total;
    }

    public List<T> getReults() {
        return reults;
    }

    public void setReults(List<T> reults) {
        this.reults = reults;
    }

    public Integer getTotal() {
        return total;
    }

    public void setTotal(Integer total) {
        this.total = total;
    }
}

• base-core
  pom.xml中配置依赖base-util
  domain

public class BaseDomain {
    private Long id;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    @Override
    public String toString() {
        return "BaseDomain{" +
                "id=" + id +
                '}';
    }
}

mapper
基本的CRUD

public interface BaseMapper<T,ID> {
    void add(T t);
    void delete(ID id);
    void update(T t);
    T findOne(ID id);
    List<T> findAll();
}

query
分页查询的公共代码

public class BaseQuery {
    //每页显示条数
    private Integer pageSize=10;
    //当前页
    private  Integer currentPage=1;

    public BaseQuery() {
    }

    public BaseQuery(Integer pageSize, Integer currentPage) {
        this.pageSize = pageSize;
        this.currentPage = currentPage;
    }

    public Integer getPageSize() {
        return pageSize;
    }

    public void setPageSize(Integer pageSize) {
        this.pageSize = pageSize;
    }

    public Integer getCurrentPage() {
        return currentPage;
    }

    public void setCurrentPage(Integer currentPage) {
        this.currentPage = currentPage;
    }

    @Override
    public String toString() {
        return "BaseQuery{" +
                "pageSize=" + pageSize +
                ", currentPage=" + currentPage +
                '}';
    }
}

service

public interface IBaseService<T,ID> {
    void add(T t);
    void delete(ID id);
    void update(T t);
    T findOne(ID id);
    List<T> findAll();

    //根据查询条件 查询列表
    List<T> findByQuery(BaseQuery query);
    //根据查询条件 查询分页列表
    PageResult<T> findPageByQuery(BaseQuery query);
}

impl

public abstract class BaseServiceImpl<T,ID extends Serializable> implements IBaseService<T,ID> {

    public abstract BaseMapper<T,ID> getMapper();

    @Override
    public void add(T t) {
        getMapper().add(t);
    }

    @Override
    public void delete(ID id) {
        getMapper().delete(id);
    }

    @Override
    public void update(T t) {
        getMapper().update(t);
    }

    @Override
    public T findOne(ID id) {
        return getMapper().findOne(id);
    }

    @Override
    public List<T> findAll() {
        return getMapper().findAll();
    }

    @Override
    public List<T> findByQuery(BaseQuery query) {
        return null;
    }

    @Override
    public PageResult<T> findPageByQuery(BaseQuery query) {
        return null;
    }
}

Resetful风格

resetful: 它是一个架构风格，它是基于Http协议的扩展，提供了多种请求方式来定位资源
GET 一般是用来做查询的，查询单个对象
POST 一般用来做修改的
DELETE 一般用来做删除
PUT 一般用来做新增
PATCH 一般用来操作批量数据的

接口规范swagger

生成Controller层的接口
在crm-web中config包下
载applicationContext.xml中扫描config

运行：
http://localhost/swagger-ui.html

@Configuration
@EnableWebMvc
@EnableSwagger2
@ComponentScan(basePackages="cn.itsource.crm.web.controller")
public class SwaggerConfig {
    
    @Bean
    public Docket api(){
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(this.apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("cn.itsource.crm.web.controller"))
                .paths(PathSelectors.any())
                .build();
    }
    

    private ApiInfo apiInfo(){
         @SuppressWarnings("deprecation")
        ApiInfo info=new ApiInfo(
                 "Spring 构建RestFule",
                 "aaa",
                 "aa",
                 "a",
                 "cc",
                 "x",
                 "x");
         return info;
    }
}

postman

可以来发送各种http请求,可以用它来测试http协议接口，
postman就是httm协议接口测试工具；

vue-element-admin

• vue-element-admin
  vue-element-admin 是一个后台 前端解决方案，它基于 vue-cli 和 element-ui实现。
  集成方案: vue-element-admin
  基础模板: vue-admin-template
  桌面终端: electron-vue-admin
• 下载模板源代码
  Github地址：
  https://github.com/PanJiaChen/vue-element-admin
  下载vue-element-admin导入项目
  安装对应组件 npm install
  启动项目 npm run dev