臺灣博碩士論文加值系統

現今企業在開發他們的系統時使用了多項的技術，有windows應用程式、網頁應用程式還有命令提示字元程式等等。JavaScript跟Node.js持續的發展並且在許多方面也越來越成熟，讓JavaScript並非只限制於使用在網頁應用程式。本論文目的為探討如何利用JavaScript跟Node.js來開發功能且運用於不同的企業系統。如果我們可以運用單一項技術來涵蓋多方面的開發，就能顯著地降低訓練費用。

本論文所採用的開發環境為MEAN架構，M代表MongoDB，是一個文件式的NoSQL資料庫、E代表Express.js是一個JavaScript開發框架、A代表Angular.js是一個擁有MVC的前端開發架構，最後N代表Node.js是利用JavaScript在伺服器端的開發環境。本論文在MEAN架構下，討論如何自動化開發過程，及產出各種格式的報告。

Nowadays, most enterprises use a variety of technologies when they develop their systems. There are windows applications, web applications and also console applications. JavaScript and Node.js have been evolving continuously and become more mature in many ways. JavaScript is no longer limited to be used in developing web applications. The purpose of this thesis is to explore how we can use JavaScript and Node.js in developing functions that appear in various enterprise systems. If we can use a single technology to cover as wide a range of development, we will be able to cut down training expense significantly.

The development environment adopted in this thesis is MEAN stack. Here, M represents MongoDB, which is a document based NoSQL database. E represents Express.js, which is a Node.js JavaScript framework. A represents Angular, which provides a MVC framework for developing our frontend. Finally, the letter N represents Node.js, which is a server-side JavaScript environment. We will focus on how we can automate the process of development under the MEAN structure. Other emphasis will be on generating reports in various formats.

摘要I
AbstractII
目錄III
圖目錄V
第一章簡介1
第二章Node.js 簡介2
2-1 Node.js2
2-1-1 安裝Node.js3
2-1-2 執行Node.js4
2-1-3 架設一個簡單的Web Server6
2-1-4 NPM7
2-2 Express.js8
2-2-1 安裝Express8
2-2-2 用Express架一個 Web Server10
第三章 MEAN 架構11
3-1 MVC模式11
3-2 MongoDB12
3-2-1 安裝MongoDB13
3-2-2 執行MongoDB16
3-2-3 基本指令17
3-3 Mongoose18
3-3-1 安裝Mongoose18
3-3-2 Mongoose加 Express 做簡單新增範例18
3-4 前端架構 Angular23
3-4-1 如何應用Angular23
3-4-2 前端架構Angular實作範例24
3-5 MEAN 專案目錄架構26
3-5-1 把前面的範例用MEAN架構整合27
第四章 企業常見需求34
4-1 命令提示字元程式34
4-1-1 安裝Vorpal34
4-1-2 用Vorpal來定義命令35
4-1-3 Vorpal 整合 MEAN架構範例36
4-2 匯出 PDF 檔案39
4-2-1 安裝pdfkit40
4-2-2示範pdfkit40
4-3 讀寫 Excel 檔案43
4-3-1 安裝node-xlsx43
4-3-2 示範node-xlsx44
4-4 匯出 Word 檔案46
4-4-1 安裝officegen47
4-4-2 示範officegen47
第五章 實作測試49
第六章 未來展望54
參考文獻55

