Contacts

简述

这是一个通讯录的project，以web方式展示，目前只支持PC端，暂无移动端的适配。

实现的功能

• 登录
• 注册
• 联系人增删查改
• 联系人分组
• 联系人导入
• 联系人导出

技术栈

• 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        // 依赖
|

构建

需要启动两个服务，一个前端，一个后台

前端

# install dependencies
npm install

# server in dev mode, with hot reload at localhost:12221
npm run dev

# build for production
npm run build

后台

# install dependencies
npm install

# server in dev mode, with hot reload at localhost:12221
npm start

最后

此项目实现了通讯录的基本功能，欢迎提issue，喜欢的请点个Star。

欢迎与我交流。

Email：[email protected]