1.創建數據庫

create database vueBlog;
use vueBlog;
/*創建管理員表，用於後臺登錄，字段為管理員編號(自增長)、賬號、密碼、登錄時間*/
create table if not exists admin
(
    id int auto_increment primary key,
    name varchar(20) not null, 
    password varchar(50) not null,
    loginTime varchar(50) not null
);

2.創建項目目錄結構

1)使用vue-cli初始化項目　　

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創建一個基於 webpack 模板的新項目
$ vue init webpack vue-blog
# 安裝依賴，走你
$ cd vue-blog
$ cnpm install
$ npm run dev

　2)創建admin目錄，存放後臺相關文件

• config 存放默認文件
• lib 存放操作數據庫文件
• middlewares 存放判斷登錄與否文件
• public 存放樣式文件
• routes 存放路由文件
• views 存放模板文件
• index 程序主文件

　　3)安裝後臺所需模塊

　　安裝之前我們使用cnpm安裝

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm i koa koa-bodyparser koa-mysql-session koa-router koa-session-minimal koa-static koa-views md5 moment mysql ejs --save

各模塊用處

koa node框架
koa-bodyparser 表單解析中間件
koa-mysql-session、koa-session-minimal 處理數據庫的中間件
koa-router 路由中間件
koa-static 靜態資源加載中間件
ejs 模板引擎
md5 密碼加密
moment 時間中間件
mysql 數據庫
koa-views 模板呈現中間件
 

vue+node+mysql學習筆記