##開發(fā)助貧網(wǎng)站，需要登錄注冊，新聞中心，個人信息，新聞詳情，助貧購物等組件。需要發(fā)表文章，點贊評論，購物等功能。不直接寫css，用現(xiàn)成的ui庫來構(gòu)寫組件頁面，包括elementui，bootstrapvue等ui庫。使用模板打包工具vue—cli創(chuàng)建模板。

使用vue-cli自動生成一個單頁面應(yīng)用模板。然后刪除不必要的代碼和文件，整理出一個空網(wǎng)頁，導(dǎo)入vue-router，elementUI庫，將app.vue文件分為四個部分，頂部為網(wǎng)頁的logo，網(wǎng)站名稱等，導(dǎo)航欄部分的a標簽改為router-link。中間主體部分為router-view。底部區(qū)域為網(wǎng)關(guān)部認證，網(wǎng)頁詳情。寫Login，register，index組件，打算將index作為父組件添加二級路由，讓Login，register在父組件中直接切換。其中登錄后的token和cookie還需了解一下機制，登錄后的個人中心還得看看。關(guān)于游客登錄，在APP.vue中的導(dǎo)航欄不刪除，路由直接到/Login。然后點導(dǎo)航欄的東西可以操作，個人中心評論點贊這些就需要驗證token太進行，直接跳轉(zhuǎn)到登錄組件。

2.關(guān)于主頁的設(shè)計，應(yīng)該著重于網(wǎng)站的介紹，側(cè)邊欄和主體內(nèi)容構(gòu)成，側(cè)邊欄有網(wǎng)站介紹，貧困地區(qū)介紹，關(guān)于我們。

##關(guān)于新聞中心的設(shè)計

上面輪播圖播放熱點新聞，下面關(guān)鍵字，還有新聞列表，新聞列表點擊通過id跳轉(zhuǎn)到相應(yīng)的新聞詳情組件，其中新聞詳情具有評論功能轉(zhuǎn)發(fā)功能。

##關(guān)于助貧購物的設(shè)計

進去頁面為商品列表，點擊商品列表到商品詳情頁面，具有評論功能收藏功能添加購物車功能和購買功能。

##個人中心的設(shè)計

組件頁面為路由側(cè)邊欄右邊子組件進行局部切換，有個人信息，發(fā)表的文章，收藏的物品，購物車，我的評論，設(shè)置，退出登錄等路由鏈接。

##將評論功能模塊分離為子組件

由于多個組件需要用到評論功能，將評論功能制作為子組件，用富文本編輯器代替textarea標簽，有點贊功能。