react專案之直聘

2021-08-24 20:25:02 字數 1438 閱讀 4290

#專案說明

1 此專案是乙個前後臺分離的招聘的spa,包括前端應用和後台應用

2 包括使用者註冊/登入,大神/老闆列表,實時聊天等模組

3 前端:使用了react全家桶、es6、webpack等技術,構建頁面主要是用到了antd-mobile庫

4 後端:使用了node、express、mongodb、socketio等技術

總的來說,這個專案使用的技術和相關的庫都比較新,有興趣的同學可以試試,這個專案涉及到的基礎的html/css等知識不多,因為

介面本來就比較簡單,所以直接用了元件庫,涉及到的少量的樣式修改,使用的是less,通過這個專案可以對react技術棧有乙個更深的

了解,也能了解到redux架構的工作流程,此外還能了解到乙個應用的開發過程,能學到不少東西。做到這一步還是很有成就感的,上傳

至此,望能與同志之人共勉,如果對此專案有什麼問題也可以聯絡我。

到目前為止,這個專案還有幾個小bug還沒有解決:

1、本來現在聊天介面加動畫的,但是加入動畫之後,沒有辦法得到正確的document.body.scrollheight,所以訊息不能自動顯示到列表最後;

2、關於未讀訊息的數量,如果通訊雙方都在聊天介面聊天,退出聊天介面後,但是會出現短暫的未讀訊息提醒;

3、關於訊息顯示的問題,當一條訊息有多行文字時,雖然可以顯示,但是格式卻不是很好看,還需要調整;

#專案github位址

#專案介面展示

# 原始碼專案說明:

zhipin-client-cl: 前台專案

zhipin-server-cl:後台專案

# react專案-矽谷直聘的執行說明

## 1. 準備

1) 確保安裝了node環境

檢視是否已經安裝: node -v

如果沒有安裝: 可以根據網上教程去安裝node

2) 確保安裝了mongodb, 並啟動了對應的服務

檢視是否安裝並啟動了服務: 右鍵-->任務管理器-->服務-->mongodb

如果沒有安裝: 可以根據網上教程安裝

## 2. 啟動後台應用

1). 進入zhipin-server-cl

2). 執行命令: npm start

## 3. 啟動前台應用並訪問

1). 進入zhipin-client-cl

2). 執行命令: npm start

## 測試賬號/密碼

大神賬號:dashen1 密碼:123

老闆賬號:laoban1 密碼:123

美國矽谷直聘

美國google公司 一 公司介紹 google公司 中文譯名 谷歌 是一家美國的跨國科技企業,致力於網際網路搜尋 雲計算 廣告技術等領域,開發並提供大量基於網際網路的產品與服務,其主要利潤來自於 adwords 等廣告服務。google 的使命是整合全球資訊,使人人皆可訪問並從中受益。google...

抓取boss直聘的資訊

from bs4 import beautifulsoup import requests import ip proxy from urllib import parse def get boss info my ip,detailed url url proxy response request...

Scrapy實戰 爬Boss直聘

我們爬取頁面中每個公司的崗位資訊,包括職位 辦公地點 工作經驗 上圖中的11個加上boss直聘的jobid共12個資訊 開啟shell scrapy shell view response 發現返回403 嘗試把headers一併給出 from scrapy import request fetch...