Giter Club home page Giter Club logo

vue-login-manage-system's Introduction

manage-system

基于Vue.js 2.x系列 + Element UI + Node.js + Mysql的后台管理系统解决方案。

准备工作

需在本地安装 Node.js

功能

  • Element UI
  • 登录/注销
  • 个人中心
  • 修改用户信息
  • 修改密码
  • mysql
  • 图形验证码

目录结构介绍

|-- build                            // webpack配置文件
|-- config                           // 项目打包路径
|-- src                              // 源码目录
├─service                            // 服务端
│   │-- app.js                       // express 入口文件
│   |-- api                          // 接口
│       │-- userApi.js               // 接口映射文件
│   |-- db                           // 数据库
│       |-- db.js                    // 连接数据库
│       |-- sqlMap.js                // 数据库映射文件
|   |-- components                   // 组件
|       |-- common                   // 公共组件
|           |-- Header.vue           // 公共头部
|           |-- Home.vue           	 // 公共路由入口
|           |-- Sidebar.vue          // 公共左边栏
|		|-- page                   	 // 主要路由页面
|           |-- Identify.vue         // 图形验证码
|           |-- Login.vue            // 登录
|           |-- ModifyPassword.vue   // 修改密码
|           |-- ModifyUser.vue       // 修改用户
|           |-- Readme.vue           // 简介
|           |-- Register.vue         // 注册组件
|           |-- UserCenter.vue       // 用户中心
|           |-- Success.vue          // 修改成功
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件,加载各种公共组件
|-- .babelrc                         // ES6语法编译配置
|-- .editorconfig                    // 代码编写规格
|-- .gitignore                       // 忽略的文件
|-- index.html                       // 入口html文件
|-- package.json                     // 项目及工具的依赖配置文件
|-- README.md                        // 说明

安装步骤

https://github.com/sakila1012/vue-login-manage-system.git     // 把项目下载到本地
cd manage-system    // 进入项目目录
npm install         // 安装项目依赖,等待安装完成之后

本地开发

// 开启前端服务器,浏览器访问 http://localhost:8083,在根目录下执行下面命令
npm run dev

服务端开发

// 开启后端服务器
cd service
node app 

构建生产

// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build

vue-login-manage-system's People

Contributors

sakila1012 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.