登录实现思路
首先就是看一下后台给的接口形式,以及请求方式,得将账号密码按照规则传到后台,验证账号密码是否正确,如果错误提示用户那里出错了,如果正确后台返回token值, 那我们要将token值存储到本地,在跳转到功能页面,提示用户登录成功,并且每次切换页面时,都要检验当前token是否还有效,如果无效要提示用户,并且再次返回login登录页面.重新登录,返回一个新的token值.
搜索实现思路
看一下后台给的接口形式,以及请求方式,然后获取到input中的一个value值,将value请求接口传给后台,后台会接收到值,与里面的数据做一个比对,会将符合条件的数据,返回,我们只需要将返回的数据进行一个人渲染,如果采用input事件像后台请求,服务器的一个压力也会比价大,这个时候我们就可以用一下防抖跟节流,来减轻服务器的压力.(防抖节流也可以用lodash库)
添加用户的实现思路
首先就是看一下后台给的接口形式,以及请求方式,将我们要添加的用户数据按照一定的格式传给后台,成功的话后台会给这条数据附上一条唯一的id,并且向前台返回一个成功的状态码,我们判断状态码是成功的话,就再次请求一下用户列表接口,将用户更新到前台的视图上
修改状态的一个实现思路
这个也就是修改某一条数据中的一项,首先得确定修改那一项,因为里面的每一项都有一个唯一id,我们在请求修改状态的接口时,带上这个唯一的id,以及要修改后的状态,传到后台,这个时候,我们给的数据没有问题的话,后台也会给我们返回一个请求成功的code值,这个时候我们做一个判断,做一个成功或者失败的提示.
修改用户的信息
这个也是修改某一条数据,得确定修改那一项,因为里面的每一项都有一个唯一id,我们在请求修改状态的接口时,带上这个唯一的id,以及要修改的每一项,后台返回状态码后,我们判断状态码是成功的话,就再次请求一下用户列表接口,将用户更新到前台的视图上,错误的话就进行提示.
删除用户
获取到当前数据的唯一id传给后台,后台会将此条数据进行一个删除,我们再次请求一下用户接口,对视图进行一个同步就行.
分配用户角色
首先得要知道要分配的那一个用户,也就是要获取到当前用户的唯一id,在者就是要知道要给当前用户分配到哪里,这个时候就要请求分配用户的列表了,我们从列表中选中我们要更改为的那一项,将id,rid,一同给后台,这个时候我们在判断后台给的code值,检测我们是否分配成功,成功就更新到视图上,失败就提示
统一封装axios
封装axios就是想要方便我们的一个后期的项目维护,首先就是axios封装拦截器,里面包含请求拦截器,和响应拦截器,请求拦截器就是数据还没有像后台进行请求,我们可以在这个函数里面设置我们想要添加的公共参数,或者是header头等等,那响应拦截器就是数据已经请求完成,我们可以在这个里面做一个判断将我们能用到的数据返回出去.... 在创建一个api的文件导入拦截器,将所有的接口都在这里请求,目的就是好维护,在通过export进行一个导出,在我们需要调用接口的地方进行import导入就可以使用了
