后台环境搭建-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