欧美vvv,亚洲第一成人在线,亚洲成人欧美日韩在线观看,日本猛少妇猛色XXXXX猛叫

本章通過名片管理系統(tǒng)的設計與實現(xiàn)，講述如何使用SSM框架來實現(xiàn)一個Web應用。通過本章的學習，掌握SSM框架應用開發(fā)的流程、方法以及技術

01、系統(tǒng)設計1●系統(tǒng)功能需求

名片管理系統(tǒng)是針對注冊用戶使用的系統(tǒng)。系統(tǒng)提供的功能如下：

1．非注冊用戶可以注冊為注冊用戶。

2．成功注冊的用戶，可以登錄系統(tǒng)。

3．成功登錄的用戶，可以添加、修改、刪除以及瀏覽自己客戶的名片信息。

4．成功登錄的用戶，可以修改密碼

2●系統(tǒng)模塊劃分

用戶登錄成功后，進入管理主頁面（main.jsp）可以對自己的客戶名片進行管理。系統(tǒng)模塊劃分，如圖4.1所示。

■ 圖4.1 名片管理系統(tǒng)

02、數(shù)據(jù)庫設計

系統(tǒng)采用加載純Java數(shù)據(jù)庫驅動程序的方式連接.x數(shù)據(jù)庫。在.x的數(shù)據(jù)庫ch4中，共創(chuàng)建兩張與系統(tǒng)相關的數(shù)據(jù)表：和。

1●數(shù)據(jù)庫概念結構設計

根據(jù)系統(tǒng)設計與分析，可以設計出如下數(shù)據(jù)結構：

1．用戶

包括ID、用戶名以及密碼，注冊用戶名唯一。

2．名片

包括ID、名稱、電話、郵箱、單位、職務、地址、Logo以及所屬用戶。其中，ID唯一，“所屬用戶”與“1．用戶”的用戶ID關聯(lián)。

根據(jù)以上數(shù)據(jù)結構，結合數(shù)據(jù)庫設計特點，可畫出如圖4.2所示的數(shù)據(jù)庫概念結構圖。

■ 圖4.2 數(shù)據(jù)庫概念結構圖

其中，ID為正整數(shù)，值是從1開始遞增的序列。

2●數(shù)據(jù)庫邏輯結構設計

將數(shù)據(jù)庫概念結構圖轉換為MySQL數(shù)據(jù)庫所支持的實際數(shù)據(jù)模型，即數(shù)據(jù)庫的邏輯結構。

用戶信息表（）的設計jsp頁面保存到數(shù)據(jù)庫，如表4.1所示。

■ 表4.1 用戶信息表

名片信息表（）的設計jsp頁面保存到數(shù)據(jù)庫，如表4.2所示。

■ 表4.2 名片信息表

03、系統(tǒng)管理1●JSP頁面管理

為方便管理，在//目錄下存放與系統(tǒng)相關的靜態(tài)資源，如相關的CSS與JS；在/WEB-INF/jsp目錄下存放與系統(tǒng)相關的JSP頁面。

04、名片管理1●實現(xiàn)

在本系統(tǒng)中，與名片管理相關的功能包括添加、修改、刪除、查詢等，由控制器類負責處理。由系統(tǒng)功能需求可知，用戶必須成功登錄才能管理自己的名片，所以，處理添加、修改、刪除、查詢名片等功能前，需要進行登錄權限驗證。在中，使用@注解的方法進行登錄權限驗證。

2●實現(xiàn)

在本系統(tǒng)中，與名片管理相關的功能包括添加、修改、刪除、查詢等，由控制器類負責處理。由系統(tǒng)功能需求可知，用戶必須成功登錄才能管理自己的名片，所以，處理添加、修改、刪除、查詢名片等功能前，需要進行登錄權限驗證。在中，使用@注解的方法進行登錄權限驗證。

3●Dao實現(xiàn)

Dao層是數(shù)據(jù)訪問層，即@注解的數(shù)據(jù)操作接口（接口中的方法與SQL映射文件中元素的id對應），與名片管理相關的數(shù)據(jù)訪問層為。

4●SQL映射文件

SQL映射文件的屬性與數(shù)據(jù)操作接口對應。與名片管理功能相關的SQL映射文件是.xml（位于dao包中）

5●添加名片

首先，用戶登錄成功后，進入名片管理系統(tǒng)的主頁面。然后，用戶在名片管理主頁面單擊“添加名片”超鏈接打開添加名片頁面。最后，用戶輸入客戶名片的姓名、電話、E-Mail、單位、職務、地址、Logo后，單擊“添加”按鈕實現(xiàn)添加。如果成功，則跳轉到名片管理主頁面；如果失敗，則回到添加名片頁面。

.jsp頁面實現(xiàn)添加名片信息的輸入界面，如圖4.3所示。

■ 圖4.3 添加名片頁面

單擊圖4.3中“添加”按鈕，將添加請求通過“card/?act=add”提交給控制器類（4.5.2節(jié)）的方法進行添加功能處理。添加成功跳轉到名片管理主頁面；添加失敗回到添加名片頁面。

6●名片管理主頁面

用戶登錄成功后，進入名片管理系統(tǒng)的主頁面（main.jsp），運行效果如圖4.4所示。

■ 圖4.4 名片管理主頁面

在主頁面中單擊“詳情”超鏈接，打開名片詳細信息頁面.jsp。“詳情”超鏈接的目標地址是個url請求。該請求路徑為“card/?id=${card.id}&act=”。根據(jù)請求路徑找到對應控制器類的方法處理查詢一個名片功能。根據(jù)動作類型（“修改”以及“詳情”），將查詢結果轉發(fā)到不同視圖。名片詳細信息頁面.jsp運行效果如圖4.5所示。

