/Vue-admin

VUE2.0增删改查附编辑添加model(弹框)组件共用

Primary LanguageVueMIT LicenseMIT

启动项目

This is a project template for vue-cli

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build

这个项目用到的

技术栈:

vue + webpack + vuex + axios

结构:

  • build: webpack配置
  • config: 项目配置参数
  • common 共用的
  • components:组件
  • api :增删改查的接口
  • mock:模拟数据
  • src assets: 静态资源文件,存放图片啥的
  • router.js: 路由表
  • store: 状态管理
  • utils: 常用工具类封装
  • views: 视图页面
  • static: 静态文件 存放 favicon.ico 等等

效果图:

edit add

Theme

You can change theme by

  1. Generate theme packages by https://elementui.github.io/theme-preview/#/
  2. Put theme packages in src/assets/theme/
  3. Edit src/main.js
   import 'element-ui/lib/theme-default/index.css'
   to
   import './assets/theme/your-theme/index.css'
  1. Edit src/styles/vars.scss

theme-blue theme-green

Browser support

Modern browsers and IE 10+.

License

MIT

这是一个vue的框架element-ui做的一个有简单的用户登录以及用户信息,使用常用的table、list、form,基本的增删改查功能,以及弹出窗