Store網上商城專案

用戶注冊

1 創建資料表

2 創建用戶的物體類

3 注冊-持久層

3.1 規劃需要執行

1.用戶的注冊功能，相當于在做資料的插入操作

insert into t_user (username,password) values (值串列)

2.在用戶注冊時要首先去查詢當前的用戶名是否存在，如果存在則不能進行注冊，相當于是一條查詢陳述句

select * from t_user where username=?

3.2 設計介面和抽象方法

定義Mapper介面，在專案的目錄下創建mapper包，在這個包下根據不同的功能模塊來創建mapper介面，創建一個UserMapper的介面，要在介面中定義這兩個抽象方法，

public interface UserMapper {
    /**
     * 插入用戶的資料
     * @param user 用戶的資料
     * @return 受影響的行數（增，刪，改，都用受影響行數作為回傳值）
     */
    Integer insert(User user);
    /**
     * 根據用戶名來查詢用戶的資料
     * @param username 用戶名
     * @return 如果找到對應的用戶則回傳這個用戶的資料，如果沒有則回傳null
     */
    User findByUsername(String username);
}

3.3 撰寫映射

1.定義xml映射檔案，與對應的介面進行關聯，所有的映射檔案需要放在resources目錄下，在這個目錄下創建一個mapper檔案夾，然后在這個檔案夾下存放Mapper映射檔案

2.創建介面對應的映射檔案，遵循和介面的名稱保存一致即可，創建一個UserMapper.xml檔案，

3.配置介面中的方法對應上SQL陳述句上，需要借助標簽來完成，insert\update\delete\select，對應的是SQL陳述句的增刪改查操作，

