摘要：如果有什么可以幫到你的無論是不是此項目中的問題都可以在提出我會盡我所能幫你解決歡迎大佬們提出好的問題和點子，我會第一時間去修正。

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

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

GitHub

Vue2 GitHub地址

Vuex GitHub地址

Vue-router GitHub地址

axios GitHub地址

Muse-ui GitHub地址

Mcok.js GitHub地址

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

WebPack GitHub地址

Es6語法

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

1.克隆項目:        git clone git@github.com:52NineTwo/F-Rent.git
2.安裝依賴:        npm install
3.啟動服務(wù):        npm run dev
4.發(fā)布代碼:        npm run build

[x] 首頁

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

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

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

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

[x] 展集(完成)

[x] 熱門帖子(完成)

[x] 圖集(完成)

[x] 每周話題(完成)

[ ] 詳情頁(未完成)

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

[ ] 更多

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

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

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

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

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

[ ] 個人中心(無后臺功能受限)

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

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

[x] 收藏(完成)

[x] 點贊(完成)

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

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

[x] 手機綁定(完成)

[x] 黑名單(完成)

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

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

[x] 登錄注冊(無后臺功能受限)

[x] 登錄首頁(完成)

[x] 登錄(完成)

[x] 注冊(完成)

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

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

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

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

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