ExtJS+struts2+json登陆实例--源码

这是一个基于ExtJS、Struts2和JSON的登录实例，适合初学者学习Web应用程序开发。这个实例演示了如何将前端的JavaScript框架ExtJS与后端的Java MVC框架Struts2结合，通过JSON进行数据交换实现用户登录功能。下面将详细介绍各个组成部分。 Ext JS 2.2是用于构建富客户端应用的JavaScript库，它提供了丰富的组件和布局，使得在浏览器端创建复杂的用户界面变得容易。在这个登录实例中，Ext JS用于创建交互式的登录表单和处理用户输入。 Struts2是Apache软件基金会的Java Web应用程序框架，它扩展了经典的MVC模式，简化了Java Web开发。在项目中，Struts2负责处理HTTP请求，执行业务逻辑，并通过配置文件(struts.xml)定义动作和结果映射。这里的配置文件包含了一个名为"user"的包，其中定义了一个名为"login"的动作，该动作对应于登录请求，如果登录成功，将重定向到"jsondate.jsp"页面。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它允许在客户端和服务器之间高效地传输数据。在这个实例中，Struts2可以将Java对象转换为JSON格式，然后发送给前端的JavaScript代码，用于验证用户登录信息。 在项目的配置部分，`web.xml`文件定义了Web应用程序的部署描述符，包括过滤器和过滤器映射。这里配置了Struts2的FilterDispatcher，它是Struts2的早期版本中用于处理请求的过滤器。它将所有请求路由到Struts2框架，以便进行进一步处理。 `struts.xml`文件是Struts2的配置文件，定义了动作和结果。在这个例子中，我们看到一个名为"user"的包，它继承自"struts-default"，表示使用Struts2的默认配置。"login"动作与类"org.ext.service.loginAction"关联，当用户提交登录表单时，Struts2会调用这个动作类来处理请求。如果登录成功，结果将会是"success"，并将用户重定向到"jsondate.jsp"页面。 至于前端部分，`Login.jsp`是一个简单的JSP页面，它包含了HTML、CSS以及JavaScript代码。在这里，它使用了Ext JS库来创建登录表单，包括用户名和密码字段，以及提交按钮。`login.js`是JavaScript脚本文件，负责监听表单的提交事件，通过Ajax发送JSON请求到服务器，接收响应并处理登录结果。 这个实例提供了一个基础的前端和后端交互模型，展示了如何使用ExtJS创建用户界面，通过Struts2处理业务逻辑，以及利用JSON进行数据通信。对于初学者来说，这是一个很好的起点，可以帮助他们理解Web开发中的基本组件和它们之间的协作方式。