Code Monkey home page Code Monkey logo

vue-contacts's Introduction

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]

vue-contacts's People

Contributors

k-water avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.