从零开始学struts2

最新推荐文章于 2024-04-21 13:30:32 发布

亮111

最新推荐文章于 2024-04-21 13:30:32 发布

阅读量211

点赞数

分类专栏：个人心得文章标签： struts搭建和前后端数据交替

本文链接：https://blog.csdn.net/qq_41895699/article/details/81120306

版权

个人心得专栏收录该内容

20 篇文章 0 订阅

订阅专栏

在过几天，就要开发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>&nbsp;&nbsp;&nbsp;&nbsp;
						<font id="error"  color="red">${error }</font>
				</td>
			</tr>
		</table>
	</form>
</div>
<div id="footer">
	<jsp:include page="common/footer.jsp"/>
</div>
</body>
</html>

我做了简单的空值判断....还没完

亮111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
从零开始学struts2

在过几天，就要开发struts项目的代码，我是没有struts的任何基础，也是靠着自学 ------自学能力真的很重要，身为LOL的leader，已经说是戒了。。把时间挤出来走我的代码之路首先先创建一个万能的测试web项目。。。导包。...
复制链接

扫一扫