基于node.js中小學生中文寫作網

摘?要

信息化社會內需要與之針對性的信息獲取途徑，但是途徑的擴展基本上為人們所努力的方向，由于站在的角度存在偏差，人們經常能夠獲得不同類型信息，這也是技術最為難以攻克的課題。針對中小學生中文寫作等問題，對中小學生中文寫作進行研究分析，然后開發設計出中小學生中文寫作網以解決問題。

中小學生中文寫作網主要功能模塊包括系統首頁、公共管理（輪播圖、公告欄）用戶管理（管理員、注冊用戶）系統內容（好文分享、文章分類）系統模塊（作文分類、用戶投稿、作文展示、作文修稿、作文退稿、寫作教程）管理，采取面對對象的開發模式進行軟件的開發和硬體的架設，能很好的滿足實際使用的需求，完善了對應的軟體架設以及程序編碼的工作，采取Mysql作為后臺數據的主要存儲單元，運用軟件工程原理和開發方法，采用node.js的koa技術構建的一個管理系統，實現了本系統的全部功能。本次報告，首先分析了研究的背景、作用、意義，為研究工作的合理性打下了基礎。針對中小學生中文寫作網的各項需求以及技術問題進行分析，證明了系統的必要性和技術可行性，然后對設計系統需要使用的技術軟件以及設計思想做了基本的介紹，最后來實現中小學生中文寫作網和部署運行使用它。

關鍵詞：中小學生中文寫作；node.js的koa；Mysql數據庫

Based on node JS Chinese writing network for primary and middle school students

Abstract

In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of Chinese writing of primary and middle school students, this paper studies and analyzes the Chinese writing of primary and middle school students, and then develops and designs the Chinese writing network of primary and middle school students to solve the problems.

The main functional modules of the Chinese writing network for primary and secondary school students include system home page, public management (rotation map, bulletin board), user management (administrator, registered user), system content (good article sharing, article classification) and system module (composition classification, user contribution, composition display, writing revision, composition rejection, Writing Tutorial) management, The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, use software engineering principles and development methods, and adopt node JS koa technology to build a management system, to achieve all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of primary and secondary school students' Chinese writing network, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the deployment and operation of primary and secondary school students' Chinese writing network.

Key words: Chinese writing of primary and middle school students; node. Koa of JS;

目 ?錄

第1章 緒論

1.1?研究背景與意義

1.2?開發現狀

第2章 相關技術介紹

2.1 koa框架

2.2 Vue.js主要功能

2.3 MVVM模式介紹

2.4 B/S體系工作原理 4

2.5 Mysql數據庫 5

第3章 系統分析 6

3.1?可行性分析 6

3.2?功能需求分析

3.2.1?前臺用戶功能

3.2.2?后臺管理員功能

3.3?非功能需求分析

3.4?安全性需求分析

3.4.1?系統的安全性 9

3.4.2?數據的安全性 9

3.5?數據流程分析

第4章 系統設計

4.1?系統架構設計

4.2?系統總體設計

4.3?系統功能設計

4.4?數據庫設計

4.4.1?數據需求分析

4.4.3?數據庫表設計

第5章 系統實現

5.1?系統功能模塊

5.2?管理員功能模塊 20

5.3?用戶功能模塊 23

第6章 系統測試

6.1?測試目的

6.2?功能測試 24

6.3?性能測試 26

第7章 總結與展望 27

參考文獻 28

致謝

緒論

研究背景與意義

中小學生中文寫作網能很方便的管理作文稿件的基本信息，它的內容對于普通用戶、管理員兩方面的共同協作有著巨大的作用，同時該系統也是對作品信息維護的一種相當方便的管理系統。

與現行系統相比，中小學生中文寫作網的開發與實施具有以下優勢：

(1)通過前期的調研和流程分析，從而制定的按照規定流程完成的創作系統將嚴格規范創作、審稿工作過程，杜絕不規范操作，使創作工作更加規范，提高了作文在審稿過程中的權威性；

(2)科學的優化流程，有利于提高創作、審稿工作的效率。由于系統將投稿、審稿過程中的數據進行數字化處理，可以隨時為整個過程提供數據服務，有助于系統的高效運行；

(3)審稿過程和結果更加科學。系統對審稿專家的基本信息及學術專長進行管理，使編輯一方面可以均衡地分配審稿專家的任務量；另一方面可以在作品所屬領域中檢索到合適的審稿人，為作文作品的審稿質量提供了保證。

開發現狀

國外的網絡寫作平臺