■ 圖4.5 名片詳情

7●修改名片

單擊名片管理主頁面中“修改”超鏈接，打開修改名片信息頁面.jsp。“修改”超鏈接的目標地址是url請求card/?id=${card.id}&act=。找到對應控制器類的方法，在該方法中，根據(jù)動作類型，將查詢結果轉發(fā)給.jsp頁面顯示。

輸入要修改的信息后，單擊“修改”按鈕，將名片信息提交給控制器類，找到對應控制器類的方法，在方法中根據(jù)動作類型，執(zhí)行修改的業(yè)務處理。修改成功，進入名片管理主頁面。修改失敗，回到.jsp頁面。

.jsp頁面的運行效果如圖4.6所示。

■ 圖4.6 .jsp頁面

8●刪除名片

在名片管理主頁面中，單擊“刪除”超鏈接，將要刪除名片的ID通過Ajax提交給控制器類。找到對應控制器類的方法，在該方法中，執(zhí)行刪除的業(yè)務處理。刪除成功后，進入管理主頁面

05、用戶相關1●實現(xiàn)

在本系統(tǒng)中，與用戶相關的功能包括用戶注冊、用戶登錄以及用戶檢查等，由控制器類負責處理。

2●實現(xiàn)

與用戶相關的接口和實現(xiàn)類分別為和。控制器獲取一個請求后，需要調(diào)用層中業(yè)務處理方法，在層中需要調(diào)用Dao層。所以，層是控制器層和Dao層的橋梁。接口的代碼略。

實現(xiàn)類的核心代碼如下：

@Service
public class UserServiceImpl implements UserService{
  @Autowired
  private UserMapper userMapper;
  /***
   * 檢查用戶名是否可用
   */
  @Override
  public String checkUname(MyUser myUser) {
    List userList = userMapper.selectByUname(myUser);
    if(userList.size() > 0)
      return "no";
    return "ok";
  }
  /**
   * 實現(xiàn)注冊功能
   */
  @Override
  public String register(MyUser myUser) {
    //將明文變成密文
    myUser.setUpwd(MD5Util.MD5(myUser.getUpwd()));
    if(userMapper.register(myUser) > 0)
      return "login";
    return "register";
  }
  /**
   * 實現(xiàn)登錄功能
   */
  @Override
  public String login(MyUser myUser, Model model, HttpSession session) {
    //ValidateCodeController中的rand
    String code = (String)session.getAttribute("rand");
    if(!code.equalsIgnoreCase(myUser.getCode())) {
      model.addAttribute("errorMessage", "驗證碼錯誤！");
      return "login";
    }else {
      //將明文變成密文
      myUser.setUpwd(MD5Util.MD5(myUser.getUpwd()));
      List list = userMapper.login(myUser);
      if(list.size() > 0){
        session.setAttribute("userLogin", list.get(0));
        return "redirect:/card/selectAllCardsByPage?currentPage=1";
      }else {
        model.addAttribute("errorMessage", "用戶名或密碼錯誤！");
        return "login";
      }
    }
  }
}

3●Dao實現(xiàn)

Dao層是數(shù)據(jù)訪問層，即@注解的數(shù)據(jù)操作接口（接口中的方法與SQL映射文件中元素的id對應），與用戶相關的數(shù)據(jù)訪問層為。

4●SQL映射文件

SQL映射文件的屬性與數(shù)據(jù)操作接口對應。與用戶相關的SQL映射文件是.xml（位于dao包中），具體代碼如下：

  
    select * from usertable where uname = #{uname}
  
  
    insert into usertable (id,uname,upwd) values(null,#{uname},#{upwd})
  
  
    select * from usertable where uname=#{uname} and upwd=#{upwd}
  

5●注冊

在登錄頁面login.jsp，單擊“注冊”鏈接，打開注冊頁面.jsp，效果如圖4.7所示。

■ 圖4.7 注冊頁面

在圖4.7所示的注冊頁面中，輸入“姓名”后，系統(tǒng)將通過Ajax提交“user/” 請求檢測“姓名”是否可用。輸入合法的用戶信息后，單擊“注冊”按鈕，實現(xiàn)注冊功能。

6●登錄

在瀏覽器中，通過地址:8080/ch4打開登錄頁面login.jsp，效果如圖4.8所示。

■ 圖4.8 登錄界面

用戶輸入姓名、密碼和驗證碼后，系統(tǒng)將對姓名、密碼和驗證碼進行驗證。如果姓名、密碼和驗證碼同時正確，則登錄成功，將用戶信息保存到對象，并進入系統(tǒng)管理主頁面（main.jsp）；如果輸入有誤，則提示錯誤。

7●修改密碼

單擊名片管理主頁面中的“修改密碼”菜單，打開密碼修改頁面.jsp。密碼修好頁面效果如圖4.9所示。

■ 圖4.9 密碼修改頁面

在圖4.9中輸入“新密碼”后，單擊“修改”按鈕，將請求通過“card/”提交給控制器類。根據(jù)請求路徑找到對應控制器類的方法處理密碼修改請求。這里找控制器類處理密碼修改，是因為用戶必須登錄成功后才能修改密碼。

8●安全退出

在名片管理主頁面中，單擊“安全退出”菜單，將返回登錄頁面。“安全退出”超鏈接的目標地址是一個請求card/，找到控制器類的對應處理方法。這里找控制器類處理安全退出，是因為用戶必須登錄成功后才能安全退出。

06、小結

本章講述了名片管理系統(tǒng)的設計與實現(xiàn)。通過我們的學習，不僅掌握SSM框架整合開發(fā)的流程、方法和技術，還應該熟悉名片管理的業(yè)務需求、設計以及實現(xiàn)。