Java Web 开发利用Struts2+Spring+mybatis写一个用户登录界面以及简单的数据交互

框架的东西太复杂也难以讲通，直接上代码：

一、首先得配置环境和导入必要的jar包

有一些重要的如下：

Filter文件夹下的SafetyFilter.java

model文件夹下的 GlobalNames.java

web文件下的MySpringContext.java baseAction.java BusinessException.java

interceptor文件夹下的 AuthorizationInterceptor.java ExceptionIntercetor.java RequestParameter.java HttpUtil.java PropertiesUtil.java

以及src根目录文件下的以下文件

。。。

此外，webContent文件夹下的WEB-INF 里面的web.xml里面要部署拦截器和过滤器

首选写一个登录后进入的欢迎页面，首先是Home.jsp 然后是index.html

<display-name>工程名字</display-name>
<welcome-file-list>
<welcome-file>Home.jsp</welcome-file>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>


<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>

<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>


<filter>
<filter-name>SafetyFilter</filter-name>
<filter-class>******.filter.SafetyFilter</filter-class>
<init-param>
<description>不作判断的资源</description>
<param-name>excludeUrls</param-name>
<param-value>
/login.action,
/pages/login.jsp
</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>SafetyFilter</filter-name>
<url-pattern>*.jsp</url-pattern>
<url-pattern>*.action</url-pattern>
</filter-mapping>

除此外，还有自己要写的action,bpo,dto,mapper，common文件夹

二、先写一个登录页面login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录页面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/assets/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/assets/css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/assets/css/ace.min.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/assets/css/ace-rtl.min.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/assets/css/ace-skins.min.css"/>
<script src="${pageContext.request.contextPath}/lib/assets/js/ace-extra.min.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/wpyd/login.css"/>
</head>
<body class="login-layout" onload="initLoginForm()">
　　<div class="main-container">
　　　　<div class="main-content">
　　　　　　<div class="row">
　　　　　　　　<div class="col-lg-11">
　　　　　　　　　　<div class="login-container">
　　　　　　　　　　　　　<div class="position-relative">
　　　　　　　　　　　　　　　　<div id="login-box" class="login-box visible widget-box no-border">
　　　　　　　　　　　　　　　　　　<div class="widget-body">
　　　　　　　　　　　　　　　　　　　　<div id="widget-main" class="widget-main">
　　　　　　　　　　　　　　　　　　　　　　<div id="titlePanel" class="center">
　　　　　　　　　　　　　　　　　　　　　　　　<img id="aaaa" src="${pageContext.request.contextPath}/images/login/1234.png"/>
　　　　　　　　　　　　　　　　　　　　　　　　　　<div id="title">1234</div>
　　　　　　　　　　　　　　　　　　　　　　</div>
　　　　　　　　　　　　　　　　　　　　　　<form id="loginForm" action="${pageContext.request.contextPath }/login.action" method="post">
　　　　　　　　　　　　　　　　　　　　　　　　<fieldset>
　　　　　　　　　　　　　　　　　　　　　　　　　　<label class="block clearfix">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　<span class="block input-icon input-icon-right">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<input type="text" class="form-control" tabindex="1" id="LoginName" name="loginUser.loginName" placeholder="用户名" required="required"/>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<i class="icon-user"></i>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　</span>
　　　　　　　　　　　　　　　　　　　　　　　　　　</label>
　　　　　　　　　　　　　　　　　　　　　　　　　　<br />
　　　　　　　　　　　　　　　　　　　　　　　　　　<label class="block clearfix">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　<span class="input-icon input-icon-right" style="width:100%;">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<input type="password" tabindex="3" id="PassWord" name="loginUser.PassWord" class="form-control" placeholder="密码" required="required"/>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<i class="icon-lock"></i>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　</span>
　　　　　　　　　　　　　　　　　　　　　　　　　　</label>
　　　　　　　　　　　　　　　　　　　　　　　　　　<div class="error"><s:actionerror /></div>
　　　　　　　　　　　　　　　　　　　　　　　　　　　　<br />

