web前端

訂閱專欄
首先要有資料庫 使用xampp 或者 phpstudy 可以傻瓜式安裝

新建一個專案資料夾 之後在這個目錄下初始化package.json (npm init)

先在專案中安裝mysql 和 express ,這個專案裡使用express

因為express實現路由比較方便

cnpm install mysql express --save

已經安裝好mysql和express

接下來建立app.js

在app.js裡引入express並例項化express物件

在app.js裡引入mysql

開啟一個伺服器

接下來建立連線

使用db.connect()方法連線 ,這個方法接收一個引數 有錯誤就報錯

建立資料庫

在一個路由裡寫sql語句 使用db.query來執行sql語句 db.query()方法有兩個引數 ,第一個引數是要執行的語句 第二個引數是個回撥函式 回撥函式裡可以接收錯誤資訊,也有執行後回來的資訊 依然是錯誤優先

接下來在瀏覽器裡訪問127.0.0.1:3000/createdb

頁面上顯示建立成功

資料庫裡已經有nodemysql資料庫了

這個時候就可以在配置連線資料庫里加上當前的資料庫了

建立表

也是在一個路由裡寫sql語句

型別是 int 數值 AUTO_INCREMENT 讓id 自增, VARCHAR(255) 字串 長度255,PRIMARY KEY(ID) 把id設為主鍵

使用db.query()方法執行sql語句

現在在瀏覽器裡訪問127.0.0.1:3000/createpoststable

頁面上顯示建立成功

資料庫裡已經有posts的表了

接下來往資料庫這個表裡插入內容

插入內容 還是在一個路由裡操作

寫個問號 防止sql注入 會在執行時把post傳進sql語句 替換問號

瀏覽器中訪問127.0.0.1:3000/addpost1

頁面上顯示成功

資料庫裡也有了這一條資料

查詢內容 查詢posts表中所有資料

瀏覽器中訪問 127.0.0.1:3000/getposts

頁面顯示查詢成功

列印了查詢到的結果

如果要把查詢到的內容返回出去 使用res.json(result)

瀏覽器中效果

接下來查詢單條內容

使用req.params.id接收傳來的引數

瀏覽器中訪問127.0.0.1:3000/getposts/1

頁面中顯示了查詢到的單條資料

更新內容

更新的是某一條內容 所以還用傳引數 需要注意的是 要更新的newTitle是字串 所以寫sql語句的時候需要使用單引號 引起來 ,如果是數值就不用了.

瀏覽器中訪問127.0.0.1:3000/updatepost/1

頁面上顯示更新成功 訪問127.0.0.1:3000/getposts/1 看看資料有沒有變化

有變化了

刪除內容

還是在一個路由裡寫方法 傳來要刪除的引數

瀏覽器中訪問127.0.0.1:3000/deletepost/1 刪除第一條資料

頁面上顯示刪除成功

資料庫裡只有一條資料了

至此 使用nodejs+express 連線mysql資料庫 增刪改查 已經全部實現