聊聊畢業設計系列 --- 項目介紹

villainhr 發布于2019-08-23 11:31 / 1798人閱讀

摘要：又將整個文藝類閱讀系統的業務劃分為兩大部分，分別是面向管理員和合作作者的后臺管理系統和面向用戶的移動端，系統的需求分析將圍繞這兩部分進行展開。

效果展示

github

moment-server github地址

moment github地址

moment-manage github地址

articles

聊聊畢業設計系列 --- 項目介紹

聊聊畢業設計系列 --- 系統實現

前言

本論文對在移動互聯網的大環境下，人們對閱讀的需求和存在的問題以及發展趨勢進行了深入分析研究之后，主要目的是設計一套簡約優雅風格的UI，即UserInterface（用戶界面），采用Express為Node.js的web開發框架，Mongoose模塊來管理非關系型數據庫MongoDB，在前端工程中主要運用了漸進式JavaScript框架Vue.js，使用Vue-router做前端頁面路由的跳轉，使用Axios作為HTTP請求庫，同時使用Vuex負責前端全局狀態管理，使用ElementUI作為界面基礎組件庫，使用Webpack進行模塊化打包，并結合HTML5相關技術最終實現一個包含圖文類、閱讀類、影視類、音樂類和電臺類五大版塊的文藝類閱讀系統，取名為Moment，意為片刻，旨在為人們提供一個平臺，讓人們在碎片化的時間里進行有效閱讀。將實現系統中的兩大主要部分：面向管理員和合作作者的后臺管理系統 和 面向用戶的移動端WebApp。                               ??????????????????????????????????????????--- 摘自本人論文

好了好了，以上純屬裝x，三流的學校三流的畢業設計，看官隨意就好。引言中做了畢業設計項目的介紹，實現一個包含圖文類、閱讀類、影視類、音樂類和電臺類五大版塊的文藝類閱讀系統，取名為Moment。主要運用到的技術棧有：

Node.js --- Express

MongoDB --- Mongoose

Vue

Vue-router

Axios

Vuex

ElementUI

Socket.io

...

在項目開始之前還很激動乘還是學生的時候在騰訊云上買了云服務器，注冊了第二個域名momentin.cn，到后面部署上去發現接口請求太慢了，于是乎還是放棄了，其實最重要的還是bug多多哈哈哈，性能優化還沒做好。不過后面會繼續部署上線。

系統業務分析

作為一個文藝類閱讀系統，最主要的目的就是為用戶提供優質的閱讀體驗和豐富的閱讀內容。從而，以此作為目標，本系統業務中對閱讀文章的分類又分為圖文類、閱讀類、影視類、音樂類和電臺類這五個版塊，于目于耳對文章的形式進行多樣化。又將整個文藝類閱讀系統的業務劃分為兩大部分，分別是面向管理員和合作作者的后臺管理系統和面向用戶的移動端WebApp，系統的需求分析將圍繞這兩部分進行展開。

面向用戶的移動端WebApp

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

面向管理員和合作作者的后臺管理系統

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

注：由于時間關系 WebApp整體數據情況這塊，它的數據庫字段是有，但是當時匆匆忙忙沒時間寫接口，目前以靜態展示。系統管理這一塊也未處理完畢。

系統設計 系統架構設計

系統架構？？這么裝逼的詞哈哈哈哈，其實也就傳統的B/S架構，前后端分離。前端通過發起ajax接口請求，web服務器對請求進行處理并操作數據庫服務器，返回json格式數據到前端，前端拿到數據后，處理數據并進行渲染。

功能模塊設計

這是當初項目開始前的一個粗略功能模塊設計，其中一小部分模塊由于當初時間關系還未做全，不過大部分功能模塊已經實現。

數據庫設計

系統數據庫的存儲主要包含了：文章數據存儲，用戶數據存儲，管理員和合作作者數據存儲，文章評論存儲，用戶間關系存儲。其中的文章數據存儲又分為圖文文章數據存儲、閱讀文章數據存儲、影視文章數據存儲、音樂文章數據存儲、電臺文章數據存儲。其中的文章評論數據存儲又分為閱讀評論數據存儲、影視評論數據存儲、音樂評論數據存儲、電臺評論數據存儲。

接下來

現在咱們也對項目做了個介紹，并且對系統分析和系統設計做了大概的介紹。那么接下來的文章會對系統的實現做介紹，會介紹到項目中主要的一些功能模塊，或者說可拿出來與大家分享的模塊，以及介紹這個項目之后自己的一點點思考。

本人水平一般，介紹的可能也是一些基礎，見諒見諒~~

云服務器 GPU云服務器 saas系列介紹開源項目介紹 java設計小項目 java項目權限設計

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97069.html

聊聊畢業設計系列 --- 項目介紹

摘要：又將整個文藝類閱讀系統的業務劃分為兩大部分，分別是面向管理員和合作作者的后臺管理系統和面向用戶的移動端，系統的需求分析將圍繞這兩部分進行展開。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

Pink 2019-06-26 17:48 評論0 收藏0
聊聊畢業設計系列 --- 系統實現

摘要：七牛云接入本系統的圖片，音視頻是放在七牛云，所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳，客戶端獲取到七牛云，通過不同方案將帶上。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

null1145 2019-08-23 11:33 評論0 收藏0
聊聊畢業設計系列 --- 系統實現

摘要：七牛云接入本系統的圖片，音視頻是放在七牛云，所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳，客戶端獲取到七牛云，通過不同方案將帶上。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

qpal 2019-06-26 17:48 評論0 收藏0