大家好，我是魚皮。

(資料圖片)

一個(gè)月前，某位 B 站知識(shí)區(qū)的百大 UP 主（以下簡(jiǎn)稱框框）找到我，說想和我一起搞個(gè)事。

我很好奇：“我除了會(huì)做網(wǎng)站，還會(huì)啥？找我干啥？”

框框：“你也知道現(xiàn)在很多大學(xué)生在進(jìn)入大學(xué)后會(huì)對(duì)學(xué)習(xí)、求職等等感到迷茫，也會(huì)因?yàn)楹芏嘭?fù)面情緒、低質(zhì)信息而迷失了方向。這個(gè)時(shí)候，如果有人能給他們一些建議或指明方向是最好的。”

我：“不能再認(rèn)同了，像我自己也是受到了一些學(xué)長(zhǎng)的啟發(fā)才找到了學(xué)習(xí)方向?！?/p>

框框：“所以我之前公開收集了很多來自各專業(yè)前輩的建議，相信可以幫助他們少走很多彎路。”

然后框框給我發(fā)了一個(gè)他收集到的專業(yè)建議表格：

仔細(xì)一看，光是精選的建議就足足有 4500 多條?。?！讓我一整個(gè)震撼住了，這個(gè)工作量屬實(shí)是太大了。

框框：“隨著這個(gè)表格里的建議越來越多，我會(huì)發(fā)現(xiàn)在線表格的形式并不利于大家查詢和提交，也沒辦法去做一些點(diǎn)贊之類的操作，所以想找你來做一個(gè)網(wǎng)站，便于所有同學(xué)更好地檢索和篩選專業(yè)建議。”

雖然我平時(shí)很忙，但還是二話不說就答應(yīng)了，而且整個(gè)人都激動(dòng)了起來，全身的血液都在沸騰。因?yàn)檫@真的是一個(gè)非常非常有意義的事情。像我自己之前也想過去做一個(gè)計(jì)算機(jī)（編程學(xué)習(xí)）建議的網(wǎng)站，但由于工作量巨大，就一直擱置了?？蚩蜻@次邀請(qǐng)我合作也算是替我圓了一個(gè)夢(mèng)想哈哈。

于是我們就開始討論網(wǎng)站的樣式、功能、業(yè)務(wù)流程、細(xì)節(jié)等等，確認(rèn)之后，我就閉關(guān)開發(fā)了。

終于在一個(gè)月后，我們的網(wǎng)站【框框大學(xué)】上線了！

地址：https://kkdaxue.com

剛剛上線，訪問人數(shù)巨多，服務(wù)器帶寬有限。如果打不開，請(qǐng)晚點(diǎn)再嘗試。

如圖，網(wǎng)站非常簡(jiǎn)潔清爽，進(jìn)入主頁就能看到大大的搜索框和前輩們的建議了：

可以篩選你的專業(yè)，比如計(jì)算機(jī)科學(xué)與技術(shù)，就能看到對(duì)應(yīng)的學(xué)習(xí)建議。很多內(nèi)容真的是前輩們智慧和經(jīng)驗(yàn)的結(jié)晶，我自己代入大學(xué)生的視角再來看這些建議，也會(huì)有種 “聽君一席話勝讀十年書” 的感覺哈哈。

還可以根據(jù)學(xué)歷做篩選，了解讀研給大家?guī)淼氖斋@，幫助自己做出選擇：

當(dāng)然啦，我們也非常希望有越來越多的學(xué)長(zhǎng)學(xué)姐們給在校的同學(xué)提出一些建議，歡迎分享：

這個(gè)項(xiàng)目的工程量還是很大的，一方面是前期數(shù)據(jù)的收集、另一方面是需求的討論與網(wǎng)站的開發(fā)實(shí)現(xiàn)，我跟框框來來回回溝通了很多次，也都消耗了大量的時(shí)間精力（他是博士，我是打工仔，我們都是利用業(yè)余時(shí)間去做這些事情）。

目前網(wǎng)站已經(jīng)有 5400+ 條建議，我們真切地希望它會(huì)對(duì)大家有幫助，也建議在校的同學(xué)們都來看一看。

再說說這個(gè)網(wǎng)站涉及的技術(shù)實(shí)現(xiàn)吧，其實(shí)還是比較簡(jiǎn)單的。我使用了 React + SpringBoot 主流技術(shù)棧開發(fā)，也沒有用到多復(fù)雜的算法和設(shè)計(jì)。雖然出于安全性和版權(quán)的考慮，網(wǎng)站的代碼不會(huì)開源，但畢竟唯一的開發(fā)者是我哈哈，在開發(fā)的過程中我抽象出了一套 通用的信息展示類網(wǎng)站模板 ，有了這個(gè)模板基本大家要開發(fā)類似的網(wǎng)站全都是灑灑水~

比如花個(gè)半小時(shí)，一個(gè)尋友網(wǎng)站就出來了。

今年國(guó)慶期間，我也在 我的知識(shí)星球 里用這個(gè)項(xiàng)目模板作為示例，帶大家開展了一次項(xiàng)目訓(xùn)練營(yíng)，分享了自己從 0 到 1 從設(shè)計(jì)、開發(fā)、優(yōu)化到上線的完整做項(xiàng)目方法和經(jīng)驗(yàn)，也幫助上百位小伙伴完成了項(xiàng)目。

如果你需要這套項(xiàng)目模板、想系統(tǒng)地學(xué)習(xí)做項(xiàng)目的方法，歡迎加入我的 編程知識(shí)星球（點(diǎn)擊了解詳情），往期所有的項(xiàng)目講解、源碼、直播回放都可以看到，并且我會(huì) 1 對(duì) 1 解決你的問題。

OK，以上就是本期分享，午休結(jié)束，回見~

往期推薦

我的學(xué)習(xí)小圈子

項(xiàng)目啟動(dòng)失??？不用慌！

一道剛遇到的面試題，面試官說答不出正常

別擔(dān)心，我們都一樣！

我做了一款生成代碼+數(shù)據(jù)的神器！

關(guān)鍵詞： 這個(gè)時(shí)候 聽君一席話 你也知道