【摘要】前端模塊化開發(fā)是現(xiàn)在前端開發(fā)的通用和流行做法，前端即業(yè)務(wù)，后端只需要提供細(xì)顆粒度的服務(wù)，由前端開發(fā)進(jìn)行 API 層轉(zhuǎn)發(fā)重新組織數(shù)據(jù)對應(yīng)不同的業(yè)務(wù)數(shù)據(jù)展現(xiàn)。前后端分離的做法既保證了后端服務(wù)的細(xì)顆粒度和穩(wěn)定性，模塊化前端開發(fā)的做法也提高了前端業(yè)務(wù)的靈活度和重用度，以及工程層面的靈活性。

本文介紹了一個前后端分離，使用前端模塊化開發(fā)技術(shù)的 Web 端 RSS 采集器的設(shè)計與實現(xiàn)方法，該采集器解析RSS文件并抽象出一個單獨的應(yīng)用接口，服務(wù)端的實現(xiàn)基于 Linux 環(huán)境下的 Node.js 平臺、Express Web 框架以及MongoDB 非關(guān)系型數(shù)據(jù)庫，使用瀏覽器作為客戶端。此采集器可以添加 RSS 源并閱讀文章。本文討論了該RSS采集器的設(shè)計與實現(xiàn)過程，包含了用戶模塊、RSS 文件解析服務(wù)，閱讀器模塊，以及前端模塊化開發(fā)的工具鏈等內(nèi)容，以及基于前端模塊化的設(shè)計思想。

【關(guān)鍵詞】：RSS；Node.js；前端開發(fā)技術(shù)；前端模塊化

目錄

摘要

Abstract

1.緒論-1

1.1 選題背景-1

1.2 選題目的和意義-1

1.3 本論文主要研究內(nèi)容-1

1.4 本章小結(jié)-2

2.系統(tǒng)實現(xiàn)關(guān)鍵技術(shù)簡介-3

2.1 Node.js 平臺簡介-3

2.2 MongoDB 非關(guān)系型數(shù)據(jù)庫簡介-3

2.3 Express Web 框架簡介-4

2.4 BootStrap 和 Flat UI 前端 UI 組件簡介-4

2.5 Jade 模板引擎簡介-4

2.6 前端開發(fā)技術(shù)簡介-4

2.7 前端開發(fā)技術(shù)選型-4

2.8 前端模塊化開發(fā)簡介-6

2.9 本章小結(jié)-6

3.系統(tǒng)需求分析-6

3.1 系統(tǒng)需求分析-6

3.1.1 用戶需求分析-7

3.1.2 功能需求分析-7

3.1.3 性能需求分析-8

3.2 系統(tǒng)可行性分析-8

3.2.1 技術(shù)可行性分析-8

3.2.2 經(jīng)濟(jì)可行性分析-9

3.2.3 操作可行性分析-9

3.3 本章小結(jié)-9

4. 總體設(shè)計與實現(xiàn)細(xì)節(jié)-10

4.1 總體設(shè)計-10

4.2 RSS文件解析模塊設(shè)計-10

4.2.1 RSS文件解析模塊功能說明-10

4.2.2 RSS文件析模塊服務(wù)端實現(xiàn)的接口-10

4.2.3 RSS文件解析模塊服務(wù)端程序流程圖-11

4.3 用戶模塊設(shè)計-12

4.3.1 用戶模塊功能說明-12

4.3.2 用戶模塊服務(wù)端實現(xiàn)的接口-12

4.3.3 用戶模塊服務(wù)端程序流程圖-13

4.3.4 用戶模塊MongoDB文檔模型定義-14

4.3.5 會話信息持久化存儲-17

4.3.6 頁面前端UI的構(gòu)建-19

4.4 閱讀器模塊設(shè)計-20

4.4.1 閱讀器模塊功能說明-20

4.4.2 閱讀器模塊服務(wù)端實現(xiàn)的接口-21

4.4.3 閱讀器模塊MongoDB文檔模型定義-21

4.4.4 頁面前端UI的構(gòu)建-22

4.5 本章小結(jié)-24

5.總結(jié)與展望-25

5.1 設(shè)計總結(jié)-25

5.2 展望-25

參考文獻(xiàn)-26

致  謝-27