加拿大研究人員開發的“知識論壇”(Knowledge Forum)是一個基于建構主義理論的在線學習平臺。它為學生提供了一個公共社區空間，學生可以自由地進行知識建構。它提供強大的支架功能，為學生建構知識提供幫助；還支持多種評價分析工具，教師和學生可以隨時使用這些工具了解知識建構進行的情況，但目前僅支持以Applet的形式來支持學生的建構活動。國外基于網絡的通用版的作文教學學習平臺有CSILE系統、Kolumbus系統等，這些系統雖然都具有一定的輔助教學功能，但都存有針對性過強，技術上通用，內容體系卻局限于某些科目的的缺點。

國內的網絡寫作平臺

由清華大學開發的英語寫作系統是學習系統開發方面比較突出的典范，該系統是一個立體化、數字化、開放式的寫作訓練平臺，其主要內容包括：紙版學生用書、教師用書、文摘文本生成軟件、論文設計專家系統、寫作學習語料庫、自我評估語料庫、寫作研究語料庫及寫作關鍵詞庫。基于網絡的通用型的作文教學學習平臺：國內以方正軟件公司為首開發的“數字校園學習解決方案”和Vclass系統為構建學習訓練平臺提供了很好的技術開發模式，但技術開發模式的先進性并不能說明實用性，中小學語文寫作訓練不同于高校的一些專業性科目訓練，短期突擊往往沒有什么效果，因而要求系統的開發必須注重長期時效和系統性。此外，還有部分學校結合最新的網絡應用軟件進行寫作輔助教學，例如目前應用較廣的諸如Email、Blog、wiki和QQ等軟件，利用這些軟件可以方便的在師生之間實現互動聯系，文件資料快速的共享，但充其量只能進行教學輔助，缺乏明確的教學目標，也不利于寫作訓練文件的共享及批閱，因此從嚴格意義上來說還遠遠達不到寫作訓練系統的目標。

相關技術介紹

?koa框架

Node.js是一個異步的世界，官方API支持的都是callback形式的異步編程模型，這會帶來許多問題，例如:1、callback嵌套問題；2、異步函數中可能同步調用callback返回數據，帶來不一致性。為了解決以上問題Koa出現了。

koa是由Express原班人馬打造的，致力于成為一個更小、更富有表現力、更健壯的Web框架。使用koa編寫web應用，可以免除重復繁瑣的回調函數嵌套，并極大地提升錯誤處理的效率。koa不在內核方法中綁定任何中間件，它僅僅提供了一個輕量優雅的函數庫，使得編寫Web應用變得得心應手。開發思路和express差不多，最大的特點就是可以避免異步嵌套。

阿里內部就在使用Koa框架，并在Koa基礎上面做了一些擴展和封裝。并且基于koa開發了一個開源框架egg。

2.2 Vue.js 主要功能：

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能驅動復雜的單頁應用。

2.3 ?MVVM模式介紹：

MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC 的改進版。MVVM 就是將其中的View 的狀態和行為抽象化，讓我們將視圖 UI 和業務邏輯分開。當然這些事 ViewModel 已經幫我們做了，它可以取出 Model 的數據同時幫忙處理 View 中由于需要展示內容而涉及的業務邏輯。微軟的WPF帶來了新的技術體驗，如Silverlight、音頻、視頻、3D、動畫……，這導致了軟件UI層更加細節化、可定制化。同時，在技術層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足于原有MVP框架并且把WPF的新特性糅合進去，以應對客戶日益復雜的需求變化。

2.4 ?B/S體系工作原理：

B/S架構采取瀏覽器請求，服務器響應的工作模式。

用戶可以通過瀏覽器去訪問Internet上由Web服務器產生的文本、數據、圖片、動畫、視頻點播和聲音等信息；

而每一個Web服務器又可以通過各種方式與數據庫服務器連接，大量的數據實際存放在數據庫服務器中；

從Web服務器上下載程序到本地來執行，在下載過程中若遇到與數據庫有關的指令，由Web服務器交給數據庫服務器來解釋執行，并返回給Web服務器，Web服務器又返回給用戶。在這種結構中，將許許多多的網連接到一塊，形成一個巨大的網，即全球網。而各個企業可以在此結構的基礎上建立自己的Internet。

在 B/S 模式中，用戶是通過瀏覽器針對許多分布于網絡上的服務器進行請求訪問的，瀏覽器的請求通過服務器進行處理，并將處理結果以及相應的信息返回給瀏覽器，其他的數據加工、請求全部都是由Web Server完成的。通過該框架結構以及植入于操作系統內部的瀏覽器，該結構已經成為了當今軟件應用的主流結構模式。