4.resultMap 定義匹配不同命名規則的屬性，并把resultMap的id傳入到標簽的resultMap屬性里面

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.cy.store.mapper.UserMapper">

    <resultMap id="UserEntityMap" type="com.cy.store.entity.User">
        <id column="uid" property="uid"></id>
        <result column="is_delete" property="isDelete"></result>
        <result column="created_user" property="createdUser"></result>
        <result column="created_time" property="createdTime"></result>
        <result column="modified_user" property="modifiedUser"></result>
        <result column="modified_time" property="modifiedTime"></result>
    </resultMap>

    <insert id="insert" useGeneratedKeys="true" keyProperty="uid">
        INSERT INTO t_user(username, password, salt, phone, email, gender, avatar, isDelete,createdUser, createdTime, modifiedUser, modifiedTime)
        VALUES (#{username}, #{password}, #{salt}, #{phone}, #{email}, #{gender}, #{avatar}, #{isDelete},#{createdUser}, #{createdTime}, #{modifiedUser}, #{modifiedTime})
    </insert>

    <select id="findByUsername" resultMap="UserEntityMap">
        SELECT *
        FROM t_user
        WHERE username = #{username}
    </select>
</mapper>

3.4 單元測驗

每個獨立的層撰寫完畢后都需要寫單元測驗方法，來測驗當前功能，在test包結構下創建一個mapper包，在這個包下再創建持久層的功能測驗，

@SpringBootTest
@RunWith(SpringRunner.class)
public class UserMapperTests {
    @Autowired
    private UserMapper userMapper;
    @Test
    public void insert() {
        User user = new User();
        user.setUsername("tim");
        user.setPassword("123");
        Integer rows = userMapper.insert(user);
        System.out.println(rows);
    }
    @Test
    public void findByUsername(){
        User user = userMapper.findByUsername("tim");
        System.out.println(user);
    }
}

4 注冊-業務層

4.1 規劃例外

1.RuntimeException例外：作為這類例外的子類，然后再去定義具體的例外型別來繼承這個例外，業務層例外的基類，ServiceException例外，這個例外繼承RuntimeException例外，例外機制的建立，

public class ServiceException extends RuntimeException{
    public ServiceException() {
        super();
    }
    public ServiceException(String message) {
        super(message);
    }
    public ServiceException(String message, Throwable cause) {
        super(message, cause);
    }
    public ServiceException(Throwable cause) {
        super(cause);
    }
    protected ServiceException(String message, Throwable cause, boolean enableSuppression, boolean writableStackTrace) {
        super(message, cause, enableSuppression, writableStackTrace);
    }
}

根據業務層不同的功能來詳細定義具體的例外的型別，統一的去繼承ServiceException例外類，

2.業務例外：用戶在進行注冊時候可能會產生用戶名被占用的錯誤，拋出一個例外：UsernameDepulitedException例外

public class UsernameDuplicatedException extends ServiceException{
    public UsernameDuplicatedException() {
        super();
    }
    public UsernameDuplicatedException(String message) {
        super(message);
    }
    public UsernameDuplicatedException(String message, Throwable cause) {
        super(message, cause);
    }
    public UsernameDuplicatedException(Throwable cause) {
        super(cause);
    }
    protected UsernameDuplicatedException(String message, Throwable cause, boolean enableSuppression, boolean writableStackTrace) {
        super(message, cause, enableSuppression, writableStackTrace);
    }
}

3.其他例外：正在執行資料插入操作的時候，服務器宕機，處于正在執行插入的程序中所產生的例外InsertException

4.2 設計介面和抽象方法

1.在service包下創建一個IUserService介面，

public interface IUserService {
    /**
     * 用戶注冊方法
     * @param user 用戶的資料物件
     */
    void reg(User user);
}

2.創建一個實作類UserServiceImpl類，需要實作這個介面，并且實作抽象方法

@Service
public class UserServiceImpl implements IUserService {
    @Autowired
    private UserMapper userMapper;

    @Override
    public void reg(User user) {
        String username = user.getUsername();
        User result = userMapper.findByUsername(username);
        if (result != null){
            throw new UsernameDuplicatedException("用戶名被占用");
        }else {
            String oldPassword =user.getPassword();
            String salt = UUID.randomUUID().toString().toUpperCase();
            String md5Password = getMD5Password(oldPassword, salt);
            user.setPassword(md5Password);
            user.setSalt(salt);
            user.setIsDelete(0);
            user.setCreatedUser(user.getUsername());
            user.setModifiedUser(user.getUsername());
            Date date = new Date();
            user.setCreatedTime(date);
            user.setModifiedTime(date);
            Integer rows = userMapper.insert(user);
            if(rows != 1){
                throw new InsertException("在用戶注冊程序中產生了未知例外");
            }
        }
    }
    private String getMD5Password(String password,String salt){
        for (int i = 0; i < 3; i++) {
            password=DigestUtils.md5DigestAsHex((salt+password+salt).getBytes(StandardCharsets.UTF_8)).toUpperCase();
        }
        return password;
    }
}

3.在單元測驗包下創建一個UserServiceTests類,在這個類中添加單元測驗的功能，

@SpringBootTest
@RunWith(SpringRunner.class)
public class UserServiceTests {
    @Autowired
    private IUserService userService;
    @Test
    public void reg(){
        try {
            User user=new User();
            user.setUsername("yuanxin03");
            user.setPassword("123");
            userService.reg(user);
            System.out.println("ok");
        }catch (ServiceException e){
            System.out.println(e.getClass().getSimpleName());
            System.out.println(e.getMessage());
        }
    }
}

5 注冊-控制層

5.1 創建回應

狀態碼，狀態描述資訊，資料，這部分功能封裝在一個類中，將這類作為方法回傳值，回傳給前端瀏覽器，

public class JsonResult<E> implements Serializable {
    // 狀態碼
    private Integer state;
    // 描述資訊
    private String message;
    // 資料
    private E data;
}

5.2 設計請求

根據當前的業務功能模塊，進行請求的設計

請求路徑：/users/reg
請求引數：User user
請求型別：Post
請求結果：JsonResult<void>

5.3 處理請求

1.創建控制層對應的類UserController類，依賴于業務層的介面，

2.例外捕獲

5.4 控制層優化設計

在控制層抽離父類，在這個父類中統一的去處理關于例外的相關操作，撰寫一個BaseController類，統一處理例外，

6 注冊-前端頁面

1.在register頁面中撰寫發送請求的方法，點擊事件來完成，選中對應的按鈕($("選擇器"))，再去添加點擊的事件，$.ajax()函式發送異步請求，

2.JQuery封裝了一個函式，稱之為$ajax()函式，通過物件呼叫ajax()函式，可以異步加載相關的請求，依靠的是JavaScript提供的一個物件XHR(XmlHttpResponse)，封裝了這個物件，

3.ajax()的使用方式，需要傳遞一個方法體作為方法的引數來使用：

$.ajax({
    url:"",
    type:"",
    data:"",
    dataType:"",
    success:function(){
       
    },
    error:function(){
        
    }
});

4.ajax()函式引數的含義：

5.js代碼可以獨立在一個js的檔案里或宣告在一個script標簽中

用戶登錄

1 登錄-持久層

1.1 規劃需要執行的SQL陳述句

依據用戶提交的用戶名和密碼做select查詢，

select * from t_user where username=?

1.2 介面設計和方法

2 登錄-業務層

2.1 規劃例外

1.用戶名對應的密碼錯誤，密碼匹配失敗的例外：PasswordNotMatchException，運行時例外，業務例外，

2.用戶名沒有找到：UsernameNotFoundException，運行時例外，業務例外，

3.例外的撰寫

2.2 設計業務層介面和抽象方法

1.直接在IUserService介面中撰寫抽象方法，login(String username,String password)，將當前登錄成功的用戶資料以當前用戶物件的形式回傳，狀態管理：可以將資料保存在cookie或者session中，可以避免重復度很高的資料多次頻繁操作資料進行獲取（用戶id-在session中，用戶的頭像-cookie中），

2.在實作類中實作父介面的抽象方法

3.在測驗類中測驗業務層登錄的方法是否可以執行通過，

4.如果一個類沒有手動創建直接將這個類復制到專案，idea找不到這個類，解決：重新構建

2.3 抽象方法實作

3 登錄-控制層

3.1 處理例外

業務層拋出的例外是什么，需要在統一例外處理類中進行統一的捕獲和處理，如果業務層拋出的例外型別在已經在統一例外處理類中曾經處理過，則不需要重復處理

3.2 設計請求

請求路徑：/users/login
請求引數：String username, String password
請求型別：Post
請求結果：JsonResult<User>

3.3 處理請求

在UserController類中撰寫處理請求的方法，

@RequestMapping("/login")
public JsonResult<User> login(String username,String password){
    User login = userService.login(username, password);
    return new JsonResult<>(OK,login);
}

4 登錄-前端頁面

1.在login.html頁面中依據前面所設定的請求來發送ajax請求，

2.訪問頁面進行用戶的登錄操作，

用戶會話session

session物件主要存在服務器端，可以用于保存服務器的臨時資料的物件，所保存的資料可以在整個專案中都可以通過訪問來獲取，把session的資料看作一個共享的資料源，首次登陸的時候所獲取的用戶資料，轉移到session物件即可，

session.getAttrbute("key")可以將獲取session中的資料的這種行為進行封裝，封裝在BaseController類中，

封裝session物件中資料的獲取，資料的設定，（用戶登錄成功后，進行資料的設定，設定到全域的session物件）
在父類中封裝兩個資料：獲取uid和獲取username對應的兩個方法，用戶頭像暫不考慮，封裝在cookie中

在登錄的方法中將資料封裝在session物件中，服務器本身自動創建有session物件，已經是一個全域的session物件，SpringBoot直接使用session物件，直接將HttpSession型別的物件作為請求處理方法的引數，會自動將全域的session物件注入到請求處理方法的session形參上

@RequestMapping("/login")
public JsonResult<User> login(String username, String password, HttpSession session){
    User login = userService.login(username, password);
    session.setAttribute("uid",login.getUid());
    session.setAttribute("username",login.getUsername());
    System.out.println(getUidFromSession(session));
    System.out.println(getUsernameFromSession(session));
    return new JsonResult<>(OK,login);
}

攔截器

攔截器：首先將所有的請求統一攔截到攔截器中，開發者可以在攔截器中定義過濾的規則，如果不滿足系統的設定的過濾規則，統一的處理是重新去打開login.html頁面（重定向和轉發），推薦使用重定向，

在SpringBoot專案中實作攔截器的定義和使用，SpringBoot是依靠SpringMVC來完成的，SpringMVC提供了一個介面HandlerInterceptor介面，用于表示定義一個攔截器，首先，自定義一個類，再用這個類去實作這個介面，

1.自定義一個類，用這個類實作HandlerInterceptoer介面，

/**
 * 定義一個攔截器
 */
public class LoginInterceptor implements HandlerInterceptor {
    /**
     * 檢測全域session物件中是否有uid資料，如果有則放行，如果沒有則重定向到登錄頁面
     * @param request 請求物件
     * @param response 回應物件
     * @param handler 處理器
     * @return 如果回傳值為true表示放行當前的請求，如果回傳值為false則表示攔截當前的請求
     * @throws Exception
     */
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        Object uid = request.getSession().getAttribute("uid");
        if (uid==null){
            response.sendRedirect("/web/login.html");
            return false;
        }
        return true;
    }
}

