当前位置:首页>开发>正文

vue和node前后端分离后怎么对接 springboot 整合springsecurity 前后端分离怎么实现登陆

2023-04-14 17:18:15 互联网 未知 开发

 vue和node前后端分离后怎么对接 springboot 整合springsecurity 前后端分离怎么实现登陆

vue和node前后端分离后怎么对接

1.vue非常适合在移动端使用。
2.vue当然有很易用的过渡系统过渡效果 - vue.js
3.vue可以很方便地直接使用现有的一下组件,这个是最近发布的vue bootstrap 组件vue-strapvue1.0发布的了,很快会有很多组件出来吧。

springboot 整合springsecurity 前后端分离怎么实现登陆

首先分析一下工作量吧,因为要支持 restful 风格的接口,那么我们在判断用户是不是有权限访问的时候不仅要判断 url 还要判断 请求方式。 所以我门需要修改数据库表,因为我门的权限表还没有method 字段。
由于要判断 url 和 method 所以要在CustomUserService 类的 loadUserByUsername
方法中要添加 权限的 url 和 method 。但是SimpleGrantedAuthority 只支持传入一个参数。
所以我门考虑要再写一个类 实现 GrantedAuthority 接口,并在构造函数中传入两个参数。嘻嘻。
由于我们不仅要判断url 还要 判断请求方法,所以当然要修改 MyAccessDecisionManager 的decide 方法的内容了。
因为:decide 方法是判定是否拥有权限的决策方法 ,三个参数的含义分别为:
//authentication 是释CustomUserService中循环添加到 GrantedAuthority 对象中的权限信息集合.

//object 包含客户端发起的请求的requset信息,可转换为 HttpServletRequest request = ((FilterInvocation) object).getHttpRequest()

//configAttributes 为MyInvocationSecurityMetadataSource的getAttributes(Object object)这个方法返回的结果,此方法是为了判定用户请求的url 是否在权限表中,如果在权限表中,则返回给 decide 方法,用来判定用户是否有此权限。如果不在权限表中则放行。

当然在 修改一下 MyInvocationSecurityMetadataSourceService 的getAttributes
方法。//此方法是为了判定用户请求的url 是否在权限表中,如果在权限表中,则返回给 decide
方法,用来判定用户是否有此权限。如果不在权限表中则放行。
//因为我不想每一次来了请求,都先要匹配一下权限表中的信息是不是包含此url,我准备直接拦截,不管请求的url 是什么都直接拦截,然后在MyAccessDecisionManager的decide 方法中做 拦截还是放行的决策。

5.关闭csrf
6.添加restful 风格的接口

好了分析完了,接下来就是编码了。

什么是前端开发的后台交互?

主要就是js对数据的操作和对dom的操作。
前端的工作就是切图,展示数据到网页中。那么怎么获取数据呢?以什么格式获取数据呢?都是需要和后台交互的。
后台语言都是不一样的:php,jsp等等,我们前端js的工作就是把他们的数据拿过来显示。
给你举个梨子吧,我们公司后台抛数据一般就smarty(php)的框架或者是ajax来传。
如果是smarty的话,前端直接负责把smarty填写到html网页中。
如果是ajax的话,前端负责用js操作数据并展示,下面是一个我们前后端规定的数据格式:

{"flag":"001","content":{}}

上面是应该json数据,有项目的时候,我们前后端会大概说一下接口地址,前端请求的参数,后端返回的参数,然后大家就开始写,写的差不多的时候,大家调一下数据,没问题就可以了。

现在主流的前后端交互是用ajax吧,主流的框架用jquery,给你一个jquery请求ajax的例子:

$.ajax({
        url: /path/to/file,//请求地址
        type: GET,
        dataType: json,
        data: {param1: value1},//参数
        success: function(obj){ //返回的内容
            //遍历obj//前端在这里操作返回的数据,并展示
        }
    })

前后端交互没那么难,前端最关键核心的东西是core js。

dom操作都是可以找api,然后对着文档来做,想提高前端就提高自己的core js。这样的话才能提高核心竞争力。
以后我们多多交流,有帮助就采纳!!!

怎么利用vue.js和java做前后端分离

下面的alert输出的数据是this.result.prId,取出的的是原来的数据,并不是data中传过来的数据,你在alert前面加一条:this.result=data.result.prId这样就没问题了。

最新文章

随便看看