?

2.5?MySQL數據庫

Mysql的語言是非結構化的，用戶可以在數據上進行工作。MySQL因為其速度、可靠性和適應性而備受關注。大多數人都認為在不需要事務化處理的情況下，MySQL是管理內容最好的選擇。并且因為Mysql的語言和結構比較簡單，但是功能和存儲信息量很強大，所以得到了普遍的應用。

Mysql數據庫在編程過程中的作用是很廣泛的，為用戶進行數據查詢帶來了方便。Mysql數據庫的應用因其靈活性強，功能強大，所以在實現某功能時只需要一小段代碼，而不像其他程序需要編寫大段代碼。總體來說，Mysql數據庫的語言相對要簡潔很多。

數據流程分析主要就是數據存儲的儲藏室，它是在計算機上進行的，而不是現實中的儲藏室。數據的存放是按固定格式，而不是無序的，其定義就是：長期有固定格式，可以共享的存儲在計算機存儲器上。數據庫管理主要是數據存儲、修改和增加以及數據表的建立。為了保證系統數據的正常運行，一些有能力的處理者可以進行管理而不需要專業的人來處理。數據表的建立，可以對數據表中的數據進行調整，數據的重新組合及重新構造，保證數據的安全性。介于數據庫的功能強大等特點，本系統的開發主要應用了Mysql進行對數據的管理。

系統分析

可行性分析

技術性方面，采用當前主流的node.js的koa框架進行系統主體框架的搭建，使用比較成熟的Mysql數據庫進行對系統前臺及后臺的數據交互，根據技術語言對數據庫，結合需求進行修改維護，可以使得網站運行更具有穩定性和安全性，從而完成實現網站的開發。以上技術，均由本人經過系統學習，并且都是在課程設計中實踐過的，可以使得開發更加便捷和系統。從技術角度看，這個系統是完全可以實現的。

實用性方面，本次設計的主要任務是在中小學生中文寫作網內系統首頁、公共管理（輪播圖、公告欄）用戶管理（管理員、注冊用戶）系統內容（好文分享、文章分類）系統模塊（作文分類、用戶投稿、作文展示、作文修稿、作文退稿、寫作教程）等，符合當前潮流的發展。從用戶角度出發，同時也考慮系統運營成本和人力資源，采用網絡上的便捷方式，實現線上業務，使得業務流程更系統，也更方便用戶的體驗，比較實用。

經濟性方面，由于本課題中設計的中小學生中文寫作網的主要目的是為了能夠更加方便及快捷的進行信息的查詢管理及檢索服務，也就是能夠可以直接投入使用的信息化軟件。系統的主要成本主要是集中在對使用數據后期繼續維護及其管理更新這個操作上。但是一旦系統投入到實際的運行及使用之后就能夠很好的提高信息查詢檢索的效率，同時也需要有效的保證查詢者的信息方面的安全性，同時這個中小學生中文寫作網所帶來的實際應用方面的價值是遠遠的超過了實際系統進行開發與維護方面的成本，因此，從經濟上來說開發這個軟件是可行的。

功能需求分析

中小學生中文寫作網的功能主要分為前臺用戶根據自己的需求進行注冊登錄，瀏覽創作作文信息并對選中的創作作文進行投稿操作。后臺系統用戶因職責的不同，分為創作者和管理員，創作者主要對作文投稿進行處理。而管理員主要對創作者用戶，新聞數據，創作作文詳細信息，作文分類詳細信息進行處理。

用戶用例圖如下所示。

?

圖3-1 用戶用例圖

管理員用例圖如下所示。

?

圖3-2 管理員用例圖

前臺用戶功能

前臺用戶可分為未注冊用戶需求和已注冊用戶需求。

未注冊用戶的功能如下：

注冊賬號：用戶填寫個人信息，并驗證手機號碼。

瀏覽新聞數據：用戶可以瀏覽主頁面的新聞數據來了解系統的最新新聞數據。

瀏覽用戶投稿：用戶可以根據用戶投稿類型瀏覽用戶投稿的信息，并選中某個用戶投稿查看詳情，例如：創作者姓名、創作者介紹、作品名稱、作品類型、圖片、視頻、創作周期等。

瀏覽評論信息：選中某個用戶投稿可查看其用戶的評論。

已注冊用戶的功能如下：

登錄：根據賬號密碼進行登錄操作。

維護個人信息：用戶因個人信息的變更可以隨時修改自己注冊信息。

