https://github.com/k-water/vue-contacts
通讯录web版，实现的功能有联系人的增删查改，联系人的分组，联系人信息的导入导出
https://github.com/k-water/vue-contacts
contacts express servlet vue vue-router2 vuex2 webpack2
Last synced: about 1 year ago
JSON representation
通讯录web版，实现的功能有联系人的增删查改，联系人的分组，联系人信息的导入导出
- Host: GitHub
- URL: https://github.com/k-water/vue-contacts
- Owner: k-water
- License: mit
- Created: 2017-02-15T09:13:35.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-19T02:39:18.000Z (about 9 years ago)
- Last Synced: 2025-04-15T00:16:46.984Z (about 1 year ago)
- Topics: contacts, express, servlet, vue, vue-router2, vuex2, webpack2
- Language: Vue
- Homepage:
- Size: 5.04 MB
- Stars: 19
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Contacts
### 简述
这是一个通讯录的project，以web方式展示，目前只支持PC端，暂无移动端的适配。
### 实现的功能
* [x] 登录
* [x] 注册
* [x] 联系人增删查改
* [x] 联系人分组
* [x] 联系人导入
* [x] 联系人导出
### 技术栈
* Vue
* Vuex
* VueRouter
* Axios
* Vue-cli
* ElementUI
* Node
* Express
* MongoDB
### 目录结构
|
|——fontend
| ├── README.md
| ├── build // 构建服务和webpack配置
| ├── config // 项目不同环境的配置
| ├── dist // 项目build目录
| ├── index.html // 项目入口文件
| ├── package.json // 依赖文件
| |
| ├── src // 生产目录
| │ ├── assets // css js 和图片资源
| │ ├── components // 各种组件
| │ ├── router // 前端路由
| │ ├── store // vuex状态管理器
| │ ├── utils // axios拦截器
| | ├── App.vue // 主组件
| │ └── main.js // Webpack 预编译入口
| |
| ├── static // 其他静态资源
|
|——backend
| |—— bin // 项目配置
| |—— controlllers // 控制器
| |—— db // 数据库配置
| |—— miidelewares // 中间件
| |—— models // mongodb schema
| |—— public // 公共文件
| |—— routers // 后台路由
| |—— views // 模板引擎
| |—— app.js // 入口
| |—— package.json // 依赖
|
### 构建
需要启动两个服务，一个前端，一个后台
#### 前端
``` bash
# install dependencies
npm install
# server in dev mode, with hot reload at localhost:12221
npm run dev
# build for production
npm run build
```
#### 后台
``` bash
# install dependencies
npm install
# server in dev mode, with hot reload at localhost:12221
npm start
```
### 最后
此项目实现了通讯录的基本功能，欢迎提issue，喜欢的请点个Star。
欢迎与我交流。
Email：625592890@qq.com