##開發(fā)助貧網(wǎng)站溯乒，需要登錄注冊(cè)，新聞中心豹爹，個(gè)人信息裆悄，新聞詳情，助貧購(gòu)物等組件臂聋。需要發(fā)表文章光稼，點(diǎn)贊評(píng)論，購(gòu)物等功能孩等。不直接寫css艾君，用現(xiàn)成的ui庫(kù)來構(gòu)寫組件頁面，包括elementui肄方，bootstrapvue等ui庫(kù)冰垄。使用模板打包工具vue—cli創(chuàng)建模板。
使用vue-cli自動(dòng)生成一個(gè)單頁面應(yīng)用模板权她。然后刪除不必要的代碼和文件虹茶，整理出一個(gè)空網(wǎng)頁，導(dǎo)入vue-router隅要，elementUI庫(kù)蝴罪，將app.vue文件分為四個(gè)部分，頂部為網(wǎng)頁的logo步清，網(wǎng)站名稱等要门，導(dǎo)航欄部分的a標(biāo)簽改為router-link。中間主體部分為router-view。底部區(qū)域?yàn)榫W(wǎng)關(guān)部認(rèn)證暂衡，網(wǎng)頁詳情询微。寫Login崖瞭，register狂巢，index組件，打算將index作為父組件添加二級(jí)路由书聚，讓Login唧领，register在父組件中直接切換。其中登錄后的token和cookie還需了解一下機(jī)制雌续，登錄后的個(gè)人中心還得看看斩个。關(guān)于游客登錄，在APP.vue中的導(dǎo)航欄不刪除驯杜，路由直接到/Login受啥。然后點(diǎn)導(dǎo)航欄的東西可以操作，個(gè)人中心評(píng)論點(diǎn)贊這些就需要驗(yàn)證token太進(jìn)行鸽心，直接跳轉(zhuǎn)到登錄組件滚局。
2.關(guān)于主頁的設(shè)計(jì)，應(yīng)該著重于網(wǎng)站的介紹顽频，側(cè)邊欄和主體內(nèi)容構(gòu)成藤肢，側(cè)邊欄有網(wǎng)站介紹，貧困地區(qū)介紹糯景，關(guān)于我們嘁圈。
##關(guān)于新聞中心的設(shè)計(jì)
上面輪播圖播放熱點(diǎn)新聞，下面關(guān)鍵字蟀淮，還有新聞列表最住，新聞列表點(diǎn)擊通過id跳轉(zhuǎn)到相應(yīng)的新聞詳情組件，其中新聞詳情具有評(píng)論功能轉(zhuǎn)發(fā)功能怠惶。
##關(guān)于助貧購(gòu)物的設(shè)計(jì)
進(jìn)去頁面為商品列表涨缚，點(diǎn)擊商品列表到商品詳情頁面，具有評(píng)論功能收藏功能添加購(gòu)物車功能和購(gòu)買功能甚疟。
##個(gè)人中心的設(shè)計(jì)
組件頁面為路由側(cè)邊欄右邊子組件進(jìn)行局部切換仗岖，有個(gè)人信息，發(fā)表的文章览妖，收藏的物品轧拄，購(gòu)物車，我的評(píng)論讽膏，設(shè)置檩电，退出登錄等路由鏈接。
##將評(píng)論功能模塊分離為子組件
由于多個(gè)組件需要用到評(píng)論功能，將評(píng)論功能制作為子組件俐末，用富文本編輯器代替textarea標(biāo)簽料按，有點(diǎn)贊功能。