瀏覽評論信息：選中某間用戶投稿可查看其用戶的評論。

用戶投稿：用戶根據自己的需求選作品進行投稿操作。

查看歷史投稿單：用戶可以查看自己以往投稿的信息。

評論：用戶可以根據自己的觀點看法對相關用戶投稿進行評論。

后臺管理員功能

管理員功能如下：

修改密碼：管理員可以隨時修改自己進入系統的登錄密碼，以保證系統的安全性。

用戶投稿信息管理：對用戶投稿信息進行維護，添加、刪除、修改信息。

對用戶投稿信息進行處理：辦理用戶投稿審核等。

新聞數據信息管理：發布、刪除相關的新聞數據信息。

評論信息管理：可以查看用戶的評論，及時了解用戶發起的建議。

用戶管理：可以查看注冊用戶的信息，并對其進行管理。

非功能需求分析

首先主要考慮的是系統功能軟件，在具體設計的環節上，是不是能夠較好的滿足各類用戶的基本功能需求，如果不能較好的滿足用戶需求，那么這個系統的存在是沒有價值的。軟件系統的非功能性求分析，從7個方面展開，一個是性能分析，針對系統；一個是安全分析，針對系統，一個是完整度分析，針對系統，一個是可維護分析，針對系統，一個是可擴展性分析，針對系統，一個是適應業務的性能分析。面對中小學生中文寫作網存在的性能、安全、擴展、完整度等7個方面性能綜合比對分析后發現，需要相應的非功能性需求分析。

安全性需求分析

系統的安全性

安全性對每一個系統來說都是非常重要的。安全性很好的系統可以保護企業的信息和用戶的信息不被竊取。提高系統的安全性不僅是對用戶的負責，更是對企業的負責。尤其針對于中小學生中文寫作網來說，必須要有很好的安全性來保障整個系統。

系統具有對使用者有權限控制，針對角色的不通限制使用者的權限，以此來確保系統的安全性。

數據的安全性

數據庫中的數據是從外界輸入的，當數據的輸入時，由于種種原因，輸入的數據會無效，或者是臟數據。因此，怎樣保證輸入的數據符合規定，成為了數據庫系統，尤其是多用戶的關系數據庫系統首要關注的問題。

因此，在寫入數據庫時，要保證數據完整性、正確性和一致性。

數據流程分析

對系統的數據流進行分析，系統的使用者分為二類，一般用戶，管理員。系統主要對界面信息傳送，登錄信息的驗證，注冊信息的接收，用戶各種操作的響應做處理。

系統頂層數據流圖如下圖所示。

?

圖3-2 頂層數據流圖

要判斷用戶是是什么身份，是根據登錄的數據來判斷后，跳轉到對應的功能界面。在系統的內部用戶就可以對數據進行操作，數據庫中心就可以接收到系統傳輸的有效數據流來對數據sql語句進行對應操作。

系統設計

系統架構設計

本中小學生中文寫作網的架構設計主要分為可以3層，主要有Web層，業務層，Model層。其中web層還包括View層和Controller層，Model層包括元數據擴展層和數據訪問層。

系統架構如下圖所示。

?

圖4-1 系統架構

系統總體設計

中小學生中文寫作網總體分為前臺用戶模塊和后臺管理員模塊。

兩個模塊表現上是分別獨立存在，但是訪問的數據庫是一樣的。每一個模塊的功能都是根據先前完成的需求分析，并查閱相關資料后整理制作的。

綜上所述，系統功能結構圖如下圖所示。

?

圖4-2 系統功能結構圖

系統功能設計

登錄模塊：登錄模塊是進入系統的入口，所有用戶必須登錄后才能訪問系統。登錄需要輸入用戶名和密碼，如果多次嘗試登錄需要輸入驗證碼。登錄時需要選擇用戶的角色，是一般用戶還是管理員登錄等。登錄成功后，會通過數據庫獲取用戶的權限，并跳轉至用戶的主頁面。

留言版模塊：留言板促進用戶之間的交流，發表個人意見、建議、看法等，在留言板可以查看已有的留言記錄，發布新留言，可以展示個人動態頭像，個人匿名昵稱等。

評價模塊：評價模塊促進用戶對用戶投稿進行點評，查看某個用戶投稿已存在的評價，發表評價可以達到真實描述用戶投稿的效果。

新聞數據模塊：可分為新聞數據瀏覽、新聞數據檢索、新聞數據維護三個模塊，管理員對新聞數據有維護的權限，發布新的新聞數據、更新已有的新聞數據等。