2.注冊過濾器：添加白名單（哪些資源可以在不登錄的情況下訪問：login.html\register.html\login\reg\index.html\product.html）、添加黑名單（登錄時才可以訪問的頁面資源）

3.注冊過濾技術：借助WebMvcConfigure介面，可以將用戶定義的攔截器進行注冊，才可以保證攔截器能夠生效和使用，定義一個類，然后讓這個類實作WebMvcConfigure介面，配置資訊，建議存放在專案的config包結構下，

public class LoginInterceptorConfigurer implements WebMvcConfigurer {
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        WebMvcConfigurer.super.addInterceptors(registry);
    }
}

修改密碼

需要用戶提交原始密碼和新密碼，再根據當前登錄的用戶進行資訊的修改操作，

1 修改密碼-持久層

1.1 規劃需要執行的SQL陳述句

根據用戶的uid修改用戶的password值，

update t_user set password=?,modified_user?=modified_time=?where uid=?

根據uid查詢用戶的資料，在修改密碼之前，首先要保證當前這用戶的資料存在（is_delete），檢測是否被標記為洗掉、檢測輸入的原始密碼是否正確，

select * from t_user where uid=?

1.2 UserMapper介面定義方法

1.3 UserMapper.xml完善SQL陳述句

1.4 單元測驗

