Vue Oracle 框架範本 |

這個框架範本，是建立在前一篇 Vue Fullstack 框架範本的基礎上。

除了基本的認證外，實際加入了 Oracle 資料庫的資料運作。因此除了客戶端 Vue 的框架，也實作了伺服端與 Oracle 資料庫的 API，實做了 Oracle 資料表的資料讀取、新增、更改與刪除，因此在此專案中需要安裝 Node.js 的 Oracle Database driver node_oracledb。安裝這個 node_oracledb 你必須先在你的伺服器端安裝 Oracle Client。

如果你使用的是 Microsoft Windows 64 bit，可將 XXX111:\DBA\Oracle Client\12.2\instantclient_12_2_basic 整個目錄複製到你的電腦上，並將路徑加入你的 PATH 環境變數上。

原始碼

如果你有安裝 git，可以用 git clone 取得程式碼，我的 Z: 虛擬硬碟是指向 XXX111。

git clone Z:\DBA\Git\Depot\vue-oracle-sample.git

cd vue-oracle-sample

npm install

npm start

如果要用在正試環境時，記得將 package.json 的屬性 start 改為用 Node.js 啟動:

package.json

1
2
3

"scripts": {
  "start": "node ./bin/www"
},

你可以使用 admin 管理員帳號管理使用者，記得更改 admin 的密碼。

範例帳號，預設密碼都是 changeonlogin:

admin
user
scott
smith
allen

網址 http://localhost:3000/

Oracle Database 使用的則是 Lxxx, Schema: xxxx/xxxxxxx

Used TNSNAMES adapter:

(DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = xxxx.xxx.com.tw)(PORT = 1522)) (CONNECT_DATA = (SERVER = DEDICATED) (SERVICE_NAME = xxxx.xxx.com.tw)))