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)

<mapper namespace="com.yongxing.manager.dao.UserDao">
<select id="selectByLoginnameAndPassword" resultType="com.yongxing.manager.domain.User" >
select * from user_inf where loginname=#{loginname} and password=#{password}
</select>

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.前台搭建

<form>
<input name="loginname" type="text" id="loginname"/ >
<input name="password" type="password" id="password"/>
<input value="登录" style="width: 100%;" type="button" onclick="requestJson()" >
</form>

ajax异步登陆

<script type="text/javascript">
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";
}
}
});
}
}
</script>

  

 

最新文章

  1. 神秘代理-Proxy
  2. ASP.Net MVC开发基础学习笔记(4):校验、AJAX与过滤器
  3. FPGA奇数分频
  4. Web API 实现JSONP或者安装配置Cors跨域
  5. MSP430之频率测量,误差1Hz
  6. CALayer加阴影后动画卡的处理办法
  7. 【Java基础】Java中的持久属性集Properties
  8. 数据分析:Weka,Matlab,R,SPSS,SAS等分析软件的入门
  9. 控制弹出div显示在鼠标附近的位置
  10. cf C. Find Maximum
  11. bzoj1684 [Usaco2005 Oct]Close Encounter
  12. 轻量级应用程序Dynamics 365 App for Outlook介绍
  13. Linux学习历程——Centos 7 ps命令基础
  14. lxml xpath 爬取并正常显示中文内容
  15. [转载]智能科普:VR、AR、MR的区别
  16. 前端入门应该掌握的html+css知识点
  17. iOS UILabel设置居上对齐,居中对齐,居下对齐
  18. Json转Map
  19. python程序设计——函数设计与调用
  20. 20170413B端业务访问故障排查思路

热门文章

  1. requestAnimationFrame 执行机制探索
  2. 大爽Python入门教程 1-2 数与字符串
  3. Spring Cloud Gateway的断路器(CircuitBreaker)功能
  4. HMS Core Insights第八期直播预告--创新能力解读
  5. [nfls338]基本字典子串
  6. spring boot的mybatis开启日志
  7. redis序列化和反序列化的操作-(以前咋操作我都忘记了)
  8. javascript-初级-day04js数据类型
  9. 莫比乌斯反演&amp;各种筛法
  10. LVS-三种模式的配置详情