# vue-full-stack nodejs全栈项目

**Repository Path**: fuzqiang/vue-full-stack

## Basic Information

- **Project Name**: vue-full-stack nodejs全栈项目
- **Description**: 使用nodejs、mongoDB、vue等技术栈开发的一套前后端分离的全栈项目。
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-03-19
- **Last Updated**: 2022-03-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-full-stack

#### 介绍

使用Nodejs、Express、Mongoose、Vue等技术栈开发的一套前后端分离的全栈项目。

#### 软件架构

```
book-service: 目录为后台接口开发，使用Express以及Mongoose开发完成；
book-view:    目录为前端页面开发，使用Vue结合View UI（iview）组件库开发完成。
```

目前版本中还有许多内容待优化，前端人员想往全栈方向发展，将当前项目作为练习还是很不错的。
开发此项目需要有一定js、vue、nodejs基础，其中还涉及了服务端[Express](https://www.expressjs.com.cn/)框架和[Mongoose](http://www.mongoosejs.net/)框架，以及和vue结合的[View UI](https://www.iviewui.com/)组件库。

#### 安装教程

1.  全局安装node.js、nodemon和express，（安装Express生成器express-generator）；express生成器是生成项目所使用，克隆本项目无需重新生成项目，所以不使用。
```
  npm install nodemon -g
  npm install express -g
  npm install express-generator -g
```
2.  下载mongodb安装程序，安装到本地电脑；下载mongodb可视化工具studio-3t，方便操作mongodb数据库。
```
百度网盘地址：studio-3t：https://pan.baidu.com/s/1ys0F80mF1yyLLldYUAxrmQ，提取码：rl89
             mongodb：  https://pan.baidu.com/s/1r8vJxQuMu9cy7n2_-AjU7g，提取码：wxgw
或者可以直接去官网下载最新版本，请自行搜索。
```
3.  克隆本项目后，先分别安装node_modules，然后先启动mongodb，然后启用book_service服务项目；最后再启动book_view项目。
```
cd book_service
npm install

cd book_view
npm install

// 启动mongodb
mongod --dbpath [数据目录]

// 启动服务
cd book_service
nodemon start

// 启动页面
cd book_view
npm run dev
```