SSM+ElementUI综合练习

1.maven项目的分模块开发

1.1 为什么需要分模块开发

以前 ssm 结构不好的地方:
(1)随着业务的增加, mapper 或者 service类 越来越多 ,项目越来越庞大,项目有点臃肿 -->拆分多个模块

(2)项目代码越来越多, 构建 或者编译, 变得很慢很慢 -->拆分

(3)有些内容,公共的内容 ,有很多项目都可能使用,有必要-- 抽取到公共maven模块

(4)有些内容, 不想让每个人都可以修改 – 抽取到公共的maven模块 util

(5)随着项目业务需求的增多 ,pom.xml的内容也会变得很长

一般中大型项目 都在使用分模块开发

1.2 什么是分模块开发

​ 把以前的一个模块 (一个项目) 拆分成多个模块

1.3 怎么去分模块开发

写项目写代码 尽量满足下面内容:

(1)开闭原则

​ 对扩展开放

​ 对修改关闭 – 公共的不要乱修改

(2)低耦合: 尽量的分层开发 service mapper controller --为了维护

高内聚: 比如一个方法 (方法就应该完成一个方法该干的事情 save ) --最多40行

2.多模块搭建

2.1 代码拆分

​ basic-util 工具类

​ basic-core 公共内容

​ crm-common 具体项目公共内容

​ crm-mapper 项目里面具体mapper

​ crm-service 项目里面service类

​ crm-web 项目的controller层

2.2 配置文件拆分

web.xml

applicationContext-mvc.xml -->crm-web模块

applicationContext.xml–crm-service模块

3.restful风格

简单点说就是访问后台时的请求路径与请求的方式有所不同.
传统的请求路径如:http://localhost:8080/user/getUser.do?id=1
Restful风格的请求路径为:http://localhost:8080/user/1

3.1 概念

Restful就是一个资源定位及资源操作的风格。不是标准也不是协议，只是一种风格。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。
使用POST、DELETE、PUT、GET，使用不同方法对资源进行操作。
分别对应 添加、 删除、修改、查询。

3.2 代码实现

@Controller
@RequestMapping("/users")
public class UsersController {

    @Autowired
    private IUsersService usersService;

    @ResponseBody
    @RequestMapping(method = RequestMethod.PATCH)
    public List<Users> list(){
        return usersService.queryAll();
    }

    @RequestMapping(method = RequestMethod.PUT)
    @ResponseBody
    public AjaxResult save(@RequestBody Users users){
        AjaxResult ajaxResult = new AjaxResult();
        System.out.println("新增用户" + users);
        return ajaxResult;
    }

    @RequestMapping(method = RequestMethod.POST)
    @ResponseBody
    public AjaxResult update(@RequestBody Users users){
        AjaxResult ajaxResult = new AjaxResult();
        System.out.println("修改用户" + users);
        return ajaxResult;
    }

    @RequestMapping(value = "/{id}",method = RequestMethod.DELETE)
    @ResponseBody
    public AjaxResult delete(@PathVariable Long id){
        AjaxResult ajaxResult = new AjaxResult();
        System.out.println("删除用户" + id);
        return ajaxResult;
    }

    @RequestMapping(value = "/{id}",method = RequestMethod.GET)
    @ResponseBody
    public Users queryOne(@PathVariable Long id){
        return usersService.queryOne(id);
    }
}

4 接口规范swagger

4.1 实现

@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(){
        ApiInfo info=new ApiInfo(
                 "API接口测试文档",
                 "aaa",
                 "1.0",
                 "a",
                 "cc",
                 "x",
                 "x");
         return info;
    }
}

4.2 注意

不要忘记扫描包

  <!-- 自动扫描该包，使SpringMVC认为包下用了@controller注解的类是控制器 -->
    <context:component-scan base-package="cn.itsource.crm.web.controller" />
    <!--扫描swagger配置-->
    <context:component-scan base-package="cn.itsource.crm.web.config" />

4.3 运行

http://localhost/swagger-ui.html

5 接口测试

们基于springmvc写的controller对于前端来说就是接口，而且都是通过http协议访问，那后台写完后怎么测试呢？浏览器，只支持get。 要使用一些能够发送http各种请求的工具，其中postman就是很重要的一个。

5.1 什么是postman

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

5.2 测试crud接口

6 前端vue-element-admin

基于 vue-cli 和 elementui 搭建出来一个模块框架, 框架基本功能 ,路由,插件 ,国际化等

6.1 下载模板源代码

Github地址：
https://github.com/PanJiaChen/vue-element-admin

6.2 解压文件 --启动项目

(1)使用idea 打开

(2)执行命令 npm install 安装依赖

(3)启动 npm run dev

(4) 访问