基于 vue2 构建和后台真实交互的 管理系统

栏目: JavaScript · 发布时间: 8年前

内容简介:基于 vue2 构建和后台真实交互的 管理系统

关于

此项目是 vue + element-ui 构建的后台管理系统,是后台项目 node-elm 的管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登陆、管理数据、权限验证等功能。

源码地址

https://github.com/bailicangdu/vue2-manage

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui

项目运行

git clone https://github.com/bailicangdu/vue2-manage  

cd vue2-manage  

npm install

npm run dev (访问线上后台系统)

npm run local (访问本地后台系统,需运行node-elm后台系统)


访问: http://localhost:8002

效果演示

查看效果请戳这里

功能列表

  • [x] 登陆/注销 -- 完成
  • [x] 添加商铺 -- 完成
  • [x] 添加商品 -- 完成
  • [x] 数据展示 -- 完成
  • [x] 管理用户 -- 完成
  • [x] 管理商铺 -- 完成
  • [x] 食品管理 -- 完成
  • [x] 权限验证 -- 完成
  • [x] 管理员设置 -- 完成
  • [x] 图表:chart_with_upwards_trend: -- 完成
  • [x] 富文本编辑器 -- 完成

部分截图

基于 vue2 构建和后台真实交互的 管理系统

基于 vue2 构建和后台真实交互的 管理系统

基于 vue2 构建和后台真实交互的 管理系统

扫码关注w3ctech微信公众号


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning Web App Development

Learning Web App Development

Semmy Purewal / O'Reilly Media / 2014-3-3 / USD 29.99

Grasp the fundamentals of web application development by building a simple database-backed app from scratch, using HTML, JavaScript, and other open source tools. Through hands-on tutorials, this pract......一起来看看 《Learning Web App Development》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具