全棧系列Vue版拉勾,客官們來瞧瞧
模擬拉勾app系列---vue前端介面
前言
本專案是本人在閒暇時間編寫的一個初級引導專案,麻雀雖小五臟俱全,所使用的東西絕大多數在開發中都能用得到,但難免會存在很多地方需要完善。
由於近期要備戰法考,且工作繁忙,沒有時間維護,還存在很多BUG或需要優化的地方,希望多多提出(有空了就改),當然能給個star什麼的就更好了。
為了方便訪問,也加入了mock資料,但不是很全,若需要完整體驗,請按照下方步驟實現。
前端專案由Vue框架編寫,其餘部分涉及到node、python等可移至下方專案或自行查閱。
注意:本專案個人開發練習,不作為任何商業用途
todolist
登入/註冊√頁面首次載入面√城市選擇√文章閱讀√搜尋職位√條件篩選√搜尋公司√下拉重新整理上拉載入√資料排序√圖片懶載入√提問評論√提問資訊編輯√言職社群記錄√話題關注√收藏√求職意向√投遞記錄√登出√基礎設定√頭像修改√簡歷填寫√簡歷生成並下載pdf√- ps:還有很多很多東西,不一一列舉,想到啥就做啥
技術棧
前端:
- vue全家桶
- es6
- scss
- mint-ui
- mockjs
- jquery
轉發伺服器:
- node
- express
實際api伺服器:
- python3
- mongodb
爬蟲:
- python3
效果演示
首次載入

登入註冊

首頁

文章閱讀

選擇城市

職位檢視

篩選

排序

排序2

簡歷修改

我的設定

ps:還有更多的設定就不截圖了,有點大,有興趣的clone下去看看吧
線上地址
說明
代理api地址:github.com/qianbin01/l…
api地址:github.com/qianbin01/l…
專案配置
ubuntu 16.04
執行步驟
必備步驟:
- 執行爬蟲專案
- 執行python-api專案
- 執行node-api轉發專案
- 執行本專案
本專案步驟:
- git clone github.com/qianbin01/l…
- cd lagou_vue
- npm install/yarn install
- npm run dev/npm start
- 瀏覽器訪問http://localhost:8085
點點你們的小手吧
知乎專欄:zhuanlan.zhihu.com/c_101058277…
掘金:juejin.im/user/5b8291…
思否:segmentfault.com/u/qishidexi…
希望對大家有幫助