<div class="space-4"></div>
　　　　　　　　　　　　　　　　　　　　　　</fieldset>
　　　　　　　　　　　　　　　　　　</form>
　　　　　　　　　　　　　　　　</div>
　　　　　　　　　　　　　　</div>
　　　　　　　　　　　　</div>
　　　　　　　　　　</div>
　　　　　　　　</div>
　　　　　　</div>
　　　　</div>
　　</div>
</div>
</body>
<script>
　　var baseCtx = '${pageContext.request.contextPath}/';
</script>

　　<script src="${pageContext.request.contextPath}/lib/assets/js/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
　　if("ontouchend" in document) document.write("<script src='"+"${pageContext.request.contextPath}/"+"assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
</script>
<script src="${pageContext.request.contextPath}/lib/assets/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/lib/assets/js/typeahead-bs2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/lib/assets/js/ace-elements.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/lib/assets/js/ace.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
　　$(function() {
　　　　$("#LoginName").focus();
});
function checkUser() {
　　var result = $.trim($("#LoginName").val());
　　var password = $.trim($("#PassWord").val());

if (result == "" || result == null) {
　　　　alert("用户名不能为空!");
　　　　return false;
　　}
　　if (password == "" || password == null) {
　　　　alert("请输入密码!");
　　　　return false;
　　}
　　$("#loginForm").submit();
}
//初始化登录输入
function initLoginForm(){
　　var usr = document.getElementById("LoginName").value;
　　var pwd = document.getElementById("PassWord").value;
　　if( usr && pwd){
　　　　$("#LoginName").val(""); 
　　　　$("#PassWord").val("");
　　}
}
</script>
</html>

三、写一个登陆成功后返回的页面 Home.jsp

页面内容这里不关注关注的是登陆成功后返回的用户信息

<script type="text/javascript">

var contextPath = "${pageContext.request.contextPath}";
var Role = '${sessionScope.sys_current_sessioninfo.Role}';
var Name = '${sessionScope.sys_current_sessioninfo.Name}';
var Id = '${sessionScope.sys_current_sessioninfo.Id}';

</script>

四、写一个登陆的action请求Java文件

从这里需要先说明一下后续的各个文件的用途

loginAction.java:登录请求，接收到用户页面上输入的用户名和密码（loginName passWord）

LoginUserDTO.java：登陆的客户端用户对象，他也有两个属性 loginName passWord

Sysuser.java：登陆的服务端用户对象，由数据库匹配成功后返回的用户对象；他也有多个属性 ID, name, role, password, phone, age等

sessionInfo.java:登陆成功后保存的用户信息，在客户端用户访问期间一直有效，保存的属性也有多个ID, name, role, password, phone, age等

userSession.java: 主要是session的创建方法和获取session的方法

/**
* 取当前操作人员ID号
* @return
*/
public static String getCurrentUserid() {
　　SessionInfo sessionInfo = (SessionInfo) get(GlobalNames.CURRENT_SESSION_INFO);
　　if (sessionInfo != null)
　　　　return sessionInfo.getWpyId();
　　return null;
}

/**
* 取当前登录Session
*/
public static Map<String, Object> getSession() {
　　Map<String, Object> map = (Map<String, Object>) session.get();
　　return map;
}

userMapper.java：内容：public Sysuser selectByLoginName(String loginName);

//返回类型为Sysuser

//方法名：selectByLoginName

//功能：根据用户输入的登录名来查找是否存在该用户

usermapper.xml:主要是根据登陆时候提供的用户名进行数据库查询，并返回一个用户对象

<sql id="userColumns">

ID,

name,

age,

phone,

role,

password
</sql>
<select id="selectByLoginName" parameterType="string" resultType="*********.Sysuser">
　　SELECT
　　　　<include refid="userColumns" />
　　FROM table_name WHERE name=#{loginName}
</select>

loginAction.java的主要内容为：

private LoginUserDTO loginUser;
private String loginName;//前台页面的登录用户名
private String passWord;//前台页面的登录密码
@Resource
LogonBPO logonBPO;

//
@Action(value = "/login", results = {
@Result(location = "hi",type="redirectAction"),
@Result(name = "login", location = "/pages/login.jsp") })
public String login(){
　　Map<String, String> argsMap = new HashMap<String, String>();
　　if (loginUser == null){
　　loginUser = new LoginUserDTO();
　　}
try {
　　System.out.println("用户和密码验证开始！");
　　Sysuser sysuser = logonBPO.checkUser(loginUser.getLoginName(), loginUser.getPassWord());
　　System.out.println("用户为：\n"+sysuser.getWpy_name());
　　//将服务端返回的用户对象数据存入一个map(10个字段的数据)
　　argsMap.put("Id", sysuser.getId());
　　argsMap.put("name", sysuser.getName());
　　System.out.println("开始创建session：\n");
　　//将map数据存入用户session
　　logonBPO.createSessionInfo(argsMap);
}
catch (BusinessException e) {
　　addActionError(e.getMessage());
　　return LOGIN;
}
return SUCCESS;
}

/**
*
* 登陆成功后返回的页面是Home.jsp
* @return
*/
@Action(value = "/hi",results = { @Result(location = "/pages/Home.jsp") } )
public String loginDispatch() {
return SUCCESS;
}

/**
* 退出系统
*/
@Action(value="/logout", results = { @Result(location = "/pages/login.jsp") })
public String logout() {
　　SessionInfo sessionInfo = (SessionInfo) UserSession.get(GlobalNames.CURRENT_SESSION_INFO);
　　this.request.getSession().invalidate();

if (sessionInfo != null) {
　　sessionInfo.getId();
} else
{
　　logger.warn("logoff");
}
if (HttpUtil.isAjaxRequest(this.request)) {
　　return NONE;
} else {
　　return SUCCESS;
}
// return NONE;
}

LogonBPO.java 主要用于检查用户密码是否正确以及用户名是否存在，代码如下：

public Sysuser checkUser(String loginName, String passWord) {
　　//根据登陆的用户名和密码进行验证
　　//1.查询后台数据返回类型为sysuser
　　Sysuser user = userMapper.selectByLoginName(loginName);
　　//2、判断用户状态
　　if (user == null) {
　　　　System.out.println("用户不存在：\n");
　　　　throw new BusinessException("该用户不存在!");
　　}
　　else
　　{
　　　　//3.判断密码
　　　　if (passWord == null) {
　　　　　　throw new BusinessException("密码为空!");
　　　　}
　　　　else
　　　　{
　　　　　　//4、验证密码是否正确
　　　　　　if (!passWord.equals(user.getPassword())){
　　　　　　　　throw new BusinessException("密码错误!");
　　　　　　}
　　　　　　else
　　　　　　{
　　　　　　　　System.out.println("密码匹配成功！\n");
　　　　　　}
　　　　}　　
　　}
return user; //返回用户
}

/**
* 建立用户会话信息，将action请求得到的用户信息保存在session中
*/
public void createSessionInfo(Map<String, String> argsMap) {
　　Map<String, Object> session = UserSession.getSession();
　　SessionInfo sessionInfo = new SessionInfo();
　　sessionInfo.setId(argsMap.get("Id"));
　　sessionInfo.setName(argsMap.get("name"));
　　//将session数据存入一个全局变量
　　session.put(GlobalNames.CURRENT_SESSION_INFO, sessionInfo);
}
}