用戶投稿管理模塊：用戶投稿管理分為投稿添加、修改和退稿創作。投稿作品信息由管理員進行修改、添加、刪除操作；用戶投稿由普通用戶來執行。

數據庫設計

數據庫概念設計

根據前面的數據流程圖，結合系統的功能模塊設計，設計出符合系統的各信息實體。

系統ER圖如下圖所示。

?

圖4-3 系統ER圖

數據庫表設計

中小學生中文寫作網所擁有的數據表有以下：由于數據表較多，只展示系統主要數據表，如下表所示。

composition_classification
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
composition_classification_id	int	11	否	主鍵	作文分類ID
composition_category	varchar	64	是		作文類別
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
composition_display
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
composition_display_id	int	11	否	主鍵	作文展示ID
composition_title	varchar	64	是		作文題目
cover	varchar	255	是		封面
author	varchar	64	是		作者
composition_category	varchar	64	是		作文類別
grade	varchar	64	是		年級
file	varchar	255	是		文件
composition_ideas	text	0	是		作文思路
skill_analysis	text	0	是		技巧分析
content	longtext	0	是		內容
hits	int	11	否		點擊數
praise_len	int	11	否		點贊數
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
composition_rejection
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
composition_rejection_id	int	11	否	主鍵	作文退稿ID
user_number	int	11	是		用戶編號
composition_category	varchar	64	是		作文類別
composition_title	varchar	64	是		作文題目
reason_for_rejection	text	0	是		退稿原因
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
composition_revision
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
composition_revision_id	int	11	否	主鍵	作文修稿ID
user_number	int	11	是		用戶編號
composition_category	varchar	64	是		作文類別
composition_title	varchar	64	是		作文題目
amendment_proposal	text	0	是		修正建議
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
grade_management
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
grade_management_id	int	11	否	主鍵	年級管理ID
grade	varchar	64	是		年級
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
registered_user
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
registered_user_id	int	11	否	主鍵	注冊用戶ID
user_number	varchar	64	否		用戶編號
examine_state	varchar	16	否		審核狀態
recommend	int	11	否		智能推薦
user_id	int	11	否		用戶ID
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
successful_writing_
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
successful_writing__id	int	11	否	主鍵	寫作教程ID
tutorial_name	varchar	64	是		教程名稱
cover	varchar	255	是		封面
category	varchar	64	是		類別
tutorial_video	varchar	255	是		教程視頻
composition_template	varchar	255	是		作文模板
tutorial_introduction	longtext	0	是		教程介紹
hits	int	11	否		點擊數
praise_len	int	11	否		點贊數
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP
user_contribution
字段名稱	類型	長度	不是null	主鍵	字段說明	備注
user_contribution_id	int	11	否	主鍵	用戶投稿ID
user_number	int	11	是		用戶編號
composition_category	varchar	64	是		作文類別
grade	varchar	64	是		年級
composition_title	varchar	64	是		作文題目
manuscript	varchar	255	是		稿件
composition_content	longtext	0	是		作文內容
examine_state	varchar	16	否		審核狀態
examine_reply	varchar	255	是		審核回復
recommend	int	11	否		智能推薦
create_time	datetime	0	否		創建時間	CURRENT_TIMESTAMP
update_time	timestamp	0	否		更新時間	CURRENT_TIMESTAMP

系統實現

系統功能模塊

登錄，通過填寫注冊時輸入的用戶名、密碼、選擇角色進行登錄，如圖5-1所示。

?

圖5-1登錄界面圖

中小學生中文寫作網，在系統首頁可以查看首頁、公告欄、好友分享、用戶投稿、作文展示、寫作教程、我的等內容進行操作，如圖5-2所示。

?

圖5-2系統首頁界面圖

???

????用戶投稿，在用戶投稿頁面可以輸入作文題目、思路分析、作文類別、稿件、技巧作文內容等詳細內容進行提交，編輯或修改、刪除等操作，如圖5-3所示。

?

圖5-3用戶投稿界面圖

用戶注冊，在用戶注冊頁面通過填寫賬號、密碼、昵稱、手機、郵箱等信息完成注冊，如圖5-4所示。在個人中心頁面通過填寫賬號、密碼、昵稱、性別、手機、郵箱、用戶類型等信息進行信息更新操作，如圖5-5所示。

?

圖5-4用戶注冊界面圖

?

圖5-5個人中心界面圖

5.2管理員功能模塊

