精华内容
下载资源
问答
  • ssm的搭建见上一章1.数据协议层public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password);2.服务协议层User login(String loginname,String password);3...

    ssm的搭建见上一章

    1.数据协议层

    public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password);

    2.服务协议层

    User login(String loginname,String password);

    3.服务层

    @Autowired

    private UserDao userDao;

    public User login(String loginname, String password) {

    return userDao.selectByLoginnameAndPassword(loginname, password);

    }

    4.数据实现层(mybatis)

    select * from user_inf where loginname=#{loginname} and password=#{password}

    5.控制层

    @Controller

    public class UserController {

    @Autowired

    private UserService userServcie;

    @RequestMapping("/checklogin")

    @ResponseBody

    public User checklogin( String loginname,String paasword,HttpSession session){

    System.out.println(loginname);

    User user =userServcie.login(loginname, paasword);

    if(user!=null) {

    session.setAttribute("user_session", user);

    return user;

    }else {

    return null;

    }

    }

    后台搭建结束

    6.前台搭建

    ajax异步登陆

    function requestJson(){

    var name =$("#loginname").val();//#是id选择器

    var pwd =$("#password").val();

    if(name==""){

    alert("用户名不能为空!");

    return false;

    }

    else if(pwd==" "){

    alert("密码不能为空!");

    return false;

    }

    else

    {

    $.ajax({

    type:‘post‘,

    url:‘checklogin‘,

    dataType:"json",//注意使用的是打他dataType,而不是Content-Type

    async: true,

    data:{loginname:name,paasword:pwd},

    success:function(data){

    if(data==null){

    alert("没有这个用户!")

    }

    else{

    alert("登录成功")

    window.location.href ="main";

    }

    }

    });

    }

    }

    展开全文
  • }else{ $.ajax({ type:‘post‘, url:‘login.do‘, dataType:"json",//注意使用的是打他dataType,而不是Content-Type async: true, data:{username:name,password:pwd}, success:function(data){ if(data==null){...

    不比比,直接上代码

    JSP页面,

    登录

    function requestJson(){

    var name =$("#username").val();

    var pwd =$("#password").val();

    if(name==""){

    alert("用户名不能为空!");

    return false;

    }

    else if(pwd==""){

    alert("密码不能为空!");

    return false;

    }else{

    $.ajax({

    type:‘post‘,

    url:‘login.do‘,

    dataType:"json",//注意使用的是打他dataType,而不是Content-Type

    async: true,

    data:{username:name,password:pwd},

    success:function(data){

    if(data==null){

    alert("没有这个用户!")

    }

    else{

    alert("登录成功")

    window.location.href ="index.jsp";

    }

    }

    });

    }

    }

    Controlle层

    @RequestMapping("login")

    @ResponseBody

    public User loginto(User user) {

    System.out.println("username:"+user.getUsername());

    System.out.println("password:"+user.getPassword());

    User users=userservice.login(user.getUsername(), user.getPassword());

    System.out.println(users.getUsername());

    return users;

    }

    }

    原文:https://www.cnblogs.com/DIVEY/p/9921985.html

    展开全文
  • $.ajax({  type:'post',  url:'login.do',  dataType:"json",//注意使用的是打他dataType,而不是Content-Type  async: true,  data:{username:name,password:pwd},  success:function(data){  if...

    不比比,直接上代码

    JSP页面,

    <body>
    <form action="" method="post" >
    <input name="username" type="text" id="username" />
    <input name="password" type="password" id="password" />
    <button id="login" οnclick="requestJson()" type="button">登录</button>
    </form>
     

    <script type="text/javascript">
           function requestJson(){
                var name =$("#username").val();
                var pwd =$("#password").val();
               if(name==""){
                    alert("用户名不能为空!");
                    return false;
                }
                else if(pwd==""){
                    alert("密码不能为空!");
                    return false;
                }else{
    $.ajax({
                    type:'post',
                    url:'login.do',
                    dataType:"json",//注意使用的是打他dataType,而不是Content-Type
                    async: true,
                    data:{username:name,password:pwd},
                    success:function(data){
                       if(data==null){
                           alert("没有这个用户!")
                       }
                       else{
                           alert("登录成功")
                           window.location.href ="index.jsp";
                      }
                    }
                });
               }
    }
       </script>
    </body>

    Controlle层


    @RequestMapping("login")
    @ResponseBody
    public User loginto(User user) {
    System.out.println("username:"+user.getUsername());
    System.out.println("password:"+user.getPassword());
    User users=userservice.login(user.getUsername(), user.getPassword());
    System.out.println(users.getUsername());
    return users;
    }
    }

    转载于:https://www.cnblogs.com/DIVEY/p/9921985.html

    展开全文
  • 整体思路。...不正确则显示错误信息。...所以还要编写一个findUserByName的接口,作用是查询数据库中是否以存在这条...均使用ajax实现异步请求。常见的问题在连接数据库的过程中,很容易出现一些错误。比如数据表名字、账...

    整体思路。

    1.登录界面,输入正确的账号密码,跳转到用户显示界面。不正确则显示错误信息。

    2.注册界面,输入账号密码昵称,假如3者有一个为空,显示输入有误请重新输入。假如用户名存在于数据库,显示用户以存在请重新输入。所以还要编写一个findUserByName的接口,作用是查询数据库中是否以存在这条数据。

    均使用ajax实现异步请求。

    常见的问题

    在连接数据库的过程中,很容易出现一些错误。比如数据表名字、账号、密码填写错误。如果控制台输出有关SQL方面错误,请认真检查mybatis配置、dao层SQL语句是否编写错误。

    项目格式:

    Controller、dao、model、service,分别是控制层、持久层、数据模型层、业务处理层。

    3e77afd01b51?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    1529458005(1).jpg

    数据库有4个字段: id(用户编号)、user_name(用户名称)、login_name(登录名称)、password(密码)。

    用户登录用的是登录名(login_name) 、密码(password)。

    3e77afd01b51?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

    2.jpg

    数据库连接配置

    Spring-mybatis.xml

    jdbc.properties

    jdbc.driver=com.mysql.jdbc.Driver

    jdbc.url=jdbc:mysql://localhost:3306/userdb?useUnicode=true&characterEncoding=UTF-8

    jdbc.username=root

    jdbc.password=root

    首先是根据数据表编写实体User.java。 dao层 定义方法的接口。userMapper.java编写接口。userMapper.xml编写sql语句。

    1.根据数据表编写实体类:User.java

    private Integer id;

    private String user_name;

    private String login_name;

    private String password;

    getter/setter方法

    2.dao层编写接口:userMapper.java

    User login(@Param("login_name") String login_name, @Param("password") String password);

    boolean register(@Param("login_name") String login_name,

    @Param("password") String password, @Param("user_name") String user_name);

    3.编写sql语句:userMapper.xml

    select login_name, password from User

    WHERE login_name = #{login_name} AND password= #{password}

    insert into User (login_name,password,user_name)

    values (#{login_name}, #{password}, #{user_name})

    select count(*) from user where login_name like #{login_name}

    service层专注于业务逻辑 ,可以根据userMapper.JAVA编写接口,然后编写实 现类,这里可以做一些数据的限制,比如与拦截器做一些登录验证之类的。

    (这个功能看过文章,没实现。)

    4.service编写接口:IUserService.java

    boolean login(String login_name, String password);

    boolean register(String login_name, String password, String user_name);

    5serviceImpl编写实现类:UserServiceImpl.java

    @Autowired

    private UserMapper userMapper;

    @Override

    public boolean login(String login_name, String password) {

    if (userMapper.login(login_name, password) != null) {

    return true;

    } else {

    return false;

    }

    }

    @Override

    public boolean register(String login_name, String password, String user_name) {

    return userMapper.register(login_name, password, user_name);

    }

    6.Util包下编写工具类:Md5.java

    public static String MD5(String inStr) {

    MessageDigest md5 = null;

    try {

    md5 = MessageDigest.getInstance("MD5");

    } catch (Exception e) {

    System.out.println(e.toString());

    e.printStackTrace();

    return "";

    }

    char[] charArray = inStr.toCharArray();

    byte[] byteArray = new byte[charArray.length];

    for (int i = 0; i < charArray.length; i++)

    byteArray[i] = (byte) charArray[i];

    byte[] md5Bytes = md5.digest(byteArray);

    StringBuffer hexValue = new StringBuffer();

    for (int i = 0; i < md5Bytes.length; i++) {

    int val = ((int) md5Bytes[i]) & 0xff;

    if (val < 16)

    hexValue.append("0");

    hexValue.append(Integer.toHexString(val));

    }

    return hexValue.toString();

    }

    // 可逆的加密算法

    public static String KL(String inStr) {

    // String s = new String(inStr);

    char[] a = inStr.toCharArray();

    for (int i = 0; i < a.length; i++) {

    a[i] = (char) (a[i] ^ 't');

    }

    String s = new String(a);

    return s;

    }

    // 加密后解密

    public static String JM(String inStr) {

    char[] a = inStr.toCharArray();

    for (int i = 0; i < a.length; i++) {

    a[i] = (char) (a[i] ^ 't');

    }

    String k = new String(a);

    return k;

    }

    Controller层:传递参数处理数据,返回给view展示数据。

    7.Controller编写UserController.java

    @Autowired

    private IUserService userService;

    //跳转登录

    @RequestMapping("login")

    public String toLogin() {

    return "login";

    }

    /*验证登录

    *

    * 使用 @ResponseBody 在ajax异步获取数据时使用。返回0/1

    *

    */

    @RequestMapping(value = "login_check", method = RequestMethod.POST)

    @ResponseBody

    public int login(String login_name, String password) {

    String passwordByMd5 = MD5.MD5(password);

    boolean count = userService.login(login_name, passwordByMd5);

    int message;

    if (count == true) {

    message = 1;

    } else {

    message = 0;

    }

    return message;

    }

    //跳转注册

    @RequestMapping(value = "toAdd")

    public String toAdd() {

    return "register";

    }

    //实现注册

    @RequestMapping(value = "implAdd", method = RequestMethod.POST)

    @ResponseBody

    public int add(String login_name, String password, String user_name) {

    String passwordByMd5 = MD5.MD5(password);

    int findUserByLgName = userService.findUserByLgName(login_name);

    int message;

    if (login_name.length() == 0 || user_name.length() == 0 || password.length() == 0) {

    message = -1;

    //System.out.println("用户信息输入信息有误");

    } else if (findUserByLgName == 0) {

    userService.register(login_name, passwordByMd5, user_name);

    message = 1;

    //System.out.println("可以注册");

    } else {

    //System.out.println("用户存在");

    message = 0;

    }

    return message;

    }

    8.编写login.jsp

    $(document).ready(function () {

    $('#login').click(function () {

    $.ajax({

    type: "post",

    url: "/login_check",

    data: {

    "login_name": $("#lg_name").val(),

    "password": $("#pwd").val(),

    },

    dataType: "JSON",

    async: false,

    beforeSend: function () {

    alert("正在提交");

    },

    success: function (data) {

    if (data == 1) {

    alert("登录成功")

    window.location.href = "userList";

    } else {

    alert("用户名或者密码错误!");

    }

    },

    error: function () {

    alert("提交失败");

    }

    });

    })

    })

    登录页面

    username

    password

    注册

    登录

    展开全文
  • $.ajax({ type:"post", url:"changetype", data:"id="+id+"", dataType:"json", success:function(data){ } }); }); $(".caidandanhang").mouseout(function(){ $(this).css("color",...
  • 简单命令 (1)查看历史纪录: history (2)查看当前目录: pwd (3)查看系统当前时间和日期 date (4)查看当前登陆到系统的所有用户 who ... 自定义控件_VIewPager显示多个Item 一直以来想搞明白这个不完全的VIewPager是...
  • SSM+AJAX实现登陆验证和注销功能

    千次阅读 2019-01-09 21:48:17
    今天基于我的博客:Spring+SpringMVC+Mybatis基础框架搭建里的SSM框架,我创建了ssm项目:ssm_20190109_shopping,并实现了商城的登陆验证功能。 功能如下: 1.当用户账号为空时,警告:用户名必填! 2.当用户密码...
  • ssm+ajax实现登陆

    2019-01-28 15:41:00
    ssm的搭建见上一章 1.数据协议层 public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password); 2.服务协议层 User login(String loginname,...
  • $.ajax({ type:"POST", url:"login.do", data:{"userName" : username,"id_card" : id_card}, dataType:"json", success:function(data){ if(data=="success"){ window....
  • 整体思路。...不正确则显示错误信息。...所以还要编写一个findUserByName的接口,作用是查询数据库中是否以存在这条...均使用ajax实现异步请求。常见的问题在连接数据库的过程中,很容易出现一些错误。比如数据表名字、账...
  • 前台登陆 $(function() { $("#loginBtn").click(function() { var username = $("#userName").val(); var id_card = $("#id_card").val(); $.ajax({ type:"POST", url:"login.do", ...
  • ssm整合比较好的实例http://how2j.cn/k/ssm/ssm-tutorial/1137.html?tid=77#nowheressm登录后台用户检测(此实例注销有问题):http://blog.csdn.net/s740556472/article/details/71247285?locationNum=11&...
  • ssm-ajax.rar

    2019-09-24 08:04:39
    该资料讲解:spring mybatis ajax mysql 异步增删改查 含 登陆功能 该视频由明瑞教育黄老师出品
  • 账号、密码和验证码都正确后,使用了ajax实现验证,验证结束后不能像正常一样返回一个字符串,用视图解析器来跳转页面 <!--配置JSP 显示ViewResolver(视图解析器)--> <bean class="org.springframework...
  • 于是就自己弄,发现和以前不搭ssm框架是差不多,发出来给与诸君共勉。 1.话不多说看前端js代码: //登录 function login(){ var username = $("#username").val(); var password = $("#password").val(); ...
  • SSM+JQuery+Ajax登录验证

    万次阅读 热门讨论 2017-04-19 16:23:58
    SSM框架前后端ajax交互验证
  • ssm+ajax页面跳转问题

    2021-03-20 16:19:46
    ssmajax做了用户登录注册功能,结果发现登录成功之后页面返回了一个字符串   <p style="text-align:center"><img alt="xx" height="415" src=...
  • ssm+ajax实现用户登录

    千次阅读 2019-09-04 10:52:10
    涉及到登陆的: <!-- 查询用户 --> select * from user_inf where loginname=#{uername} and password=#{password} application.xml xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
  • 此次批量删除是在上一篇博客上进行功能的添加,详情请看:https://blog.csdn.net/qq_40718312/article/details/96310016 ...我们知道AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),其最...
  • demo主要运用SSM框架完成用户的登录功能;demo集成了MyBatis反向生成工程;demo的后台运用了spring的自动注入、springMVC的请求驱动、MyBatis面向接口数据库编程技术;JSP前台和后台交互的响应模式;
  • SSM框架ajax实现登录

    2019-10-03 09:50:09
    jsp中添加一个登陆提交按钮 /* ajax登录 */ function login(thisobj){ var username=$("#username_l").val(); var password=$("#password_l").val(); var valistr=$("#valistrId").val(); var user_jso...
  • SSM拦截器拦截ajax请求

    千次阅读 2018-06-11 22:50:45
    拦截器拦截请求可以分ajax请求/非ajax请求. ajax请求在用户session过期之后,需要跳转到登录页面. 这个时候就需要在拦截器里判断我们的请求是否是ajax请求. 但是不能直接的跳转页面,只能通用response返回响应. ...
  • 这个项目是我写的注册登陆模块,框架用的ssm框架,自动生成的mapper,前台用js作了登陆注册的校验,后台也做了相关的校验,防止有漏洞出现,前台用了jquery+ajax 里面附赠了有分页的工具类,我写分页一直用的这个...
  • 系列文章 SSM之SpringMVC 01 —— SpringMVC原理及概念、Hello ...SSM之SpringMVC 03 —— Ajax、拦截器、文件上传和下载 文章目录系列文章8、Ajax8.1、简介8.2、伪造Ajax8.3、jQuery.Ajax9.4、注册提示效果9、
  • SSM登陆注册

    2018-04-11 14:15:00
    * ajax验证是否有用户 * * @param request * @param response * @param userApikey * @param userSecretkey * @return */ @ResponseBody @RequestMapping({ "/login_restist.htm" }) public ...
  • 项目使用ssm作为后台框架,需要在后台判断session是否过期,并跳转登录页。 1.定义一个filter,拦截所有的请求。 package com.acat.filter; import javax.servlet.*; import javax.servlet.http.HttpServletRequest...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,427
精华内容 570
关键字:

ajax登陆ssm