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

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

簡單的認證流程為：

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

核心重點：認證信息和渠道。功能并不復雜，但是細節(jié)很多。

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

關于樣式，前端和UI需要注意，前端用的是vue加vant的樣式框架，vant里面已經有了二級和三級的聯動，包括下面的時間選擇，那么UI同學一定要注意，去搜索vant的樣式，不要自己過度發(fā)揮UI的一些常用的、默認的組件，但可以改字體大小和顏色。

在開發(fā)階段，自己模擬一些數據，不要等著產品部門提供數據，等到后面真正數據出來再補入。

輸入專業(yè)信息限制在15個字以內，前端和數據庫后端都要作出限制。

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

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

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

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

第一種認證：學校郵箱，必須以教育郵箱結尾，前端需要校驗郵箱格式。如果后面想繼續(xù)的優(yōu)化，可以把所有的院校的郵箱做對應。

注意點：郵箱的交互。
兩套方式，一套是發(fā)一個認證鏈接，發(fā)到郵箱里面，點進鏈接然后再跳轉。
另外一種的話是通過類似于手機驗證碼的模式來校驗。驗證碼：四位。產品要求：就是一天最多發(fā)送十次，倒計時的時候不能再點，驗證碼有效期為五分鐘。

第二種認證：校園卡/學生證。我們需要的信息是學校專業(yè)和姓名，其他相關信息可以上傳。這個邏輯比較難做，首先，UI要實現上傳樣式的一個控件，控件邏輯是前端用vant組件里面的文件上傳。

前端同學要去考慮接口是怎么實現的。

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