花裤衩使用教程

1.装配花裤衩

我们先去花裤衩的开源源码地址去拉下来

https://gitee.com/panjiachen/vue-admin-template

 

点击复制

把他放到idea里去给他拉下来，拉的前提是装配了git，没有装可以去看看别的文章

点击后会显示正在克隆，克隆好后会到这个页面

底下我们打开控制台，输入命令npm i

这个命令是下载el组件的命令，下载好后才可以正常用el组件

2.使用花裤衩须知

花裤衩我们默认返回的是统一结果集,所以我们需要去改几个配置文件

这个界面

在我们登录成功后数据返回给前台时，在我们统一结果集得data数据得对象中，需要有一个字段名叫token，前台会data中字段名为token中的值拿出来放到这里面作为以后得请求头部信息，键就是t-Token，值就是你传过去得，这边需要给t-Token改成token

2000代表的是你统一结果集运行后的是否是运行成功，如果你是200吗，就把这的20000换成200

 这个message代表的是提示信息，如果你得到的结果集是500的，它会将你的提示信息弹出来，注。如果我们的统一结果集封装的是msg，就把这的message换成msg，这个页面一共有三块需要改，你自己找找，改完后这一块就结束了

3.动态代理

来这个页面

把它删了，然后写动态代理，我直接展示一下效果

这个是改完得，底下我们就可以开始访问接口.

url，路径，不需要绝对路径，因为封装了，加对应接口地址，method是接口方法，params是对应得接口用resquestbody，具体怎么用，自己试一试就试出来了

4.登录

登录这边自己改一下

页面自己找，这个是登录传过去得.

对着login按crtl

传过来之后看这个，是不是和前台一样，你自己看把，就到这里了，能会就会，不会就别用了