摘要：又將整個(gè)文藝類(lèi)閱讀系統(tǒng)的業(yè)務(wù)劃分為兩大部分，分別是面向管理員和合作作者的后臺(tái)管理系統(tǒng)和面向用戶的移動(dòng)端，系統(tǒng)的需求分析將圍繞這兩部分進(jìn)行展開(kāi)。

moment-server github地址

moment github地址

moment-manage github地址

聊聊畢業(yè)設(shè)計(jì)系列 --- 項(xiàng)目介紹

聊聊畢業(yè)設(shè)計(jì)系列 --- 系統(tǒng)實(shí)現(xiàn)

本論文對(duì)在移動(dòng)互聯(lián)網(wǎng)的大環(huán)境下，人們對(duì)閱讀的需求和存在的問(wèn)題以及發(fā)展趨勢(shì)進(jìn)行了深入分析研究之后，主要目的是設(shè)計(jì)一套簡(jiǎn)約優(yōu)雅風(fēng)格的UI，即UserInterface（用戶界面），采用Express為Node.js的web開(kāi)發(fā)框架，Mongoose模塊來(lái)管理非關(guān)系型數(shù)據(jù)庫(kù)MongoDB，在前端工程中主要運(yùn)用了漸進(jìn)式JavaScript框架Vue.js，使用Vue-router做前端頁(yè)面路由的跳轉(zhuǎn)，使用Axios作為HTTP請(qǐng)求庫(kù)，同時(shí)使用Vuex負(fù)責(zé)前端全局狀態(tài)管理，使用ElementUI作為界面基礎(chǔ)組件庫(kù)，使用Webpack進(jìn)行模塊化打包，并結(jié)合HTML5相關(guān)技術(shù)最終實(shí)現(xiàn)一個(gè)包含圖文類(lèi)、閱讀類(lèi)、影視類(lèi)、音樂(lè)類(lèi)和電臺(tái)類(lèi)五大版塊的文藝類(lèi)閱讀系統(tǒng)，取名為Moment，意為片刻，旨在為人們提供一個(gè)平臺(tái)，讓人們?cè)谒槠臅r(shí)間里進(jìn)行有效閱讀。將實(shí)現(xiàn)系統(tǒng)中的兩大主要部分：面向管理員和合作作者的后臺(tái)管理系統(tǒng) 和 面向用戶的移動(dòng)端WebApp。                               ??????????????????????????????????????????--- 摘自本人論文

好了好了，以上純屬裝x，三流的學(xué)校三流的畢業(yè)設(shè)計(jì)，看官隨意就好。引言中做了畢業(yè)設(shè)計(jì)項(xiàng)目的介紹，實(shí)現(xiàn)一個(gè)包含圖文類(lèi)、閱讀類(lèi)、影視類(lèi)、音樂(lè)類(lèi)和電臺(tái)類(lèi)五大版塊的文藝類(lèi)閱讀系統(tǒng)，取名為Moment。主要運(yùn)用到的技術(shù)棧有：

Node.js --- Express

MongoDB --- Mongoose

Vue

Vue-router

Axios

Vuex

ElementUI

Socket.io

...

在項(xiàng)目開(kāi)始之前還很激動(dòng)乘還是學(xué)生的時(shí)候在騰訊云上買(mǎi)了云服務(wù)器，注冊(cè)了第二個(gè)域名momentin.cn，到后面部署上去發(fā)現(xiàn)接口請(qǐng)求太慢了，于是乎還是放棄了，其實(shí)最重要的還是bug多多哈哈哈，性能優(yōu)化還沒(méi)做好。不過(guò)后面會(huì)繼續(xù)部署上線。

作為一個(gè)文藝類(lèi)閱讀系統(tǒng)，最主要的目的就是為用戶提供優(yōu)質(zhì)的閱讀體驗(yàn)和豐富的閱讀內(nèi)容。從而，以此作為目標(biāo)，本系統(tǒng)業(yè)務(wù)中對(duì)閱讀文章的分類(lèi)又分為圖文類(lèi)、閱讀類(lèi)、影視類(lèi)、音樂(lè)類(lèi)和電臺(tái)類(lèi)這五個(gè)版塊，于目于耳對(duì)文章的形式進(jìn)行多樣化。又將整個(gè)文藝類(lèi)閱讀系統(tǒng)的業(yè)務(wù)劃分為兩大部分，分別是面向管理員和合作作者的后臺(tái)管理系統(tǒng)和面向用戶的移動(dòng)端WebApp，系統(tǒng)的需求分析將圍繞這兩部分進(jìn)行展開(kāi)。