Java Web 开发利用Struts2+Spring+mybatis写一个用户登录界面以及简单的数据交互的更多相关文章

用java写一个用户登陆界面
一.课堂测试源代码及其结果截图用java的swing写一个用户登录界面,采用网格布局.源代码如下: /** * */package LiuLijia; import java.awt.CardLay ...
【Java Web开发学习】Spring MVC异常统一处理
[Java Web开发学习]Spring MVC异常统一处理文采有限,若有错误,欢迎留言指正. 转载:https://www.cnblogs.com/yangchongxing/p/9271900. ...
【Java Web开发学习】Spring MVC 使用HTTP信息转换器
[Java Web开发学习]Spring MVC 使用HTTP信息转换器转载:https://www.cnblogs.com/yangchongxing/p/10186429.html @Respo ...
【Java Web开发学习】Spring JPA
[Java Web开发学习]Spring JPA 转载:https://www.cnblogs.com/yangchongxing/p/10082864.html 1.使用容器管理类型的JPA JND ...
【Java Web开发学习】Spring MVC添加自定义Servlet、Filter、Listener
[Java Web开发学习]Spring MVC添加自定义Servlet.Filter.Listener 转载:https://www.cnblogs.com/yangchongxing/p/9968 ...
【Java Web开发学习】Spring MVC 拦截器HandlerInterceptor
[Java Web开发学习]Spring MVC 拦截器HandlerInterceptor 转载:https://www.cnblogs.com/yangchongxing/p/9324119.ht ...
【Java Web开发学习】Spring MVC文件上传
[Java Web开发学习]Spring MVC文件上传转载:https://www.cnblogs.com/yangchongxing/p/9290489.html 文件上传有两种实现方式,都比较 ...
【Java Web开发学习】Spring加载外部properties配置文件
[Java Web开发学习]Spring加载外部properties配置文件转载:https://www.cnblogs.com/yangchongxing/p/9136505.html 1.声明属 ...
【Java Web开发学习】Spring环境profile
[Java Web开发学习]Spring 环境profile 转载:http://www.cnblogs.com/yangchongxing/p/8890702.html 开发.测试.生产环境往往是不 ...

