資料：前輩的源碼、堆棧旁的貓的個人博客頁面
工具：vs2015community\Sql Server 2012
簡介：使用MVC4.0開發模式
先上演示圖：
創建數據庫
首先做好準備工作，主要目的是招新，所以就一張基本信息表就夠了，見表也很簡單，時間限制，我就直接借用前輩的數據庫了。
著手項目
新建ASP.NET MVC項目
考慮到兼容性問題，因為我們最終要放到網站的服務器上，服務器上的VS版本較低，這樣打開VS2015的項目就會遇到很多問題，最偷懶的解決辦法就是，在服務器上創建項目框架，然后用自己的VS2015去打開，再去開發。
文件部署
文件清理
創建的項目模板中通常帶有很多我們并不需要的東西，而這個招新網站本來也不會是特別大型的，所以相比之下，那些無用的很占空間，所以還是清理掉比較好。
添加必要的文件夾
- CSS:樣式文件，放在Content文件夾中；
- JS:js腳本文件，放在Script文件夾中；
- Files:存放一些文檔文件；
- images:存放Logo、上傳存照等圖片文件；
樣式文件、圖片、一些文檔，也就是1、3、4都放在Content文件夾中，JS放在Script文件夾中，做好分類規整會給后續開發帶來很大幫助。
創建頁面
我的招新網站主要分為下面幾部分頁面：
- 首頁:對網站以及這次招新的要求做一個簡要說明介紹，并提供報名入口進行簡歷填寫。主要是前端界面設計，基本沒有和后臺的數據交流。
- 簡歷填寫頁面：簡歷的頁面設計以及后臺邏輯，涉及到將信息提交數據庫，文件、照片上傳下載。網上有很多求職網站中的填寫簡歷界面都做得非常棒，而且給人感覺也不錯，但畢竟不是開源，只能借鑒其頁面設計，后臺要怎么開發，我找到網站官網上一些功能，可以通過改造成簡歷填寫的一部分，最重要的是有參考，本人還處在學習階段，所以還是需要一些前輩經驗來幫助自己的網站開發。
- 提示頁面：在簡歷提交成功或失敗，需要提供給用戶一個提示頁面，提交已成功或失敗，這樣可以帶給用戶更好的體驗。
- 母版頁：如果頁面較多，或有重合內容，比如網站的標志、上方導航欄，下方版權提示一般都會是固定不變的，這就可以把他們做成母版頁。
前端
具體實現的代碼過程就不詳述了，簡單說下中間遇到的問題和解決辦法，以及經驗吧。
1.原本打算模仿大神堆棧旁的貓的博客頁面，只用Html+CSS+js完成各種效果，無奈能力不夠，招新時間都快到了，最后臨時使用了jQuery->fullPage.js，實現在同一個頁面，點擊導航欄，定位到指定位置，原理是錨鏈接。<a href="#firstPage"></a> ,firstPage是指定div的ID，點擊鏈接就會跳轉到指定的div.
https://github.com/alvarotrigo/fullPage.js
這里有詳細的fullPage.js的使用方法和注意事項。
2.在準備寫一個網站的前端頁面之前，一定要有一個整體的頁面設計規劃，對于各模塊的擺放位置，都要提前有一個明確的設計，所以說，找一個美工設計的伙伴提前做好設計特別重要，自己設計也可以。我就因為沒有提前做好規劃設計，導致后來讓美工設計的同學幫忙看一下，就遭到了吐槽，而且很多布局都有大改動，又加大了工程量。
3.適配手機：當然也可以不用適配，直接按在電腦上的樣子顯示，不過因為我做的這個頁面是通過錨鏈接定位到四個頁面，也相當于四個屏幕，如果不進行適配，就達不到理想效果。手機適配也不難，就是可能麻煩了點，因為各個手機尺寸都不一樣，強烈建議使用百分比。手機屏幕有限，所以盡可能的就是要把無用信息和效果進行刪減。
上圖：
后臺( ASP.NET C# )
主要涉及到的功能點有提交簡歷信息插入數據庫、上傳文件、后臺查看簡歷列表以及建立詳細信息。
這個網站的完成比較匆忙，僅僅完善了用戶能看到的頁面，后臺管理員查看簡歷沒有很好的進行完善，招新已經過去很久了，直到今天才騰出來點時間完成這篇未完成的文章。也無暇在對每一個步驟進行詳細的回憶和描述，如果有朋友對哪一個部分感興趣或者有疑問可以留下評論或私信，歡迎哦！