管理員登錄進入筆記共享系統可以查看系統首頁、公共管理（輪播圖、公告欄）用戶管理（管理員、注冊用戶）系統內容（好文分享、文章分類）系統模塊（作文分類、用戶投稿、作文展示、作文修稿、作文退稿、寫作教程）等信息進行詳細操作，如圖5-6所示。

?

圖5-6管理員功能界面圖

用戶管理，在用戶管理頁面中可以對索引、用戶名、密碼、昵稱、性別、手機、郵箱、身份證、用戶類型等信息進行詳情，修改或刪除等操作，如圖5-7所示。

?

圖5-7用戶管理界面圖

作文分類管理，在作文分類管理頁面中可以對索引、作文類別、等信息進行修改或刪除等操作，如圖5-8所示。

?

圖5-8作文分類管理界面圖

作文展示管理，在作文展示管理頁面中可以對索引、作文名稱、作文編號、展示圖片、作文內容、創建時間、等信息進行詳情、修改、查看評論或刪除等操作，如圖5-9所示。

?

圖5-9作文展示管理界面圖

留言評論，在留言評論頁面中可以對筆記進行留言評論、也可對留言評價等信息進行修改或刪除等操作，如圖5-10所示。

?

圖5-10留言評價界面圖

寫作教程管理，在寫作教管理頁面中可以對索引、教程名稱、類別、教程視頻、筆記內容、作文模板等信息進行下載，修改或刪除等操作，如圖5-11所示。

?

圖5-11寫作教程管理界面圖

5.3用戶功能模塊

用戶登錄進入平臺可以查看首頁、用戶投稿、作文修稿、作文退稿等內容進行詳細操作，如圖5-12所示。

?

圖5-12用戶功能界面圖

系統測試

測試目的

對任何系統而言，測試都是必不可少的環節，測試可以發現系統存在的很多問題，所有的軟件上線之前，都應該進行充足的測試之后才能保證上線后不會Bug頻發，或者是功能不滿足需求等問題的發生。下面分別從單元測試，功能測試和用例測試來對系統進行測試以保證系統的穩定性和可靠性。

功能測試

下表是系統登錄功能測試用例，檢測了用戶名和密碼的不同的輸入情況，觀察系統的響應情況。得出該功能達到了設計目標。

表6-1 系統登錄功能測試用例

功能描述	用于系統登錄
測試目的	檢測登錄時的合法性檢查
測試數據以及操作	預期結果	實際結果
輸入的用戶名和密碼帶有非法字符	提示用戶名或者密碼錯誤	與預期結果一致
輸入的用戶名或者密碼為空	提示用戶名或者密碼錯誤	與預期結果一致
輸入的用戶名和密碼不存在	提示用戶名或者密碼錯誤	與預期結果一致
輸入正確的用戶名和密碼	登錄成功	與預期結果一致

下表是注冊功能測試用例，檢測了各種數據的輸入情況，觀察系統的響應情況。得出該功能達到了設計目標。

表6-2 注冊功能測試用例

功能描述	用于用戶注冊
測試目的	檢測用戶注冊時的合法性檢查
測試數據以及操作	預期結果	實際結果
輸入的手機號不合法	提示請輸入正確的手機號碼	與預期結果一致
輸入的字段為空	提示必填項不能為空	與預期結果一致
輸入的密碼少于6位	提示密碼必須為6-12位	與預期結果一致
輸入的密碼大于12位	提示密碼必須為6-12位	與預期結果一致

下表是用戶投稿管理功能的測試用例，檢測了用戶投稿管理中對用戶投稿信息的增加，刪除，修改，查詢操作是否成功運行。觀察系統的響應情況，得出該功能也達到了設計目標，系統運行正確。

前置條件；用戶登錄系統。

表6-3 用戶投稿管理的測試用例

功能描述	用于用戶投稿管理
測試目的	檢測用戶投稿管理時的各種操作的運行情況
測試數據以及操作	預期結果	實際結果
點擊添加用戶投稿，必填項合法輸入，點擊保存	提示添加成功	與預期結果一致
點擊添加用戶投稿，必填項輸入不合法，點擊保存	提示必填項不能為空	與預期結果一致
點擊修改用戶投稿，必填項修改為空，點擊保存	提示必填項不能為空	與預期結果一致
點擊修改用戶投稿，必填項輸入不合法，點擊保存	提示必填項不能為空	與預期結果一致
點擊刪除用戶投稿，選擇用戶投稿刪除	提示刪除成功	與預期結果一致
點擊搜索用戶投稿，輸入存在的用戶投稿名	查找出用戶投稿	與預期結果一致
點擊搜索用戶投稿，輸入不存在的用戶投稿名	不顯示用戶投稿	與預期結果一致

