我 是用idea寫的。
需求分析：
用戶進入首頁，選擇登陸，跳轉到登陸 / 註冊頁面的登陸模塊，如有賬戶，登陸成功跳轉首頁，並顯示用戶名；如沒有賬戶，註冊一個賬戶成功後，跳回登陸模塊。在這裏沒有實現用戶存儲功能
1、首頁的效果
2、登陸/註冊頁面的效果
登陸成功後
一、準備工作
1、導入jar包。下面是Struts2的核心jar包
2、web.xml 和 struts.xml
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!--攔截所有用戶的請求-->
<filter>
<filter-name>Struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
struts.xml（我放在src目錄下）
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<!--在這裏設置好每一個Action-->
</struts>
下面開始碼代碼
二、開始
我準備好了三個頁面 class文件
創建一個LoginAction.java和RegisterAction.java，還有一個Model類User.java。MapData.java是模擬數據庫，存儲一些用戶數據
Action類都繼承ActionSupport類
LoginAction.java
- 驗證用戶名，密碼
public class LoginAction extends ActionSupport {
private User user=new User();
public User getUser() {
return user;
}
public void setUser(User user) {
this.user = user;
}
@Override
public String execute() throws Exception {
System.out.println("zhixing");
if (Info(user)){
return SUCCESS;
}else {
return ERROR;
}
}
public boolean Info(User user){
boolean flag=false;
//這裏只寫了一個用戶的驗證方式
if(user.getUsername().equals("clmmei")&&user.getPassword().equals("123456")){
flag=true;
}
return flag;
}
}
RegisterAction.java
- 驗證用戶名，密碼是否已經存在
public class RegisterAction extends ActionSupport {
private User user=new User();
private String errorMsg="";
public User getUser() {
return user;
}
public void setUser(User user) {
this.user = user;
}
@Override
public String execute() throws Exception {
MapData mapData=new MapData();
mapData.addMapDate(user);
if (mapData.errorMsg==""&&mapData.errorEmail==""){
return SUCCESS;
}else {
this.errorMsg=mapData.errorMsg+","+mapData.errorEmail;
return ERROR;
}
}
}
注意到 每個Action類都有一個自動執行的execute()方法
@Override
public String execute() throws Exception {
//實現的功能
//...
return SUCCESS;
//return ERROR;
}
完整的struts.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<!--在這裏設置好每一個Action-->
<package name="musicLoRe" extends="struts-default">
<action name="login" class="com.music.action.LoginAction">
<result name="success">index.jsp</result>
</action>
<action name="register" class="com.music.action.RegisterAction">
<result name="success">login_register.jsp</result>
<result name="error">error.jsp</result>
</action>
</package>
</struts>
<package>標籤是區別每一個包（可隨意區別）
<action>標籤代表每一個Action類，<result>代表execute()方法返回的結果，
例如 ：
<action name="login" class="com.music.action.LoginAction"> <result name="success">index.jsp</result><!--返回SUCCESS,默認轉發到index.jsp頁面--> </action>
<result name=" " type="dispatcher（默認） /redirect/redirectAction/...">
1) dispatcher：轉發（默認的，可不寫）
2) redirect ：重定向
3)redirectAction ：( 請求重定向到指定的Action，注意當前路徑和重定向的路徑 )
4)chain ：用於把相關的幾個action連接起來，共同完成一個功能(處於chain中的action屬於同一個http請求，共享一個ActionContext )
5) plaintextj ：結果類型用於直接在頁面上顯示源代碼
注意：
1）當註冊成功時，將該用戶的用戶名顯示在登陸模塊上，這個效果我是用js實現的
login_register.js部分代碼
window.onload=function () { var myUser=GetQueryString("User.username"); if (myUser!=""&&myUser!=null){ document.getElementById("username").value=myUser } } function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//從問號 (?) 開始的 URL（查詢部分） if(r!=null)return unescape(r[2]); return null; }2）登陸成功後，用戶名顯示在index.jsp頁面時也用js實現
index.js的部分代碼
window.onload=function () { var myUser=GetQueryString("User.username"); if (myUser!=""&&myUser!=null){ var a=document.getElementById("userId"); a.innerHTML=myUser; a.href="#"; } } function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]);return null; }
登陸模塊的部分jsp中的代碼：
<form action="login">
<ul>
<li>用戶名：<input type="text" name="User.username" id="username" value=""></li>
<li>密 碼：<input type="text" name="User.password" id="password"></li>
<li><button type="submit">登陸</button> <button type="reset">重置</button></li>
<li class="lo_re2">還沒有註冊！請先註冊</li>
</ul>
</form>
可以注意到，<input>的name值是User.username，這是直接給LoginAction.java的User賦值的方式
同理，
註冊模塊的JSP部分代碼：
<form action="register">
<ul>
<li>用 戶 名：<input type="text" name="User.username" id="username0"></li>
<li>密 碼：<input type="text" name="User.password" id="password0"></li>
<li>確認密碼：<input type="text" name="password" id="password1"></li>
<li>郵 箱：<input type="email" name="User.email" id="email"></li>
<li>出生年月：</li>
<li><button type="submit">登陸</button> <button type="reset">重置</button></li>
</ul>
</form>
完整代碼，請點擊 登陸/註冊
我在GitHub上放了這個項目，提醒一下，我的 idea是 ideaIU-2017.3.4