摘要：如果有什么可以幫到你的無(wú)論是不是此項(xiàng)目中的問(wèn)題都可以在提出我會(huì)盡我所能幫你解決歡迎大佬們提出好的問(wèn)題和點(diǎn)子，我會(huì)第一時(shí)間去修正。

本項(xiàng)目(友租)是基于Vue2、Vuex、Muse-UI、es6、webpack構(gòu)建的一個(gè)移動(dòng)端、PC端輕社區(qū)項(xiàng)目
項(xiàng)目地址GitHub
項(xiàng)目更新歷史
開發(fā)環(huán)境 Macos + Vs code + Chrome
項(xiàng)目的靈感最初來(lái)源：由于我是一個(gè)宅男在杭州沒什么朋友 加上剛來(lái)杭州時(shí)想租一個(gè)適合自己的房子很難 所以想到做這么一個(gè)輕社區(qū)
在做初型時(shí)由于沒有UI設(shè)計(jì)稿和原型圖，想到一部分做一部分 所以初版采用了Muse-UI框架先完成大體視圖 后續(xù)再逐個(gè)進(jìn)行代碼重寫以及組件開發(fā) 
此項(xiàng)目雖說(shuō)不是什么復(fù)雜有高技術(shù)含量的項(xiàng)目，但也是我一個(gè)小夢(mèng)想，所以此項(xiàng)目會(huì)長(zhǎng)期跟進(jìn) 進(jìn)行新功能添加和代碼邏輯重構(gòu)。

喜歡的可以“Star”一下，也可以關(guān)注一下此項(xiàng)目。
如果有什么可以幫到你的 無(wú)論是不是此項(xiàng)目中的問(wèn)題 都可以在Lessus提出 我會(huì)盡我所能幫你解決！?
歡迎大佬們提出好的問(wèn)題和點(diǎn)子，我會(huì)第一時(shí)間去修正。?
我的博客地址

GitHub

Vue2 GitHub地址

Vuex GitHub地址

Vue-router GitHub地址

axios GitHub地址

Muse-ui GitHub地址

Mcok.js GitHub地址

Vue-lazyload(圖片懶加載組件)GitHub地址

WebPack GitHub地址

Es6語(yǔ)法

### 關(guān)于在線數(shù)據(jù)接口
感謝大搜車團(tuán)隊(duì)開放的模擬數(shù)據(jù)的在線Mock服務(wù)：Easy-Mock

1.克隆項(xiàng)目:        git clone [email protected]:52NineTwo/F-Rent.git
2.安裝依賴:        npm install
3.啟動(dòng)服務(wù):        npm run dev
4.發(fā)布代碼:        npm run build

[x] 首頁(yè)

[x] 列表，上拉加載(完成)

[x] 求租列表(待改進(jìn))

[x] 出租列表(待改進(jìn))

[x] 閑置列表(待改進(jìn))

[x] 展集(完成)

[x] 熱門帖子(完成)

[x] 圖集(完成)

[x] 每周話題(完成)

[ ] 詳情頁(yè)(未完成)

[x] 發(fā)布(待改進(jìn))

[ ] 更多

[x] 收到的評(píng)論(完成)

[x] 分類及標(biāo)簽(完成)

[x] 數(shù)據(jù)排行榜(完成)

[x] 發(fā)現(xiàn)(未完成)

[ ] 更多模塊(等待腦細(xì)胞復(fù)活)

[ ] 個(gè)人中心(無(wú)后臺(tái)功能受限)

[x] 修改資料(待改進(jìn))

[x] 關(guān)注(完成)

[x] 收藏(完成)

[x] 點(diǎn)贊(完成)

[x] 發(fā)布的帖子(完成)

[x] 發(fā)布的評(píng)論(完成)

[x] 手機(jī)綁定(完成)

[x] 黑名單(完成)

[x] 關(guān)鍵詞過(guò)濾(完成)

[ ] 發(fā)布權(quán)限(未完成)

[x] 登錄注冊(cè)(無(wú)后臺(tái)功能受限)

[x] 登錄首頁(yè)(完成)

[x] 登錄(完成)

[x] 注冊(cè)(完成)