下表是作文分類管理功能的測試用例，檢測了作文分類管理中對作文分類信息的增加，刪除，修改，查詢操作是否成功運行。觀察系統的響應情況，得出該功能也達到了設計目標，系統運行正確。

前置條件；用戶登錄系統。

表6-4 作文分類管理的測試用例

功能描述	用于作文分類管理
測試目的	檢測作文分類管理時的各種操作的運行情況
測試數據以及操作	預期結果	實際結果
點擊添加作文分類，必填項合法輸入，點擊保存	提示添加成功	與預期結果一致
點擊添加作文分類，必填項輸入不合法，點擊保存	提示必填項不能為空	與預期結果一致
點擊修改作文分類，必填項修改為空，點擊保存	提示必填項不能為空	與預期結果一致
點擊修改作文分類，必填項輸入不合法，點擊保存	提示必填項不能為空	與預期結果一致
點擊刪除作文分類，選擇作文分類刪除	提示刪除成功	與預期結果一致
點擊搜索作文分類，輸入存在的作文分類名	查找出作文分類	與預期結果一致
點擊搜索作文分類，輸入不存在的作文分類名	不顯示作文分類	與預期結果一致

性能測試

使用阿里云PTS（Performance Testing Service）性能測試服務對線上系統進行壓力測試。線上服務器環境為：1核心CPU，1G內存，1Mbps公網帶寬，Centos7.0操作系統。

壓測過程中使用了2臺并發機器，每臺機器20個用戶并發，對系統主頁，登錄，數據查詢和數據維護等模塊進行并發訪問，測試結果是有40個用戶并發時，數據管理相關頁面的響應時間甚至達到了7s，通過查看服務器出網流量發現已經達到1381kb/s，可以看出服務器的帶寬已經達到峰值，如果系統使用5Mbps的帶寬，系統的響應時間和TPS將會大大增加。在整個測試的過程中，CPU的使用率占用僅8%，也提現出帶寬瓶頸對系統的影響非常嚴重。

總結與展望

此時項目已經完成，即使實施的時間不是很長，但是這個過程中需要準備很長的一段時間去對系統設計開發所實際到的技術進行學習。在學習的過程中，我逐漸認識得到了我自身存在的一些不足。對于一些控制是必要的應用技能，能夠理解，整個過程中僅僅是一個掌握了常用的性能和控制方法，我覺得挺容易的。從該系統中，系統的分析和設計的調查數據，并且已經經歷了幾個月，并努力幾個月，該系統已經完成。很顯然，該系統仍有很多不成熟，在系統設計過程中有許多技術缺陷存在。在設計的過程中也涉及到了很多自己無法解決的問題，主要通過找專業的網站和論壇來解決這些問題，對于圓滿完成我的畢業設計，他們也貢獻了很大一部分力量。系統的開發環境和配置都是可以自行安裝的，系統使用VUE.js開發工具，使用比較成熟的Mysql數據庫進行對系統前臺及后臺的數據交互，根據技術語言對數據庫，結合需求進行修改維護，可以使得系統運行更具有穩定性和安全性，從而完成實現系統的開發。

系統投入運行時，各功能均運行正常。系統的每個界面的操作符合常規邏輯，對使用者來說操作簡單，界面友好。整個系統的各個功能設計合理，體現了人性化。

但是由于自己在系統開發過程中對一些用到的相關知識和技術掌握不夠牢固，再加上自身開發經驗欠缺，因此系統在有些方面的功能還不夠完善，考慮的不夠全面，因此整個系統還有待日后逐步完善。

回顧畢業設計的整個過程，既付出汗水也收獲了很多。雖然經歷了各種各樣的困難，自己的不斷研究探索，系統的實現仍有不足之處。

在以后的學習及工作中，我仍然繼續學習計算機方面的技術，讓我在后期的平臺開發中可以更好更快的實現需求功能。我相信我可以讓更多的好工作，做出更大的貢獻。

參考文獻

[1]羅斌,溫豐蔚,曾曉鈺,張亮,韋通明.基于Vue.js的培訓可視化系統開發與設計[J].現代工業經濟和信息化,2021,11(12):54-56.DOI:10.16525/j.cnki.14-1362/n.2021.12.020.

[2]袁文光.一種基于Node.js的校園高并發Web應用架構[J].南通職業大學學報,2021,35(04):77-81.

[3]裴之蕈,高艷霞.基于Vue和Node.js的手語教學Web平臺的設計與實現[J].電腦與信息技術,2021,29(06):33-36+86.DOI:10.19414/j.cnki.1005-1228.2021.06.010.

