摘要:又將整個文藝類閱讀系統(tǒng)的業(yè)務劃分為兩大部分,分別是面向管理員和合作作者的后臺管理系統(tǒng)和面向用戶的移動端,系統(tǒng)的需求分析將圍繞這兩部分進行展開。
效果展示 github
moment-server github地址
moment github地址
moment-manage github地址
articles聊聊畢業(yè)設計系列 --- 項目介紹
聊聊畢業(yè)設計系列 --- 系統(tǒng)實現(xiàn)
前言本論文對在移動互聯(lián)網(wǎng)的大環(huán)境下,人們對閱讀的需求和存在的問題以及發(fā)展趨勢進行了深入分析研究之后,主要目的是設計一套簡約優(yōu)雅風格的UI,即UserInterface(用戶界面),采用Express為Node.js的web開發(fā)框架,Mongoose模塊來管理非關系型數(shù)據(jù)庫MongoDB,在前端工程中主要運用了漸進式JavaScript框架Vue.js,使用Vue-router做前端頁面路由的跳轉(zhuǎn),使用Axios作為HTTP請求庫,同時使用Vuex負責前端全局狀態(tài)管理,使用ElementUI作為界面基礎組件庫,使用Webpack進行模塊化打包,并結(jié)合HTML5相關技術最終實現(xiàn)一個包含圖文類、閱讀類、影視類、音樂類和電臺類五大版塊的文藝類閱讀系統(tǒng),取名為Moment,意為片刻,旨在為人們提供一個平臺,讓人們在碎片化的時間里進行有效閱讀。將實現(xiàn)系統(tǒng)中的兩大主要部分:面向管理員和合作作者的后臺管理系統(tǒng) 和 面向用戶的移動端WebApp。 ??????????????????????????????????????????--- 摘自本人論文
好了好了,以上純屬裝x,三流的學校三流的畢業(yè)設計,看官隨意就好。引言中做了畢業(yè)設計項目的介紹,實現(xiàn)一個包含圖文類、閱讀類、影視類、音樂類和電臺類五大版塊的文藝類閱讀系統(tǒng),取名為Moment。主要運用到的技術棧有:
Node.js --- Express
MongoDB --- Mongoose
Vue
Vue-router
Axios
Vuex
ElementUI
Socket.io
...
在項目開始之前還很激動乘還是學生的時候在騰訊云上買了云服務器,注冊了第二個域名momentin.cn,到后面部署上去發(fā)現(xiàn)接口請求太慢了,于是乎還是放棄了,其實最重要的還是bug多多哈哈哈,性能優(yōu)化還沒做好。不過后面會繼續(xù)部署上線。
系統(tǒng)業(yè)務分析作為一個文藝類閱讀系統(tǒng),最主要的目的就是為用戶提供優(yōu)質(zhì)的閱讀體驗和豐富的閱讀內(nèi)容。從而,以此作為目標,本系統(tǒng)業(yè)務中對閱讀文章的分類又分為圖文類、閱讀類、影視類、音樂類和電臺類這五個版塊,于目于耳對文章的形式進行多樣化。又將整個文藝類閱讀系統(tǒng)的業(yè)務劃分為兩大部分,分別是面向管理員和合作作者的后臺管理系統(tǒng)和面向用戶的移動端WebApp,系統(tǒng)的需求分析將圍繞這兩部分進行展開。
面向用戶的移動端WebApp面向用戶的移動端WebApp最重要的業(yè)務是提供文章的閱讀,這個業(yè)務是面向所有可使用系統(tǒng)的用戶。當然考慮到用戶不僅僅滿足于閱讀,也需要以文章作為媒介進行用戶之間的社交性活動,因此系統(tǒng)增加了圖文廣場模塊,類似于一個圈子,所有用戶都可以發(fā)布圖文及查看,再比如關注,互相評論等各種互動。社交性的操作后往往需要給用戶一些提醒,不然將失去意義,而且必須保證這個提醒是實時的,所以需要對用戶進行實時的消息推送。當然用戶難免對文章本身進行操作,比如評論、點贊、收藏等操作。所有用戶都可以對文章進行閱讀,但是一旦涉及到社交性操作的話就要以用戶有登錄注冊的前提。
面向管理員和合作作者的后臺管理系統(tǒng)這個系統(tǒng)的管理,系統(tǒng)主要分為兩種角色進行管理。系統(tǒng)管理員角色可以看到移動端WebApp整體數(shù)據(jù)情況,可以對用戶進行管理包括合作作者和所有普通用戶,以及可以對圖文、閱讀、影視、音樂、電臺所有文章進行管理,并且可以對系統(tǒng)的其他模塊進行管理,例如廣告模塊、輪播圖模塊、公告模塊等。而作者角色的權限就相對比較少,僅包含對文章的管理。
注: 由于時間關系 WebApp整體數(shù)據(jù)情況這塊,它的數(shù)據(jù)庫字段是有,但是當時匆匆忙忙沒時間寫接口,目前以靜態(tài)展示。系統(tǒng)管理這一塊也未處理完畢。
系統(tǒng)設計 系統(tǒng)架構設計系統(tǒng)架構??這么裝逼的詞哈哈哈哈,其實也就傳統(tǒng)的B/S架構,前后端分離。前端通過發(fā)起ajax接口請求,web服務器對請求進行處理并操作數(shù)據(jù)庫服務器,返回json格式數(shù)據(jù)到前端,前端拿到數(shù)據(jù)后,處理數(shù)據(jù)并進行渲染。
功能模塊設計這是當初項目開始前的一個粗略功能模塊設計,其中一小部分模塊由于當初時間關系還未做全,不過大部分功能模塊已經(jīng)實現(xiàn)。
數(shù)據(jù)庫設計系統(tǒng)數(shù)據(jù)庫的存儲主要包含了:文章數(shù)據(jù)存儲,用戶數(shù)據(jù)存儲,管理員和合作作者數(shù)據(jù)存儲,文章評論存儲,用戶間關系存儲。其中的文章數(shù)據(jù)存儲又分為圖文文章數(shù)據(jù)存儲、閱讀文章數(shù)據(jù)存儲、影視文章數(shù)據(jù)存儲、音樂文章數(shù)據(jù)存儲、電臺文章數(shù)據(jù)存儲。其中的文章評論數(shù)據(jù)存儲又分為閱讀評論數(shù)據(jù)存儲、影視評論數(shù)據(jù)存儲、音樂評論數(shù)據(jù)存儲、電臺評論數(shù)據(jù)存儲。
接下來現(xiàn)在咱們也對項目做了個介紹,并且對系統(tǒng)分析和系統(tǒng)設計做了大概的介紹。那么接下來的文章會對系統(tǒng)的實現(xiàn)做介紹,會介紹到項目中主要的一些功能模塊,或者說可拿出來與大家分享的模塊,以及介紹這個項目之后自己的一點點思考。
本人水平一般,介紹的可能也是一些基礎,見諒見諒~~
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/19359.html
摘要:又將整個文藝類閱讀系統(tǒng)的業(yè)務劃分為兩大部分,分別是面向管理員和合作作者的后臺管理系統(tǒng)和面向用戶的移動端,系統(tǒng)的需求分析將圍繞這兩部分進行展開。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...
摘要:七牛云接入本系統(tǒng)的圖片,音視頻是放在七牛云,所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳,客戶端獲取到七牛云,通過不同方案將帶上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...
摘要:七牛云接入本系統(tǒng)的圖片,音視頻是放在七牛云,所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳,客戶端獲取到七牛云,通過不同方案將帶上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...
閱讀 1519·2021-11-24 09:38
閱讀 3372·2021-11-18 10:02
閱讀 3259·2021-09-22 15:29
閱讀 2942·2021-09-22 15:15
閱讀 1043·2021-09-13 10:25
閱讀 1850·2021-08-17 10:13
閱讀 1989·2021-08-04 11:13
閱讀 1978·2019-08-30 15:54