2 修改密碼-業務層

2.1 規劃可能產生的例外

1 用戶輸入的原密碼錯誤 PasswordNotMatch例外

2 用戶已洗掉

3 uid找不到用戶

4 update更新時產生的未知的例外，UpadateException

2.2 設計介面和抽象方法

執行用戶修改密碼的核心方法

2.3 撰寫單元測驗

3 修改密碼-控制層

3.1 處理例外

UpdateException需要配置在統一的例外處理方法中，

3.2 設計請求

/users/changPassword
POST
String oldPassword,String newPassword
JsonResult<void>

3.3 處理請求

@RequestMapping("/change_password")
    public JsonResult<Void> changePassword(String oldPassword,String newPassword,HttpSession session){
        Integer uid = getUidFromSession(session);
        String username = getUsernameFromSession(session);
        userService.changePassword(uid,username,oldPassword,newPassword);
        return new JsonResult<>(OK);
    }

4 修改密碼-前端頁面

個人資料

1.個人資料-持久層

1.1 需要規劃的SQL陳述句

1.更新用戶資訊的SQL陳述句

update t_user set phone=?,email=?,gender=?,modified_user=?,modified_time=? where uid=?

2.根據用戶名來查詢用戶的資料

select * from t_user where uid=?

1.2 介面與抽象方法

更新用戶的資訊方法的定義，

	/**
     * 更新用戶的資料資訊
     * @param user 用戶的資料
     * @return 回傳值為受影響的行數
     */
    Integer updateInfoByUid(User user);

1.3 抽象方法的映射

UserMapper.xml檔案

<update id="updateInfoByUid">
    UPDATE t_user
    SET <if test="phone!=null">phone=#{phone},</if>
    <if test="email!=null">email=#{email},</if>
    <if test="gender!=null">gender=#{gender},</if>
    modified_user=#{modifiedUser},
    modified_time=#{modifiedTime}
    WHERE uid=#{uid}
</update>

1.4 測驗

@Test
public void updateInfoByUid(){
    User user=new User();
    user.setUid(11);
    user.setPhone("1232");
    user.setEmail("[email protected]");
    user.setGender(1);
    Integer integer = userMapper.updateInfoByUid(user);
    System.out.println(integer);
}

2.個人資料-業務層

2.1 例外規劃

設計兩個功能：
- 當打開頁面時，獲取用戶的資訊并填充到對應的文本框中，
- 檢測用戶是否點擊了修改按鈕，如果檢測到則執行修改用戶資訊的操作，
打開頁面的時候可能找不到用戶資料，點擊洗掉按鈕之前需要再次的去檢測用戶的資料是否存在

