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

時間 2019-11-08

標籤聊聊畢業設計系列項目介紹简体版

原文原文鏈接

效果展現

github

moment-server github地址前端

moment github地址ios

moment-manage github地址git

articles

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

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

前言

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

--- 摘自本人論文ajax

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

Node.js --- Express
MongoDB --- Mongoose
Vue
Vue-router
Axios
Vuex
ElementUI
Socket.io
...

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

系統業務分析

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

面向用戶的移動端WebApp

面向用戶的移動端WebApp最重要的業務是提供文章的閱讀，這個業務是面向全部可以使用系統的用戶。固然考慮到用戶不只僅知足於閱讀，也須要以文章做爲媒介進行用戶之間的社交性活動，所以系統增長了圖文廣場模塊，相似於一個圈子，全部用戶均可以發佈圖文及查看，再好比關注，互相評論等各類互動。社交性的操做後每每須要給用戶一些提醒，否則將失去意義，並且必須保證這個提醒是實時的，因此須要對用戶進行實時的消息推送。固然用戶不免對文章自己進行操做，好比評論、點贊、收藏等操做。全部用戶均可以對文章進行閱讀，可是一旦涉及到社交性操做的話就要以用戶有登陸註冊的前提。性能優化

面向管理員和合做做者的後臺管理系統

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

注：因爲時間關係 WebApp總體數據狀況這塊，它的數據庫字段是有，可是當時匆匆忙忙沒時間寫接口，目前以靜態展現。系統管理這一塊也未處理完畢。

系統設計

系統架構設計

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

功能模塊設計

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

數據庫設計

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