随机推荐

No goals have been specified for this build
在pom.xml文件中build后面加上<defaultGoal>compile</defaultGoal>
android 布局之scrollview
今天在布局页面的时候后犯了难,我要显示的内容一个页面展示不完,怎么办呢? 于是随便找了个app点开一看,哎呀原来还能翻动啊!这是啥布局呢?原来是ScrollView 官方api相关的内容全是英文,这可 ...
java中关于try、catch、finally中的细节分析
来源于:http://www.cnblogs.com/aigongsi/archive/2012/04/19/2457735.html 对所有的例子进行总结 1 try.catch.finally语句 ...
extjs 箱子布局
a.flex 配置项 flex 配置项不是设置在布局上,而是设置在子项的配置项.每个子项相对的 flex 值都会与全体子项 flex 累加的值相比较,根据此结果,处理每个子项的 flex 最后是多少. ...
初步认识ajax（个人整理）
通过使用ajax可以实现页面的部分动态化 ajax可以发送一个请求去服务端,而服务端则发送回一小段数据给客户端,这样就可以避免加载整个页面,因为很多时候页面只需要刷新某一部分的数据,而其他大部分体就不 ...
iOS开发小技巧--TableView Group样式中控制每个section之间的距离
一.TableView的Group样式中,默认的每个section都有sectionHeader和sectionFooter,只要调整这两个的大小就可以实现section之前的间距扩大或缩小二.项目 ...
【CodeVS 3123】高精度练习之超大整数乘法 &【BZOJ 2197】FFT快速傅立叶
第一次写法法塔,,,感到威力无穷啊看了一上午算导就当我看懂了?PS:要是机房里能有个清净的看书环境就好了 FFT主要是用了巧妙的复数单位根,复数单位根在复平面上的对称性使得快速傅立叶变换的时间复杂度 ...
react 属性与状态学习笔记
知识点:1.react 属性的调用 this.props.被调用的属性名设置属性的常用方法:var props = { one: '123', two: 321}调用这个属性:<HelloWo ...
swift 学习（二）基础知识（函数，闭包，ARC，柯里化，反射）
函数 func x(a:Int, b:Int) {} func x(a:Int, b:Int) -> Void {} func x(a:Int, b:Int) ->(Int,Int ...
ajax跨域原理以及解决方案
说明跨域主要是由于浏览器的“同源策略”引起,分为多种类型,本文主要探讨Ajax请求跨域问题前言强烈推荐阅读参考来源中的文章,能够快速帮助了解跨域的原理参考来源本文参考了以下来源浏览器同源政 ...

Java Web 开发利用Struts2+Spring+mybatis写一个用户登录界面以及简单的数据交互

Java Web 开发利用Struts2+Spring+mybatis写一个用户登录界面以及简单的数据交互的更多相关文章

随机推荐

热门专题