面向用戶的移動(dòng)端WebApp最重要的業(yè)務(wù)是提供文章的閱讀，這個(gè)業(yè)務(wù)是面向所有可使用系統(tǒng)的用戶。當(dāng)然考慮到用戶不僅僅滿足于閱讀，也需要以文章作為媒介進(jìn)行用戶之間的社交性活動(dòng)，因此系統(tǒng)增加了圖文廣場(chǎng)模塊，類(lèi)似于一個(gè)圈子，所有用戶都可以發(fā)布圖文及查看，再比如關(guān)注，互相評(píng)論等各種互動(dòng)。社交性的操作后往往需要給用戶一些提醒，不然將失去意義，而且必須保證這個(gè)提醒是實(shí)時(shí)的，所以需要對(duì)用戶進(jìn)行實(shí)時(shí)的消息推送。當(dāng)然用戶難免對(duì)文章本身進(jìn)行操作，比如評(píng)論、點(diǎn)贊、收藏等操作。所有用戶都可以對(duì)文章進(jìn)行閱讀，但是一旦涉及到社交性操作的話就要以用戶有登錄注冊(cè)的前提。

這個(gè)系統(tǒng)的管理，系統(tǒng)主要分為兩種角色進(jìn)行管理。系統(tǒng)管理員角色可以看到移動(dòng)端WebApp整體數(shù)據(jù)情況，可以對(duì)用戶進(jìn)行管理包括合作作者和所有普通用戶，以及可以對(duì)圖文、閱讀、影視、音樂(lè)、電臺(tái)所有文章進(jìn)行管理，并且可以對(duì)系統(tǒng)的其他模塊進(jìn)行管理，例如廣告模塊、輪播圖模塊、公告模塊等。而作者角色的權(quán)限就相對(duì)比較少，僅包含對(duì)文章的管理。

注： 由于時(shí)間關(guān)系 WebApp整體數(shù)據(jù)情況這塊，它的數(shù)據(jù)庫(kù)字段是有，但是當(dāng)時(shí)匆匆忙忙沒(méi)時(shí)間寫(xiě)接口，目前以靜態(tài)展示。系統(tǒng)管理這一塊也未處理完畢。

系統(tǒng)架構(gòu)？？這么裝逼的詞哈哈哈哈，其實(shí)也就傳統(tǒng)的B/S架構(gòu)，前后端分離。前端通過(guò)發(fā)起ajax接口請(qǐng)求，web服務(wù)器對(duì)請(qǐng)求進(jìn)行處理并操作數(shù)據(jù)庫(kù)服務(wù)器，返回json格式數(shù)據(jù)到前端，前端拿到數(shù)據(jù)后，處理數(shù)據(jù)并進(jìn)行渲染。

這是當(dāng)初項(xiàng)目開(kāi)始前的一個(gè)粗略功能模塊設(shè)計(jì)，其中一小部分模塊由于當(dāng)初時(shí)間關(guān)系還未做全，不過(guò)大部分功能模塊已經(jīng)實(shí)現(xiàn)。

系統(tǒng)數(shù)據(jù)庫(kù)的存儲(chǔ)主要包含了：文章數(shù)據(jù)存儲(chǔ)，用戶數(shù)據(jù)存儲(chǔ)，管理員和合作作者數(shù)據(jù)存儲(chǔ)，文章評(píng)論存儲(chǔ)，用戶間關(guān)系存儲(chǔ)。其中的文章數(shù)據(jù)存儲(chǔ)又分為圖文文章數(shù)據(jù)存儲(chǔ)、閱讀文章數(shù)據(jù)存儲(chǔ)、影視文章數(shù)據(jù)存儲(chǔ)、音樂(lè)文章數(shù)據(jù)存儲(chǔ)、電臺(tái)文章數(shù)據(jù)存儲(chǔ)。其中的文章評(píng)論數(shù)據(jù)存儲(chǔ)又分為閱讀評(píng)論數(shù)據(jù)存儲(chǔ)、影視評(píng)論數(shù)據(jù)存儲(chǔ)、音樂(lè)評(píng)論數(shù)據(jù)存儲(chǔ)、電臺(tái)評(píng)論數(shù)據(jù)存儲(chǔ)。

現(xiàn)在咱們也對(duì)項(xiàng)目做了個(gè)介紹，并且對(duì)系統(tǒng)分析和系統(tǒng)設(shè)計(jì)做了大概的介紹。那么接下來(lái)的文章會(huì)對(duì)系統(tǒng)的實(shí)現(xiàn)做介紹，會(huì)介紹到項(xiàng)目中主要的一些功能模塊，或者說(shuō)可拿出來(lái)與大家分享的模塊，以及介紹這個(gè)項(xiàng)目之后自己的一點(diǎn)點(diǎn)思考。

本人水平一般，介紹的可能也是一些基礎(chǔ)，見(jiàn)諒見(jiàn)諒~~