2.2 介面和抽象方法

主要有兩個功能的模塊，對應的是兩個抽象的方法的設計，

/**
* 根據用戶的uid查詢用戶資料
* @param uid
* @return 用戶的資料
*/
User getByUid(Integer uid);

/**
* 修改用戶資訊
* @param session
* @param user
*/
void changeInfo(Session session,User user);

2.3 實作抽象方法

在UserServiceImpl類中添加兩個抽象方法的具體實作，

	@Override
    public User getByUid(Integer uid) {
        User result = userMapper.findByUid(uid);
        if (result==null||result.getIsDelete()==1){
            throw new UsernameNotFoundException("用戶資料不存在");
        }else {
            User user=new User();
            user.setEmail(result.getEmail());
            user.setPhone(result.getPhone());
            user.setGender(result.getGender());
            return user;
        }

    }

    @Override
    public void changeInfo(Integer uid,String username, User user) {
        User result = userMapper.findByUid(uid);
        if (result==null||result.getIsDelete()==1){
            throw new UsernameNotFoundException("用戶資料不存在");
        }else {
            user.setUid(uid);
            user.setModifiedUser(username);
            user.setModifiedTime(new Date());
            Integer integer = userMapper.updateInfoByUid(user);
            if (integer!=1){
                throw new UpdateException("更新資料時產生未知例外");

            }
        }
    }

2.4 介面測驗

	@Test
	public void getByUid(){
        System.out.println(userService.getByUid(11));
    }
    @Test
    public void changeInfo(){
        User user = new User();
        user.setPhone("1234");
        user.setEmail("[email protected]");
        user.setGender(0);
        userService.changeInfo(11,"denlu",user);
    }

3.個人資料-控制層

3.1 處理例外

3.2 設計請求

1.設定-打開頁面就發送當前用戶的查詢，

/users/get_by_uid
GET
HttpSession session
JsonResult<User>

2.點擊修改按鈕發送用戶的資料修改操作請求的設計，

/users/change_info
POST
User user,HttpSession session
JsonResult<Void>

3.3 處理請求

4. 個人資料-前端頁面

1.在打開userdata.html頁面自動發送ajax請求,查詢到的資料填充到這個頁面，

2.在檢測到用戶點擊了修改按鈕之后發送了一個ajax請求（change_info），

上傳頭像

1.上傳頭像-持久層

1.1 SQL陳述句的規劃

將物件檔案保存在作業系統上，然后再把這個檔案路徑給記錄下來，因為在記錄路徑的時候是非常的便捷和方便的，將來如果要打開這個檔案，可以根據路徑去找到這個檔案，所以資料庫里只要保存檔案存盤路徑即可，將保存的靜態資源（圖片，檔案，其他資源檔案）放在某臺電腦上，再把這臺電腦作為一臺單獨的服務器使用，

對應是一個用戶avatar的sql陳述句

update t_user set avatar=?,modified_user=?,modified_time=? where uid=?

1.2 設計介面和抽象方法

UserMapper介面中來定義這個給抽象方法用于修改用戶頭像

1.3 介面的映射

UserMapper.xml檔案中撰寫映射的SQL陳述句，

2.上傳頭像-業務層

2.1 規劃例外

1.用戶資料不存在，找不到對應的用戶的資料，

2.更新的時候，各種未知的例外產生，

2.2 設計介面和抽象方法

	/**
     * 根據uid修改頭像
     * @param uid 用戶的id
     * @param avatar 用戶的頭像路徑
     * @param username 用戶名
     */
    void changeAvatar(Integer uid,String avatar,String username);

2.3 實作抽象方法

@Override
public void changeAvatar(Integer uid, String avatar, String username) {
    User user = userMapper.findByUid(uid);
    if(user==null||user.getIsDelete().equals(1)){
        throw new UsernameNotFoundException("用戶資料不存在");

    }
    Integer integer = userMapper.updateAvatarByUid(uid, avatar, username, new Date());
    if(integer!=1){
        throw new UpdateException("更新用戶頭像產生未知的例外");

    }
}

2.4 測驗

3.上傳頭像-控制層

3.1 規劃例外

