Vue+MySQL+Express小试牛刀 | vue mysql
眼睛一闭一睁,到年底了。早就想尝试用js玩儿全栈,最近正好做毕设了,是一个关于资金的管理系统,于是乎,正好用来练练手。一咬牙一跺脚----嗯,就用Vue+MySQL+Express吧。前端用Vue,后端用Express做服务端提供数据接口,数据库用MySQL(由于毕设就要求的是基于SQL数据库)。说时易,做时难。以前都是单写Vue,数据请求是请求的假数据,而且没有搭建过环境,所以单独用Express的话,也只是用express-generator生成expreess项目,而且前端是基于jade或ejs模板的。思来想去不知道如何将Vue加进去,如果要用Vue并且以组件式开发,则必...
眼睛一闭一睁,到年底了。早就想尝试用js玩儿全栈,最近正好做毕设了,是一个关于资金的管理系统,于是乎,正好用来练练手。一咬牙一跺脚----嗯,就用Vue+MySQL+Express吧。前端用Vue,后端用Express做服务端提供数据接口,数据库用MySQL(由于毕设就要求的是基于SQL数据库)。
说时易,做时难。以前都是单写Vue,数据请求是请求的假数据,而且没有搭建过环境,所以单独用Express的话,也只是用express-generator生成expreess项目,而且前端是基于jade或ejs模板的。思来想去不知道如何将Vue加进去,如果要用Vue并且以组件式开发,则必然要用到webpack编译打包,于是...
1.用vue-cli脚手架工具创建一个基于webpack的Vue项目前提:安装node环境
首先全局安装: npm install -g vue-cli,然后创建一个项目文件夹,进入项目目录执行:vue init webpack my-project(my-project是项目名)。安装完成之后可以执行 npm install 安装依赖,执行 npm run dev进行开发时调试。
安装 vue-resource依赖,一种安装方式先在package.json中对应地方添加,然后执行npm install
"dependencies": { "vue": "2.1.0", "vue-router": "2.0.3", "vue-resource": "1.0.3" }, 2.添加Express服务端目录。前提:电脑安装mysql数据库
在项目根文件夹下创建一个server文件夹。然后里面创建下面三个文件:
db.js----用来添加mysql配置
// 数据库连接配置 module.exports = { mysql: { host: localhost, user: root, password: , database: test, port: 3306 } }index.js----Express服务器...