[4]鄭玉娟,張亞東.基于Vue.js的微商城前端設計與實現[J].信息技術與信息化,2021(11):101-103.

[5]李運金,吳守倉,張之江.基于B/S模式的研究生管理信息系統設計與實現[J].工業控制計算機,2021,34(11):141-143+156.

[6]張月春,朋靜,張捷,杜寶珠.基于Vue.js的線上民主評議系統的設計與實現[J].信息與電腦(理論版),2021,33(21):134-136.

[7]馬艷彬. 基于Node.js和Vue框架的競賽類答題平臺管理系統的設計[C]//中國新聞技術工作者聯合會2021年學術年會論文集.,2021:77-82.DOI:10.26914/c.cnkihy.2021.047236.

[8]胡開華,張玉靜,陳明祿,何文鑫.基于Vue.js的Web應用開發教學案例設計與實現[J].信息與電腦(理論版),2021,33(18):91-94.

[9]Sufyan bin Uzayr. Getting the Most out of Node.js Frameworks:The Essential Tools and Libraries[M].CRC Press:2021-09-12.

[10]楊輝,黃棟,魏丹丹,曾永興,王青分.WEB技術在教學管理中的應用與實現[J].福建電腦,2021,37(09):139-141.DOI:10.16707/j.cnki.fjpc.2021.09.039.

[11]顏娟.基于Node.js的英語口語考試平臺[J].微型電腦應用,2021,37(08):173-175.

[12]許昕,葉晟澄,陳家樂,楊仕昌.基于Vue.js的志愿者監控管理系統的實現[J].電子制作,2021(16):42-44.DOI:10.16589/j.cnki.cn11-3571/tn.2021.16.015.

[13]方生.基于“MVVM”模式的“Web”前端的設計與實現[J].電腦知識與技術,2021,17(20):147-149.DOI:10.14004/j.cnki.ckt.2021.2004.

[14]方生.基于“Vue.js”前端框架技術的研究[J].電腦知識與技術,2021,17(19):59-60+64.DOI:10.14004/j.cnki.ckt.2021.1863.

[15]張雪瑩,喻忠霞,申進.基于HTML5的公共社交平臺設計與實現[J].無線互聯科技,2021,18(11):52-53.

[16]劉紫薇. 基于MVVM設計模式的在線教育系統的設計與實現[D].北京郵電大學,2021.DOI:10.26969/d.cnki.gbydu.2021.002712.

[17]唐榜. 基于Node.js的Web服務端框架研究與實現[D].西南科技大學,2021.DOI:10.27415/d.cnki.gxngc.2021.000946.

[18]崔慧娟.MVVM模式在Android項目中的應用[J].信息與電腦(理論版),2021,33(06):1-3.

[19]Ntantogian Christoforos,Bountakas Panagiotis,Antonaropoulos Dimitris,Patsakis Constantinos,Xenakis Christos. NodeXP: NOde.js server-side JavaScript injection vulnerability DEtection and eXPloitation[J]. Journal of Information Security and Applications,2021,58:

[20]徐澤昊. 基于MVVM模式的XSS攻擊檢測框架設計與實現[D].北京郵電大學,2021.DOI:10.26969/d.cnki.gbydu.2021.001168.

致謝

本次設計歷時3個月。在這個畢業設計中，它離不開指導教師的指導，使事情基本順利。指導老師無論是在畢業設計歷經中，還是在論文做完中都給了了我特別大的助益。另1個方面，教師認真負責的工作姿態，謹慎的教學精神厚重的理論水準都使我獲益匪淺。他勤懇謹慎的教學育人學習姿態也給我留下了特別特別深的感覺。我從老師那里學到了很多東西。在理論和實踐中，我的技能得到了特別大的提高。在此，特向教師表示由衷的感激。

經過對該畢業設計的全部研究和開發，我的系統研發經歷了從需求分析到實現詳細功能，再到最終測試和維護的特殊進展。讓我對系統研發有了更深層次的認識。如今我的動手本領單獨處理疑惑的本領也獲取到了特別大的演練學習增多，這是這次畢業設計最好的收獲。

最后，在整個系統開發過程中，我周圍的同學和朋友給了我很多意見，所以我很快就確認了系統的商業思想。在次，我由衷的向他們表示感激。

免費領取本源代碼，請關注點贊+私聊

總結

以上是生活随笔為你收集整理的（附源码）node.js中小学生中文写作网 毕业设计 250623的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。