vue+node+mysql學習筆記

1.建立數據庫html

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.建立項目目錄結構vue

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

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

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

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

　　3)安裝後臺所需模塊webpack

　　安裝以前咱們使用cnpm安裝web

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

各模塊用處sql

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

咱們先安裝supervisorvue-cli

cnpm i supervisor

supervisor的做用是會監聽文件的變化，而咱們修改文件以後沒必要去重啓程序數據庫

supervisor --harmony index