在过几天,就要开发struts项目的代码,我是没有struts的任何基础,也是靠着自学
------自学能力真的很重要,身为LOL的leader,已经说是戒了。。把时间挤出来走我的代码之路
首先先创建一个万能的测试web项目。。。
导包。。。
打开web.xml
在src下创建一个struts,xml文件。
开始搭建我们的struts项目的第一个Hello Word!!!
package元素,作用类似于Java包的机制,他是用于分门别类的一个工具,extends属性如他的名字一样,它继承了struts-default这个包的所有信息:我拿出在项目中结合通配符来说
当你配置完"1"元素后,他相当于配置了一个请求拦截 “/” 这个不需要多说了吧!
"2"元素就是你的action类在哪个包
"3"元素也是一个通配符的作用 ,这里的{1}表示接收前面action里通过通配符传来的值
"4"元素代表一个Action类返回一个字符串的结果码,而struts2这个框架会根据对应的result,向用户输出
"userCenter"跟struts.xml的result匹配,从而达到跳转页面。。
简单的struts2的Hello Word!就配置完成
而我下面接着讲struts。后台与前端的数据交换
就简单的拿login页面来说
先给大家看login页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.1.js"></script>
<script type="text/javascript">
function loadimage(){
document.getElementById("randImage").src = "image.jsp?"+Math.random();
}
function checkForm(){
var userName=$("#userName").val();
var password=$("#password").val();
var imageCode=$("#imageCode").val();
if(userName==""){
$("#error").html("用户名不能为空!");
return false;
}
if(password==""){
$("#error").html("密码不能为空!");
return false;
}
if(imageCode==""){
$("#error").html("验证码不能为空!");
return false;
}
return true;
}
</script>
</head>
<body>
<div id="header" class="wrap">
<jsp:include page="common/top.jsp"/>
</div>
<div id="register" class="wrap">
<div class="shadow">
<em class="corner lb"></em> <em class="corner rt"></em>
<div class="box">
<h1>欢迎回到易买网</h1>
<form id="loginForm" method="post" action="user_login.action"
onsubmit="return checkForm()">
<table>
<tr>
<td class="field">用户名:</td>
<td><input class="text" type="text" id="userName"
name="user.userName" value="${user.userName }" />
</td>
</tr>
<tr>
<td class="field">登录密码:</td>
<td><input class="text" type="password" id="password"
name="user.password" value="${user.password }" />
</td>
</tr>
<tr>
<td class="field">验证码:</td>
<td><input class="text" style="width: 60px;margin-right: 10px;"
type=text value="${imageCode }" name="imageCode" id="imageCode"><img
onclick="javascript:loadimage();" title="换一张试试" name="randImage"
id="randImage" src="image.jsp" width="60" height="20" border="1"
align="absmiddle">
</td>
</tr>
<tr>
<td></td>
<td><label class="ui-green"><input type="submit"
name="submit" value="立即登录" /> </label>
<font id="error" color="red">${error }</font>
</td>
</tr>
</table>
</form>
</div>
<div id="footer">
<jsp:include page="common/footer.jsp"/>
</div>
</body>
</html>
我做了简单的空值判断....还没完