父類：FileUploadException 泛指檔案上傳的例外
    FileEmptyException 檔案為空的例外
    FileSizeException 檔案大小超出限制
    FileTypeException 檔案型別例外
    FileUploadIOException 檔案讀寫的例外
    FileStateException 檔案狀態例外

五個構造方法顯式宣告出來，再去繼承相關的父類

3.2 例外處理

在基類BaseController類中進行撰寫和統一處理，

if (e instanceof FileEmptyException){
    result.setState(6000);
    result.setMessage("檔案空例外");
}else if (e instanceof FileSizeException){
    result.setState(6001);
    result.setMessage("檔案大小例外");
}else if (e instanceof FileTypeException){
    result.setState(6002);
    result.setMessage("檔案型別例外");
}else if (e instanceof FileStateException){
    result.setState(6003);
    result.setMessage("檔案狀態例外");
}else if (e instanceof FileUploadException){
    result.setState(6004);
    result.setMessage("檔案上傳例外");
}

3.3 設計請求

/users/change_avatar
POST(GET請求提交資料2KB)
HttpSession session,MutipartFile file
JsonResult<String>

3.4 實作請求

    /**
     * MultipartFile介面是SpringMVC提供的一個介面,這個介面為我們包裝了獲取檔案型別的資料(任何型別的file都可以接收),SpringBoot整合了SpringMVC,只需要在處理請求的方法引數串列上宣告一個引數型別的MutipartFile的引數,然后SpringBoot自動將傳遞給服務的檔案資料賦值給這個引數
     * @param session
     * @param file
     * @return
     */
    @RequestMapping("change_avatar")
    public JsonResult<String> changeAvatar(HttpSession session, @RequestParam("file") MultipartFile file) {
        if (file.isEmpty()){
            throw new FileEmptyException("檔案為空");
        }
        if (file.getSize()>AVATAR_MAX_SIZE){
            throw new FileSizeException("檔案超出限制");
        }
        if (!AVATAR_TYPE.contains(file.getContentType())){
            throw new FileTypeException("檔案型別不支持");
        }

        String parent=session.getServletContext().getRealPath("upload");
        File dir = new File(parent);
        if (!dir.exists()){
            dir.mkdirs();//創建當前的目錄
        }

        String originalFilename = file.getOriginalFilename();

        int index = originalFilename.lastIndexOf(".");
        String suffix=originalFilename.substring(index);//獲取后綴（.XXX）
        String filename = UUID.randomUUID().toString().toUpperCase()+suffix;//拼接隨機生成的檔案名和前面獲取到的字串
        File dest = new File(dir, filename);//在存盤路徑下寫入同名空檔案，傳回空檔案
        try {
            file.transferTo(dest);//頭像檔案寫入空檔案中
        } catch (FileStateException e) {
            throw new FileStateException("檔案狀態例外");
        } catch (IOException e) {
            throw new FileUploadIOException("檔案讀寫例外");
        }

        Integer uidFromSession = getUidFromSession(session);
        String usernameFromSession = getUsernameFromSession(session);
        String avatar="/upload/"+filename;
        userService.changeAvatar(uidFromSession,avatar,usernameFromSession);
        return new JsonResult<>(OK,avatar);

    }

4.上傳頭像-前端頁面

在upload頁面中撰寫上傳頭像代碼

說明：如果直接使用表單進行檔案的上傳，需要給表單顯示的添加一個屬性enctype="multipart/form-data"宣告出來，不會將目標檔案的資料結構做修改再上傳，不同于字串

5.解決Bug

5.1 更改默認大小的限制

SpringMVC默認為1MB檔案可以進行上傳，需要手動修改SpringMVC默認上傳檔案的大小，

方式1：直接在組態檔中進行配置

spring.servlet.multipart.max-file-size=10MB

方式2：采用Java代碼的形式來設定檔案的上傳大小的限制，主類中進行配置，可以定義一個方法，必須使用@Bean修，回傳值為MutipartConfigElement，在類的前面添加一個@Configuration進行修飾

@Bean
MultipartConfigElement getMultipartConfigElement(){
    MultipartConfigFactory multipartConfigFactory = new MultipartConfigFactory();
    multipartConfigFactory.setMaxFileSize(DataSize.of(10, DataUnit.MEGABYTES));
    return multipartConfigFactory.createMultipartConfig();
}

