# vueProject

**Repository Path**: bearbaby/vueProject

## Basic Information

- **Project Name**: vueProject
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-10-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目名称 vue-project
## 作者：熊慧
## 简介：
利用vue+iview+vue-router+nodejs实现后台管理系统的搭建。前端使用iview框架进行架构，后台使用express框架进行架构。
## 技术栈：
1)使用iview框架，配置webpack.config.js文件，下载相关模块
2)nodejs中的express框架
3)使用MongoDB数据库
4)使用vue-quill-editor编辑器插件
5)安装mongoose pagination，mongoose-materialized等相关插件
6)使用vuex状态管理模式
7)使用crypto-js/md5加密用户密码
8)使用mixins代码混合，减少代码量，提高工作效率
## 疑难问题：
1)点击table中复选框无法获取当前id
2)进行添加删除等操作时，列表不会刷新
3)表单提交时不确定是添加操作还是编辑操作
4)tree控件，点击当前树时不知道怎样获取到id
5)如何跨页面取数据
6)mongoose多条删除
7)http请求里的then方法中的this指向发生了改变
8)刷新页面时，退出登录
## 解决方案：
1)查看iview文档，利用on-selection-change事件获取当前元素
2)添加删除等操作后，重新进行http请求刷新列表
3)在添加时传一个id，http请求前判断一下是否有id，有就是添加，没有就是编辑
4)利用on-select-change事件获取当前元素
5)利用cookie将数据存到浏览器中
6)用remove方法，传一个数组或对象，如{_id:{$in:ids}},注意要将ids转为数组
7)使用es6，箭头函数=>{}
## 运行方式：
后台：使用gulp运行本地服务器，打开数据库，使用supervisor ./bin/www开启后台服务
前端：npm run dev