├── build              // 構(gòu)建服務(wù)和webpack配置
├── config             // 項(xiàng)目不同環(huán)境的配置
├── dist               // 項(xiàng)目build目錄
├── index.html         // 項(xiàng)目入口文件
├── package.json       // 項(xiàng)目配置文件
├── Mock                // Mock數(shù)據(jù)文件
├── src                // 生產(chǎn)目錄
│?  ├── assets         // 圖片資源
│?  ├── components     // 各種組件
│?  ├── page           // 頁(yè)面
│   │   ├── atlas
│   │   │   ├── index.vue                  // 圖集
│   │   ├── home
│   │   │   ├── home.vue                   // 主頁(yè)
│   │   ├── more                 
│   │   │   └── discover.vue               // 發(fā)現(xiàn)
│   │   │   └── index.vue                  // 更多 - 主頁(yè)
│   │   │   └── information.vue            // 收到的評(píng)論
│   │   │   └── label.vue                  // 類別及標(biāo)簽
│   │   │   └── ranking.vue                // 數(shù)據(jù)排行榜
│   │   ├── others   
│   │   │   └── index.vue                  // 他(她)的信息     
│   │   ├── publish                 
│   │   │   └── index.vue                  // 發(fā)布
│   │   ├── user                 
│   │   │   └── blacklist.vue              // 黑名單
│   │   │   └── cellphone.vue              // 綁定手機(jī)
│   │   │   └── discuss.vue                // 發(fā)布的評(píng)論
│   │   │   └── follow.vue                 // 我關(guān)注的人
│   │   │   └── index.vue                  // 個(gè)人中心 - 主頁(yè)
│   │   │   └── keyword.vue                // 關(guān)鍵詞過(guò)濾
│   │   │   └── login.vue                  // 登錄注冊(cè) - 主頁(yè)
│   │   │   └── loginpassword.vue          // 登錄注冊(cè) - 登錄
│   │   │   └── modifydata.vue             // 修改資料
│   │   │   └── register.vue               // 登錄注冊(cè) - 注冊(cè)
│   │   │   └── Userissue.vue              // 發(fā)布的帖子、點(diǎn)贊、收藏、關(guān)注人的話題
│   │   ├── index.vue                      // 底部四欄
│?  ├── router            // 路由配置文件
│?  ├── vuex               // vuex配置文件
│?  ├── App.vue         // 主頁(yè)面
│?  └── main.js         // Webpack 預(yù)編譯入口

首次將此項(xiàng)目代碼更新到GitHub
開發(fā)周期: 一周半(晚上飯后到睡前碼)
由于是初型代碼邏輯以及結(jié)構(gòu)比較亂，已經(jīng)有下次的更新規(guī)劃了。
1.使用Vuex進(jìn)行登錄狀態(tài)驗(yàn)證.
2.將項(xiàng)目中使用率較高的組件比如地區(qū)選擇等封裝成單組件.
3.圖集頁(yè)更換新的模塊以及呈現(xiàn)方式.
4.代碼邏輯以及結(jié)構(gòu)優(yōu)化.
5.隨機(jī)圖片源加速

第二個(gè)版本更新(不好意思，最近較忙所以更新較晚)
開發(fā)周期: 一周(晚上偶爾空時(shí)碼)
1.修復(fù)了初型的部分Bug(如個(gè)人中心登錄、頁(yè)面效果等)
2.優(yōu)化了登錄、注冊(cè)、個(gè)人中心交互以及代碼邏輯(很遺憾時(shí)間有限還是沒有引入vuex)
3.大部分頁(yè)面加入了toast狀態(tài)提示(如加載中、成功、失敗等。。。)
4.更換了隨機(jī)Img源(但是由于不是國(guó)內(nèi)服務(wù)器只是CDN嫁接 所以還是加載會(huì)慢一點(diǎn))
5.添加了Ta的資料(可從發(fā)現(xiàn)等入口進(jìn)入)

下次更新規(guī)劃
1.圖集頁(yè)改版(應(yīng)該是第二次更新規(guī)劃中，但是腦子里只是有了初稿)
2.使用Vuex進(jìn)行登錄狀態(tài)等狀態(tài)管理
3.添加文章詳情頁(yè)

本次更新了部分PC端(費(fèi)了大量腦細(xì)胞 PC端的交互以及界面容我驕傲一下 哈哈哈哈)
由于重要的模塊還沒有完成所以線上地址并不能預(yù)覽，可以clone項(xiàng)目本地查看 具體路由地址可以查看路由配置文件
開發(fā)周期: 國(guó)慶假期一周
由于一樣使用了Muse-UI框架所以在原項(xiàng)目上繼續(xù)開發(fā)
暫時(shí)只完成了首頁(yè)、詳情頁(yè)、個(gè)人中心頁(yè)
關(guān)于PC、移動(dòng)跳轉(zhuǎn)會(huì)選擇使用Vue-Router的路由鉤子來(lái)完成
由于PC端的布局會(huì)有大變化所以此次更新并沒有太大量