前言
本系列文章的以學(xué)習(xí)為目的鸿秆，結(jié)合Java中的spring酌畜、mybatis、maven和前端的vue等時(shí)下較為流行的開(kāi)發(fā)技術(shù)卿叽，來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的wiki項(xiàng)目桥胞，如果您對(duì)文中的開(kāi)發(fā)思路或者行文觀點(diǎn)有不同的意見(jiàn)，歡迎在文章下面留下您的觀點(diǎn)考婴。
功能分析
首頁(yè)
wiki首頁(yè)核心功能能夠類似百度的搜索功能那樣贩虾，通過(guò)關(guān)鍵字檢索問(wèn)題、解決方案沥阱、專題缎罢、用戶等。界面草圖大致如下：
搜索列表頁(yè)
點(diǎn)擊搜索后喳钟，將檢索的結(jié)果以類似GitHub搜索結(jié)果頁(yè)面那樣屁使，展示出所有的包含關(guān)鍵字的問(wèn)題在岂、解決方案奔则、專題和用戶。界面草圖大致如下：
**這里需要說(shuō)明下左側(cè)的側(cè)欄 **
- 當(dāng)點(diǎn)擊【問(wèn)題&解決方案】時(shí)蔽午，顯示【語(yǔ)言側(cè)欄】易茬，點(diǎn)擊【專題】或【用戶】則隱藏【語(yǔ)言側(cè)欄】
- 當(dāng)點(diǎn)擊【語(yǔ)言側(cè)欄】中的某項(xiàng)時(shí)，在結(jié)果中進(jìn)一步篩選該語(yǔ)言下的結(jié)果及老，需要注意的是抽莱，語(yǔ)言欄中所有項(xiàng)的總和應(yīng)該等于【問(wèn)題&解決方案】項(xiàng)右側(cè)的角標(biāo)數(shù)字
- 右側(cè)的排序可以選擇根據(jù)時(shí)間排序或者根據(jù)星星數(shù)量（點(diǎn)贊量）排序。
**當(dāng)搜索結(jié)果為空 ** 界面草圖大致如下
**頂部導(dǎo)航欄 **
- 點(diǎn)擊【問(wèn)題&解決方案】或點(diǎn)擊【專題】的菜單的時(shí)候骄恶，打開(kāi)的頁(yè)面跟搜索頁(yè)面一致食铐，顯示的數(shù)據(jù)應(yīng)該是所有的數(shù)據(jù)問(wèn)題、解決方案或者專題
問(wèn)題詳情頁(yè)
詳情頁(yè)類似論壇的頁(yè)面僧鲁，呈現(xiàn)問(wèn)題和所有的解決方案虐呻，并以點(diǎn)贊數(shù)越多的越靠前顯示象泵，被問(wèn)題提出者采納的解決方案被標(biāo)記為最佳方案，草圖如下所示：
問(wèn)題下方的【我有更好的方案】可以折疊展開(kāi)編輯器斟叼，在線編輯器能夠被允許插入圖片偶惠，帶格式的文本，大致的界面如下：
這里的富文本編輯器為開(kāi)源的 Editor.md 編輯器朗涩，點(diǎn)擊 這里 可以下載 Editor.md 的開(kāi)發(fā)包及其示例
用戶相關(guān)頁(yè)面
這兩個(gè)頁(yè)面是通過(guò)一個(gè)頁(yè)面忽孽，通過(guò)頁(yè)面下方的【立即注冊(cè)】和【立即登錄】來(lái)切換。
登錄
注冊(cè)
個(gè)人中心
