本篇文章對應的最新原始碼下載：

密碼：cnms

一、先直觀感受一下效果

1.1，首頁

資料是靜態的，如下圖

1.2，使用者列表頁

使用者列表資料是模擬的動態資料，如下圖

1.3，訪問資料庫

前提是，mysql資料安裝成功，並新建了一個庫：mydb

在blogs/routes/db_config.js中配置了資料庫連線資訊，和查詢資料庫當前時間測試方法，如下圖；

在sublime text 中，執行（ctrl + b），即可看到結果：（也可以在其他開發工具中執行）

二、此版本blog升級內容詳解

2.1，引入bootstrap的js、css檔案；

主要在public資料夾中添加了 bootstrap的 js 和 css 檔案，並在頁面中引入；

詳細內容如下圖：

2.2，引入mysql模組程式碼，並訪問mysql資料庫

在node_modules資料夾中，加入了 mysql 資料夾（模組），用於訪問mysql資料庫。在db_config.js檔案中，配置了資料庫連線資訊，實現資料庫的訪問。

nodejs主要是callback模式，請仔細閱讀程式碼 參考1.3 。

2.3，在html頁面中獲取伺服器端的資料

在 views/userIndex.html 檔案中，通過express語法讀取伺服器端設定的資料。實現MVC結構；如下圖

2.4，練習

嘗試將 users.js 中的模擬使用者資料替換成從資料庫中讀取資料

三、下篇文章內容預告

介紹 nodejs 對資料庫進行 新增、修改、刪除、分頁操作；

封裝 javascript 物件 ，與資料庫表形成對映關係，方便操作資料庫（即ORM）；

程式設計師實戰技能，掃一掃學習