网站建设资讯

NEWS

网站建设资讯

怎么使用flowable工作流引擎flowable-modeler进行登录

本篇内容介绍了“怎么使用flowable工作流引擎flowable-modeler进行登录”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联公司是一家专业从事成都网站设计、网站建设、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,成都创新互联公司依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务!

基于 flowable-6.5.1 版本

flowable-modeler  启动后,访问连接 http://localhost:8888/flowable-modeler/   将会跳转到 flowable-idm 登录页面

在 flowable-ui-modeler-conf 的 SecurityConfiguration 添加 filter ,对请求进行拦截

怎么使用flowable工作流引擎flowable-modeler进行登录

 在 FlowableCookieFilter 进入 doFilterInternal 拦截方法,然后进入 redirectOrSendNotPermitted 方法,

怎么使用flowable工作流引擎flowable-modeler进行登录

然后进入 FlowableCookieFilter 的  redirectToLogin 方法,拼装 url  跳转到 idm 的登录页面  

http://localhost:8080/flowable-idm/#/login?redirectOnAuthSuccess=true&redirectUrl=http://localhost:8888/flowable-modeler/

怎么使用flowable工作流引擎flowable-modeler进行登录

跳转到 登录界面

怎么使用flowable工作流引擎flowable-modeler进行登录

getLoginPage 方法获取到需要跳转到的登录页面

怎么使用flowable工作流引擎flowable-modeler进行登录

前端 angular 匹配 /login  路径,然后跳转到 views/login.html

怎么使用flowable工作流引擎flowable-modeler进行登录

最后跳转到 login 页面,这个页面可以做 logo 的修改,可以定制为本公司的logo

怎么使用flowable工作流引擎flowable-modeler进行登录

怎么使用flowable工作流引擎flowable-modeler进行登录

输入账号密码,根据配置类,将进入 /app/authentication  进行认证,认证成功后进入ajaxAuthenticationSuccessHandler 进行处理

怎么使用flowable工作流引擎flowable-modeler进行登录

认证成功后,进入spring-security 的 AbstractAuthenticationProcessingFilter 类,进入其 successfulAuthentication 方法,  successHandler 就是配置类的 ajaxAuthenticationSuccessHandler  的实例。

怎么使用flowable工作流引擎flowable-modeler进行登录

ajaxAuthenticationSuccessHandler 处理类的onAuthenticationSuccess方法,其实就是返回 200 的状态码给前端

怎么使用flowable工作流引擎flowable-modeler进行登录

进入到前端页面的 authentication-service.js ,由于是 200 状态码,并且  url 

http://localhost:8080/flowable-idm/#/login?redirectOnAuthSuccess=true&redirectUrl=http://localhost:8888/flowable-modeler/

里面 redirectOnAuthSuccess = true ,  将会触发 auth-authConfirmed 

怎么使用flowable工作流引擎flowable-modeler进行登录

进入到前端的 idm-app.js  的 auth-authConfirmed  ,触发 $window.location.href = redirectUrl;   

怎么使用flowable工作流引擎flowable-modeler进行登录

跳转 回  http://localhost:8888/flowable-modeler/

怎么使用flowable工作流引擎flowable-modeler进行登录

界面显示的导航菜单栏,是 mainNavigation 遍历出来的

怎么使用flowable工作流引擎flowable-modeler进行登录

mainNavigation  是 app.js 定义的数组,如果不需要太多,可以自行修改定制。

怎么使用flowable工作流引擎flowable-modeler进行登录

“怎么使用flowable工作流引擎flowable-modeler进行登录”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


本文名称:怎么使用flowable工作流引擎flowable-modeler进行登录
标题路径:http://cdweb.net/article/ipcceo.html