首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

以最简单登录为例,诠释JS面向对象的简单实例

自己写了一套来适用于自己公司的业务,其实很多公司都会这么做,因为市场上的框架普遍不适用自己,其实一般大公司都这样,后来他们自己的这套react十分好用,就开源了,react十分好用,性能也不错,代码逻辑相对来说也挺简单...……还有很多各式各样的框架,如今前端正火,甚至还有很多前端游戏引擎的JS,十分强大,在这里就不多说了 好了,貌似有点废话了,那么入正题吧,写JS,其实也要面向对象,在08年小编我刚入坑工作的时候,JS并不受大家重视...,甚至CSS都是让美工人员做的,现在已经大不一样,来看看一个简单登录是如何用面向对象的方式做的吧: 先来看看登录页面的代码,十分简单,就是一个用户名和密码 ?...重头戏在js部分,我单独写了份login.js ?...这是一个Login的对象,1为对象Login,2为这个对象中的属性,而这个属性是个function,主要两个作用,验证form以及登录成功后的跳转;最后这个Login对象返回一个init的函数,这个函数的作用是初始化对象中的所有方法

1.1K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    单点登录简单实现

    简述 单点登录系统是用来实现用户能够在多个系统中同时处于登录状态或者未登录状态。...下面展示同一级域名和不同一级域名这两种情况下的单点登录的实现方案,这两种情况下实现的方法差不多,前面一种情况相对后面来说略微简单一点,所以我们将先展示如何在同一级域名下实现单点登录,最后再展示不同一级域名下的情况...下面展示的前端代码使用的是 jQuery 工具库,后端代码使用的是 egg.js 框架,egg.js 框架是在 koa 框架的基础上封装的,处理业务依旧使用的洋葱模型,下面展示的代码将尽量对代码用意进行注释...),如果用户未登录返回给前端未登录的状态码,前端页面收到未登录的状态码后,跳转到登录系统的前端页面,用户在登录系统前端输入账号和密码后点击登录,前端页面带着用户输入的信息请求登录系统后台提供的登录接口,...(domain => { %> > // js

    1.9K50

    单点登录原理与简单实现(单点登录原理与简单实现)

    因此,我们需要一种全新的登录方式来实现多系统应用群的登录,这就是单点登录 三、单点登录   什么是单点登录?...单点登录全称Single Sign On(以下简称SSO),是指在多系统应用群中登录一个系统,便可在其他所有系统中得到授权而无需再次登录,包括单点登录与单点注销两部分 1、登录   相比于单系统登录,sso...sso客户端与服务端通信的过程,用下图描述   sso认证中心与sso客户端通信方式有多种,这里以简单好用的httpClient为例,web service、rpc、restful api都可以 五、...  拦截从sso-client跳转至sso认证中心的未登录请求,跳转至登录页面,这个过程与sso-client完全一样 3、sso-server验证用户登录信息   用户在登录页面输入用户名密码,请求登录...以上是对接单点登录系统,所以我们系统相当于单点客户端对方相当于服务端,原理如下 1.首先判断用户是否已经登录(校验令牌是否有效),这里假设还未登录 2.跳转登录界面,用户填写登录名,密码,验证码信息提交给单点系统

    1.7K40

    JS逆向之国航登录

    分享另一个破解JS登录的案例 抓包 网站如下:http://www.airchina.com.cn/www/jsp/userManager/login.jsp 下面是登录的抓包: ?...因为 JS 代码一般是根据输入框的 id 标签取相应的值,然后做加密! ? id标签 搜索结果如下: ? 结果 猜测应该是 RSA 加密! 分析 在加密的位置打上断点,重新发请求: ?...点击该函数进入,可以发现 RSAUtils 的定义及其相应的函数都在这个 JS 文件中,直接一把梭,将该文件中的 JS 代码全部复制下来吧: ?...所以也将bodyRSA 函数对应的的 JS 代码复制下来。最终本地 JS 文件内容如下: ? 最后,自己写个 JS 函数,执行一下,并和抓包的数据进行对比验证结果: ?...这个破解比较简单,适合给入门的朋友用来练手。

    1.4K60

    简单了解单点登录流程

    做了那么多年前端,还没做过有关于单点登录的项目,早之前我理解的单点登录是一个账号只能一个地方登录。其实单点登录我们使用的太多了。比如我们登录了淘宝相当于登录了天猫。...登录的核心无非就是把登录凭证缓存在客户端,session、cookie、localstorage,可以是前端自己注入也可以是后端注入,登录的凭证也就是各种加密解密的东西,比如JWT等。...想要什么样的登录都可以实现。 单点登录简称SSO,是比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。...有单点登录就有单点登场,单点登出就简单了,一个地方退出登录,通知自己的服务器,服务器发起请求到CAS,然后CAS清除登录的信息,并发给在这边注册过的服务器,通知退出登录了,清除所有的登录信息。...现在的第三方授权登录有点类似单点登录,这样就不需要注册很多的账号,SSO3.5版本之后也支持通过授权登录。第三方授权登录跟SSO初衷是不太一样,但是结果非常接近,也就是第三方授权登录的没有单点登出。

    45310

    JS逆向案例:破解登录密码

    最近在学习JS逆向方面的知识,由于之前做过12306的自动抢票软件,因此对12306情有独钟,接下来就给大家介绍一下12306用户登录密码的参数破解办法。...首先我们打开12306的登录界面,打开抓包工具,输入用户名和一个错误的密码(例:123456),点击登录按钮并滑动验证码进行验证,在Ajax包中我们可以点击login这个包进入查看,我们可以发现password...打上断点后,我们在此输入用户名和密码,点击登录,此时发现浏览器停在了该断点位置,如下图所示 此时我们仔细分析一下该行 JS 代码,发现最后生成的参数是"@"加上一个加密函数返回的结果组成,该函数的第一个参数很显然就是我们输入的明文密码...最后,补充完毕后的代码进行调试运行,结果如下: 将该JS代码打包成一个JS文件,利用python的execjs包可运行js代码,直接调用JS文件中的getpwd函数即可,python代码如下: import... = ctx.call(FuncName, '123456') print(password) 在进行JS逆向初学时,千万不要一味地抠代码,还是要学会分析JS代码,然后从简单开始练习,积累经验,慢慢以后在遇到加密参数的时候会越来越得心应手

    4.8K10

    单点登录原理与简单实现

    因此,我们需要一种全新的登录方式来实现多系统应用群的登录,这就是单点登录 三、单点登录   什么是单点登录?...单点登录全称Single Sign On(以下简称SSO),是指在多系统应用群中登录一个系统,便可在其他所有系统中得到授权而无需再次登录,包括单点登录与单点注销两部分 1、登录   相比于单系统登录,sso...下面对上图简要描述 用户访问系统1的受保护资源,系统1发现用户未登录,跳转至sso认证中心,并将自己的地址作为参数 sso认证中心发现用户未登录,将用户引导至登录页面 用户输入用户名密码提交登录申请 sso...sso认证中心与sso客户端通信方式有多种,这里以简单好用的httpClient为例,web service、rpc、restful api都可以 五、实现   只是简要介绍下基于java的实现过程,不提供完整源码...  用户在登录页面输入用户名密码,请求登录,sso认证中心校验用户信息,校验成功,将会话状态标记为“已登录” ?

    1.2K20

    单点登录原理与简单实现

    因此,我们需要一种全新的登录方式来实现多系统应用群的登录,这就是单点登录 三、单点登录   什么是单点登录?...单点登录全称Single Sign On(以下简称SSO),是指在多系统应用群中登录一个系统,便可在其他所有系统中得到授权而无需再次登录,包括单点登录与单点注销两部分 1、登录   相比于单系统登录,sso...下面对上图简要描述 用户访问系统1的受保护资源,系统1发现用户未登录,跳转至sso认证中心,并将自己的地址作为参数 sso认证中心发现用户未登录,将用户引导至登录页面 用户输入用户名密码提交登录申请 sso...sso认证中心与sso客户端通信方式有多种,这里以简单好用的httpClient为例,web service、rpc、restful api都可以 五、实现   只是简要介绍下基于java的实现过程,不提供完整源码...  拦截从sso-client跳转至sso认证中心的未登录请求,跳转至登录页面,这个过程与sso-client完全一样 3、sso-server验证用户登录信息   用户在登录页面输入用户名密码,请求登录

    81220
    领券