圖 2- 1 Node.js首頁 3
圖 2- 2 安裝畫面 3
圖 2- 3 命令提示字元 4
圖 2- 4 到node.js 資料夾 4
圖 2- 5 執行node.js 5
圖 2- 6 Hello World 5
圖 2- 7 離開Node.js 6
圖 2- 8 架起server 6
圖 2- 9 連接 server 6
圖 2- 10 npm版本 7
圖 2- 11 到Express資料夾 8
圖 2- 12 安裝Express 9
圖 2- 13 安裝完成Express 9
圖 2- 14 架起 server 10
圖 2- 15 連接 server 10
圖 3- 1 MVC模式 12
圖 3- 2 MongoDB下載 13
圖 3- 3 MongoDB安裝 13
圖 3- 4 MongoDB安裝 14
圖 3- 5 選擇安裝模式 14
圖 3- 6 安裝MongoDB 15
圖 3- 7 安裝完成 15
圖 3- 8 執行MongoDB 16
圖 3- 9 MongoDB Table 16
圖 3- 10 MongoDB 機本指令 17
圖 3- 11 安裝Mongoose 18
圖 3- 12 安裝完成 18
圖 3- 13 index.html 畫面 18
圖 3- 14 index.html程式 19
圖 3- 15 Node.js連結MongoDB 19
圖 3- 16 Mongoose的schema-based 20
圖 3- 17 Express路由 20
圖 3- 18 Mongoose新增語法 20
圖 3- 19 執行MongoDB 21
圖 3- 20 架起server 21
圖 3- 21 連接server 21
圖 3- 22 確認資料 22
圖 3- 23 查詢資料 22
圖 3- 24 Angular官方網站 23
圖 3- 25 下載Angular 24
圖 3- 26 範例畫面 24
圖 3- 27 引入Angular 25
圖 3- 28 Angular的MVC 25
圖 3- 29 HTML程式 25
圖 3- 30 水平式專案目錄 26
圖 3- 31 整合Angular的畫面 27
圖 3- 32 水平式目錄的後端 27
圖 3- 33 水平式目錄的環境 28
圖 3- 34 水平式目錄的前端 28
圖 3- 35 水平式目錄的server 28
圖 3- 36 package.json 29
圖 3- 37 後端Model 29
圖 3- 38 Node.js連結MongoDB 29
圖 3- 39 後端Controller 30
圖 3- 40 後端route 30
圖 3- 41後端View 31
圖 3- 42 後端View 31
圖 3- 43 後端Express 32
圖 3- 44 前端Controller 32
圖 3- 45 後端server 33
圖 4- 1 安裝Vorpal 34
圖 4- 2 安裝完成 34
圖 4- 3 Vorpal程式 35
圖 4- 4 執行Vorpal 35
圖 4- 5 help指令 35
圖 4- 6 新增水平式專案目錄 36
圖 4- 7 新增完成 36
圖 4- 8 新增目錄內容 37
圖 4- 9 目錄內的html模板 37
圖 4- 10 Vorpal程式 38
圖 4- 11 Vorpal程式 38
圖 4- 12 Vorpal程式 39
圖 4- 13 安裝pdfkit 40
圖 4- 14 安裝完成 40
圖 4- 15 鑲嵌文字到pdf 41
圖 4- 16 執行程式 41
圖 4- 17 執行結果 41
圖 4- 18 鑲嵌圖片到pdf 42
圖 4- 19 執行程式 42
圖 4- 20 執行結果 42
圖 4- 21 檔案位置 43
圖 4- 22 安裝node-xlsx 43
圖 4- 23 安裝完成 44
圖 4- 24 讀取的Excel檔案 44
圖 4- 25 讀取檔案程式 44
圖 4- 26 執行結果 45
圖 4- 27 寫入檔案程式 45
圖 4- 28 執行結果 45
圖 4- 29 新增檔案位置 46
圖 4- 30 新增檔案內容 46
圖 4- 31 安裝officegen 47
圖 4- 32 安裝完成 47
圖 4- 33 示範寫入Word的結果 47
圖 4- 34 寫入word的程式 48
圖 4- 35 執行程式 48
圖 4- 36 新增檔案位置 48
圖 5- 1 整合所有套件的Web畫面 49
圖 5- 2 後端的api資料夾 50
圖 5- 3 接上pdfkit api的程式 50
圖 5- 4 接上node-xlsx api的程式 51
圖 5- 5 接上officegen api的程式 51
圖 5- 6 三個按鍵功能的結果 52
圖 5- 7 pdf的內容 52
圖 5- 8 Excel的內容 53
圖 5- 9 Word的內容 53

[ 1 ] MEAN Web Development

[ 2 ] NPM 介紹及使用說明
http://ithelp.ithome.com.tw/articles/10102731

[ 3 ] 全 Javascript 的 Web 開發架構：MEAN
https://read01.com/anNG7.html

[ 4 ] MVC維基百科
https://zh.wikipedia.org/wiki/MVC

[ 5 ] MongoDB官方網站
https://www.mongodb.com/

[ 6 ] Vorpal
https://github.com/dthree/vorpal

[ 7 ] Adobe 什麼是 PDF
https://acrobat.adobe.com/tw/zh-Hant/why-adobe/about-adobe-pdf.html

[ 8 ] pdfkit
http://pdfkit.org/

[ 9 ] node-xlsx
https://www.npmjs.com/package/node-xlsx

[ 10 ] officegen
https://github.com/Ziv-Barber/officegen