vue项目之登录功能】的更多相关文章

如果不是前后端分离项目,使用SpringSecurity做登录功能会很省心,只要简单的几项配置,便可以轻松完成登录成功失败的处理,当访问需要认证的页面时,可以自动重定向到登录页面.但是前后端分离的项目就不一样了,不能直接由后台处理,而是要向前端返回相应的json提示. 在本例的介绍中,主要解决了以下几个问题: 1.使用json格式数据进行登录. 2.登录成功或失败处理返回json提示. 3.未登录时访问需要认证的url时,返回json提示. 4.session过期时返回json提示. 一.引入s…
相关软件: 1.Intellij IDEA14:http://pan.baidu.com/s/1nu16VyD 2.JDK7:http://pan.baidu.com/s/1dEstJ5f 3.Tomcat(apache-tomcat-6.0.43):http://pan.baidu.com/s/1kUwReQF 4.MySQL(mysql-essential-5.1.68-winx64):http://pan.baidu.com/s/1gdZZgMB 5.Spring 3.x : http:/…
编写html,通过vue-resource.js库向后台提交数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <link href="bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="styl…
已完成: 后台的管理功能: 这里用的组件是 element-UI  ====> NavMenu ◆首先是排版 : <div class="manage-page fillcontain"> <el-row style="height: 100%;"> <el-col :span="width" style="height: 100%;background-color: #324057;overflow…
1.当在登陆页面点击登陆按钮的时候,会调用UserServlet的login方法,我们要在login.jsp中进行配置 2.要在login.jsp中处理Servlet在后台业务操作之后forward到login.jsp中显示的错误信息,例如用户名密码错误.该用户未激活等,这个时候就要修改login.jsp页面 我们来看看login.jsp的代码 <%@ page language="java" import="java.util.*" pageEncoding…
/*1.第一步将用户提交的参数封装成javabean对象 * *2.对提交的参数的进行合法性的校验 * *3.通过用户名和密码去查找得到user对象 *如果user对象为null,说明用户名和密码不正确,重定向到login.jsp提示用户名和密码错误 *如果user对象不为null,查看当前用户的激活状态,如果当前用户没有被激活,提示当前用户没有被激活,重定向到login.jsp提示 *如果user对象不为null,并且当前用户处于激活状态,把当前用户保存到session中,显示当前用户是谁 *…
全局监听enter键,是把监听事件绑定到document上,无需获取焦点之类的 created() { let that = this; document.onkeydown =function(e){ e = window.event || e; if(that.$route.path=='/login'&&(e.code=='Enter'||e.code=='enter')){//验证在登录界面和按得键是回车键enter that.submitForm('loginForm');//登…
因为一些原因导出EXCEL功能必须前端来做,所以就研究了一下,在网上也找了一些文章来看,有一些不完整,我做完了就记录下来,供大家参考: 1.首先先安装依赖: npm install file-saver xlsx --save npm install script-loader --save-dev 2.下载需要的两个js插件,Blob.js和 Export2Excel.js.这两个文件在别的文章里面有下载地址,很好找.在src/目录下新建一个vendor,将这两个文件放到里面. 3.修改web…
当用户点击登录界面的登录按钮的时候,将登录的用户名.密码和验证码上传到后台,后台的业务流程如下面所示:…
1.现在注册成功之后,我们来到登录页面,登录页面在于 在登录页面.我们也需要向注册页面一样对登录的用户名.密码 验证码等在jsp页面中进行校验,校验我们单独放置一个login.js文件中进行处理,然后login.jsp加载该js文件 我们来看看login.js的代码和regist.js的代码一样,这里就不用花太多时间进行介绍 $(function() { /* * 1. 让登录按钮在得到和失去焦点时切换图片 */ $("#submit").hover( function() { $(&…