5.2 顯示頭像

在頁面中通過ajax請求來t提交檔案，提交完成后，后端回傳json串，從中決議出data中的資料，設定到img頭像標簽的src屬性上

serialize()//將表單資料自動拼接成key=value的結構進行提交給服務器，一般提交是普通的控制元件型別中的資料（text\password\radio\checkbox）等等
FormdData類//將表單中資料保持原有結構進行資料的提交
--- new FormData($("#form")[0]);
ajax默認處理資料時按照字串的形式進行處理，以及默認會采用字串的形式進行提交資料，所以要關閉這兩個默認的功能，
--- processData:false,
--- contentType:false,

5.3 登錄后顯示頭像

更新頭像成功后，將服務器回傳的頭像路徑保存在客戶端cookies物件中，然后每次檢查用戶打開上傳頭像頁面，這個頁面中通過ready()方法來自動檢測去讀取cookie中頭像并設到src屬性上，

1.設定cookie中的值

2.在upload頁面中引入cookie.js檔案

3.在upload.html頁面中通過ready()自動讀取cookie中的資料，

新增識訓地址

1 新增識訓地址-資料表的創建

CREATE TABLE t_address (
	aid INT AUTO_INCREMENT COMMENT '識訓地址id',
	uid INT COMMENT '歸屬的用戶id',
	name VARCHAR(20) COMMENT '識訓人姓名',
	province_name VARCHAR(15) COMMENT '省-名稱',
	province_code CHAR(6) COMMENT '省-行政代號',
	city_name VARCHAR(15) COMMENT '市-名稱',
	city_code CHAR(6) COMMENT '市-行政代號',
	area_name VARCHAR(15) COMMENT '區-名稱',
	area_code CHAR(6) COMMENT '區-行政代號',
	zip CHAR(6) COMMENT '郵政編碼',
	address VARCHAR(50) COMMENT '詳細地址',
	phone VARCHAR(20) COMMENT '手機',
	tel VARCHAR(20) COMMENT '固話',
	tag VARCHAR(6) COMMENT '標簽',
	is_default INT COMMENT '是否默認：0-不默認，1-默認',
	created_user VARCHAR(20) COMMENT '創建人',
	created_time DATETIME COMMENT '創建時間',
	modified_user VARCHAR(20) COMMENT '修改人',
	modified_time DATETIME COMMENT '修改時間',
	PRIMARY KEY (aid)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2 新增識訓地址-創建物體類

	private Integer aid;
    private Integer uid;
    private String name;
    private String provinceName;
    private String provinceCode;
    private String cityName;
    private String cityCode;
    private String areaName;
    private String areaCode;
    private String zip;
    private String address;
    private String phone;
    private String tel;
    private String tag;
    private Integer isDefault;

3 新增識訓地址-持久層

3.1 各功能的開發順序

當前識訓地址功能模塊：串列的展示，修改，洗掉，設定默認，新增識訓地址，

開發順序：新增-展示-設定默認-洗掉-修改

3.2 規劃需要執行的SQL陳述句

1.新增-對應的是插入陳述句

insert into t_address(除了aid外欄位串列) values(欄位值串列)

2.一個用戶的識訓地址最多只能有20條資料對應，在插入用戶資料前，先做查詢操作，識訓地址邏輯控制方面的一個例外，

select count(*) t_address where uid=?

3.3 介面和抽象方法

1.創建一個新的介面Address，在這個介面中來定義上面兩個SQL陳述句抽象方法的定義，

    /**
     * 插入用戶的識訓地址資料
     * @param address 識訓地址資料
     * @return 受影響的行數
     */
    Integer insert(Address address);

    /**
     * 根據用戶的uid統計用戶記錄的識訓地址數量
     * @param uid 用戶的uid
     * @return 當前用戶的識訓地址總數
     */
    Integer countByUid(Integer uid);

3.4 配置SQL映射

resource下的AddressMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.cy.store.mapper.AddressMapper">
    	<resultMap id="AddressEntityMap" type="com.cy.store.entity.Address">
        <id column="aid" property="aid"/>
        <result column="province_code" property="provinceCode"/>
        <result column="province_name" property="provinceName"/>
        <result column="city_code" property="cityCode"/>
        <result column="city_name" property="cityName"/>
        <result column="area_code" property="areaCode"/>
        <result column="area_name" property="areaName"/>
        <result column="is_default" property="isDefault"/>
        <result column="created_user" property="createdUser"></result>
        <result column="created_time" property="createdTime"></result>
        <result column="modified_user" property="modifiedUser"></result>
        <result column="modified_time" property="modifiedTime"></result>
    </resultMap>
    <insert id="insert" useGeneratedKeys="true" keyProperty="aid">
        INSERT INTO t_address(uid, name, province_name, province_code, city_name, city_code,area_name, area_code, zip, address, phone, tel, tag, isDefault,created_user, created_time, modified_user, modified_time)
        VALUES (#{uid},#{name},#{provinceName},#{provinceCode},#{cityName},#{cityCode},#{areaName},#{areaCode},#{zip},#{address},#{phone},#{tel},#{tag},#{isDefault},#{createdUser},#{createdTime},#{modifiedUser},#{modifiedTime})
    </insert>
    <select id="countByUid" resultType="java.lang.Integer">
        SELECT count(*) from t_address WHERE uid=#{uid}
    </select>
</mapper>

2.在test下的mapper檔案夾下創建AddressMapperTests的測驗類

4 新增識訓地址-業務層

4.1 規劃例外

如果用戶是第一插入用戶的識訓地址，規則：當用戶插入的地址是第一條，需要將當前地址作為默認識訓地址，如果查詢到統計總數為0，則將當前地址的is_default值設定為1，查詢統計的結果為0不代表例外，查詢結果大于20，這時需要拋出業務控制的例外AddressCountLimitException例外，自行創建這個例外，

4.2 介面和抽象方法

1.創建一個IAddressService介面，在介面中定義業務的抽象方法

4.3 實作抽象方法

5 新增識訓地址-控制層

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/499977.html

標籤：其他

上一篇：java 如何獲取本機所有ip地址呢？

下一篇：HTTPClient示例分享

Java-仿華為商城專案-SpringBoot+MyBatis+MySQL

Store網上商城專案

用戶注冊

1 創建資料表

2 創建用戶的物體類

3 注冊-持久層

3.1 規劃需要執行

3.2 設計介面和抽象方法

3.3 撰寫映射

3.4 單元測驗

4 注冊-業務層

4.1 規劃例外

4.2 設計介面和抽象方法

5 注冊-控制層

5.1 創建回應

5.2 設計請求

5.3 處理請求

5.4 控制層優化設計

6 注冊-前端頁面

用戶登錄

1 登錄-持久層

1.1 規劃需要執行的SQL陳述句

1.2 介面設計和方法

2 登錄-業務層

2.1 規劃例外

2.2 設計業務層介面和抽象方法

2.3 抽象方法實作

3 登錄-控制層

3.1 處理例外

3.2 設計請求

3.3 處理請求

4 登錄-前端頁面

用戶會話session

攔截器

修改密碼

1 修改密碼-持久層

1.1 規劃需要執行的SQL陳述句

1.2 UserMapper介面定義方法

1.3 UserMapper.xml完善SQL陳述句

1.4 單元測驗

2 修改密碼-業務層

2.1 規劃可能產生的例外

2.2 設計介面和抽象方法

2.3 撰寫單元測驗

3 修改密碼-控制層

3.1 處理例外

3.2 設計請求

3.3 處理請求

4 修改密碼-前端頁面

個人資料

1.個人資料-持久層

1.1 需要規劃的SQL陳述句

1.2 介面與抽象方法

1.3 抽象方法的映射

1.4 測驗

2.個人資料-業務層

2.1 例外規劃

2.2 介面和抽象方法

2.3 實作抽象方法

2.4 介面測驗

3.個人資料-控制層

3.1 處理例外

3.2 設計請求

3.3 處理請求

4. 個人資料-前端頁面

上傳頭像

1.上傳頭像-持久層

1.1 SQL陳述句的規劃

1.2 設計介面和抽象方法

1.3 介面的映射

2.上傳頭像-業務層

2.1 規劃例外

2.2 設計介面和抽象方法

2.3 實作抽象方法

2.4 測驗

3.上傳頭像-控制層

3.1 規劃例外

3.2 例外處理

3.3 設計請求

3.4 實作請求