# vue.js-node.js简单使用

**Repository Path**: pkrcode/vuejs-nodejs

## Basic Information

- **Project Name**: vue.js-node.js简单使用
- **Description**: 基于node+vue的简单登录注册实践
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-09-28
- **Last Updated**: 2024-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 07-vue-node

### 1、node部分：server文件

**初始化项目：**

```js
cd server  //在server运行后端服务
npm install
```

**注意：**需要自行修改对应的数据库信息,注意账号密码

```js
//db.js
module.exports = {
  // 连接数据库
  mysql: {
    host: 'localhost',     // 本机
    user: 'root',          // 账号
    password: '123456',    // 密码
    database: 'login'      // 数据库名称
  }
}
```

需要在mysql手动表数据属性

```js
//mysql.js    注意命名
//  创建sql语句对象
var sqlMap = {
  usersql: {
    add: 'insert into user (username, email, password) values (?,?,?)',
    select: 'select * from user'
  }
}
module.exports = sqlMap;
```



**技术：使用express+mysql搭建服务器和数据库**

| 文件      | 作用                                          |
| --------- | --------------------------------------------- |
| app.js    | 主文件，用express搭建本地服务器，端口号为3000 |
| router.js | 搭建数据请求的路由                            |
| db.js     | 连接mysql数据库的信息                         |
| mysql.js  | 创建相应的sql语句对象                         |

**运行：**

```
node .\app.js
```

### 2、vue项目信息

**项目初始化**

```
npm install
```

**运行前端vue项目**

```
npm run serve
```