大家好，我是你們的大拿老師！

本期講解的是學長學姐認證模組官方原型圖的內容。

簡單的認證流程為：

認證中——稽核中——稽核失敗——重新認證

核心重點：認證資訊和渠道。功能並不複雜，但是細節很多。

1.學校選擇

無論是UI、前端還是開發，注意學校不是輸入性，而是選擇性。點選觸發省和學校兩級的聯動，先選省，然後再選學校。

關於樣式，前端和UI需要注意，前端用的是vue加vant的樣式框架，vant裡面已經有了二級和三級的聯動，包括下面的時間選擇，那麼UI同學一定要注意，去搜索vant的樣式，不要自己過度發揮UI的一些常用的、預設的元件，但可以改字型大小和顏色。

在開發階段，自己模擬一些資料，不要等著產品部門提供資料，等到後面真正資料出來再補入。

2.輸入專業資訊

輸入專業資訊限制在15個字以內，前端和資料庫後端都要作出限制。

3.在校時間

點選底部彈出時間選擇，採用年月的格式，注意：只到月份。要求在校開始時間必須小於當前時間。

4.導師資訊

注意這個地方選填，開發的時候注意它是可以不填的。

5.研究方向

選填，也是讓使用者來選，不管前端還是JAVA，一定要做好準確的校驗。

6.認證方式

設計的時候是一個tab，任選一種認證方式，只要有一種驗證完成就算驗證成功，不支援第二種驗證。

第一種認證：學校郵箱，必須以教育郵箱結尾，前端需要校驗郵箱格式。如果後面想繼續的優化，可以把所有的院校的郵箱做對應。
注意點：郵箱的互動。
兩套方式，一套是發一個認證連結，發到郵箱裡面，點進連結然後再跳轉。
另外一種的話是通過類似於手機驗證碼的模式來校驗。驗證碼：四位。產品要求：就是一天最多傳送十次，倒計時的時候不能再點，驗證碼有效期為五分鐘。

第二種認證：校園卡/學生證。我們需要的資訊是學校專業和姓名，其他相關資訊可以上傳。這個邏輯比較難做，首先，UI要實現上傳樣式的一個控制元件，控制元件邏輯是前端用vant元件裡面的檔案上傳。

7.提交認證

前端同學要去考慮介面是怎麼實現的。

歡迎關注我們的WX公眾號“拿OFFER”獲取更多校招資訊和硬核乾貨。