Code Monkey home page Code Monkey logo

vue2-manage's Introduction

About

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

注:项目预览地址和接口需要使用https访问哦!

说明

如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

开发环境 macOS 10.12.4 nodejs 6.10.0

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

传送门:前端项目地址后台系统地址原生APP项目地址

技术栈

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

项目运行

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

cd vue2-manage  

npm install 或 yarn(推荐)

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

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


访问: http://localhost:8002

效果演示

(可在后台管理系统添加商铺,食品等数据,并在前端地址查看效果)

查看效果请戳这里

前端项目网址

前端网址请戳这里(请用chrome手机模式预览)

移动端扫描下方二维码

功能列表

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

部分截图

License

GPL

vue2-manage's People

Contributors

2015lym avatar bailicangdu avatar perjust avatar

Stargazers

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

Watchers

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

vue2-manage's Issues

关于登录

我这边开发是用的您的这个项目,登录这块我看到登陆后是有保存cookie的但是我找了相关的文件没找到这个设置操作,还有就是登陆后关闭浏览器再重新打开项目,这个流程向后台验证的时候也没有找到操作cookie和向后台发送的参数,用vue开发的时间不久,希望大神能指点一下这个操作实在哪个地方

请问一个关于element树形控件的问题。

最近下载了楼主的模板;想在上面加一个树形控件。遇到一个问题,上次勾选的,下次打开,就被清空了,请问楼主有没有什么办法让我下次打开的时候还能看见上次勾选的内容。

npm install 出现问题 npm ERR! code EINTEGRITY

npm ERR! code EINTEGRITY
npm ERR! sha1-hilUyLWBC/+HpIsN4EFu2MS7HDY= integrity checksum failed when using sha1: wanted sha1-hilUyLWBC/+HpIsN4EFu2MS7HDY= but got sha1-Rf1VsXX6jAQwfu7gAOuuBowgfoM=. (1291558 bytes)

这个毛病破不了,

vue2-manage和vue2-elm 代码down下来之后,npm install 失败! Unexpected end of JSON input 都是同样的问题?能否指点一二?

有关商家列表-编辑中的详细地址匹配

ElementUI中有个带输入建议的input功能,这个功能很赞,可是当我从服务器获取数据时,cb回调前,我results的数据都能获取到,然而页面就是渲染不出来,看过大神的back-manage项目,知道你是用ES7的async wait结合fetch的方式获取后台数据,我则是用的axios方式获取后台数据,我模仿大神的方式可还是失败了,因此特想向大神了解下具体可能的原因是什么以及为什么,非常感谢!!!

所有可以展开的查询列表均有个bug

1.随便点击列表中一条数据,查看详情,不要关闭
2.再点击另外一条数据,查看详情,这时候所有打开的详情均会变为最后一次打开的数据

权限管理

你好,这个后台管理系统有没有做权限管理系统?

npm run dev 跟 local 有个出现504 问题

npm run dev
Proxy -> http://cangdu.org:8001
Listening at http://localhost:8002

npm run local
Proxy -> http://localhost:8001
Listening at http://localhost:8002

[HPM] Error occurred while trying to proxy request /admin/info from localhost:8002 to http://localhost:8001 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

dev-server.js
switch(process.env.NODE_ENV){
case 'local': var proxypath = 'http://localhost:8001'; break;
case 'online': var proxypath = 'http://cangdu.org:8001'; break;
}
修改这里面的localhost:8001 也没反应

npm install 出现error

你好,我在安装依赖的时候出现了以下error

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe
node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v6.2.0
npm ERR! npm v3.8.9

npm ERR! Cannot read property 'emit' of null
npm ERR!
npm ERR! If you need help, you may report this err
npm ERR! https://github.com/npm/npm/issues

后台的管理员权限

npm run local时
后台删除food 或shop 时提示权限不足,请问有默认的超级管理员吗?

注册问题

npm run dev 直接跳转到登录界面,如何进到注册界面

下载的项目启动不了

大神,我按照你的步骤安装了项目,但npm run dev 启动不了项目
` /Users/yhy/vue2-manage > npm run dev

[email protected] local /Users/qiaosong/vue2-manage
cross-env NODE_ENV=local node build/dev-server.js

`
这是控制台

在chorme浏览器输入http://localhost:8002/
显现无法显示此网页,localhost拒绝了我们的连接请求。

路由配置问题

export default new Router({
	routes,
	strict: process.env.NODE_ENV !== 'production',
})

路由中配置了一个 strict 是什么意思?严格模式?

关于table问题

我在做项目的时候发现引用的表格超出后的滚动条看不到了,现在需要把这个滚动条给整出来,不知道需要改写什么东西,请大神指教

后台接口问题

您好,我第一次用vue,后台接口我换了其他的数据接口,然后后台登陆就登陆不了了,请问是怎么回事?求大神指教。

您好,关于图片上传到七牛

您好,看了您的后台程序,有一点不太理解:为什么已经选择了用七牛云做图片存储,为什么还要把图片保存到后台程序的文件夹中?

添加商品时,选择种类一直是“无数据”

添加商品时,选择种类一直是“无数据”。
即使添加“种类”/“描述”,提交后还是为空,
因而无法提交新增商品——类型ID错误。

前台参数错误 食品类型ID错误
{
"res": {
"statusCode": 200
},
"req": {
"url": "/shopping/addfood",
"headers": {
"connection": "close",
"cookie": "csrftoken=4qOJdQ4T4gD1nhNEg3YInpV0zHwoSr5N; sessionid=beqz8tlne1e1zwex1vl9y7slc7lh6by0; __utma=111872281.24288136.1496584607.1496584607.1496587650.2; __utmz=111872281.1496584607.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); SID=s%3AXirMlC-_Zh5r_qeQU5QKJmNHYixmOd1t.tFwIuBdcBw9%2B14F6CvpE2XQgDtAlgtZ2YCTbHUcHWHY",
"content-length": "175",
"referer": "http://localhost:8002/",
"origin": "http://localhost:8002",
"content-type": "application/json",
"accept-encoding": "gzip, deflate",
"accept-language": "en-US,en;q=0.5",
"accept": "application/json",
"user-agent": "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:53.0) Gecko/20100101 Firefox/53.0",
"host": "localhost:8001"
},
"method": "POST",
"httpVersion": "1.1",
"originalUrl": "/shopping/addfood",
"query": {}
},
"responseTime": 10,
"level": "info",
"message": "HTTP POST /shopping/addfood"
}

关于fetch的问题

请问这套系统中的fetch.js是你自己写的吗?能不能给我简介一下他的原理

点击菜单栏会报错

点击左侧二级菜单,打印“[Vue warn]: Duplicate keys detected: 'index'. This may cause an update error.”

如何处理客户端权限

您好,感谢您提供仿饿了么客户端源码,正在学习中,受益匪浅,
请教一个问题,就是如何做客户端权限认证?

我看过一些关于jwt的介绍,就是用户登录之后,利用账号,密码换取服务端的一个token信息,客户端保存好这个token信息,每次请求服务端资源的时候,在头部发送这个token到服务端,可以获取用户的角色role信息,
根据角色去获取服务端资源,如果用户授权有问题,就不能获取相应的资源。

不过我现在碰到的问题是,前后端分离的单页应用程序(前端负责渲染页面,后端提供api[后端不提供页面渲染,不使用模板渲染])能否利用这个token或者用什么技术做客户端权限认证,
因为可能有这些场景,
1,一些角色要访问特定的页面,如果游客访问系统管理员的页面,客户端跳转401页面;
2,具体某个页面上,不同角色要显示不同按钮。但是这些可能都不走服务端,直接在客户端处理完成。能否让客户端维护自己的权限处理方式。

对于客户端权限问题,您有没有什么好的建议,
或者您将会在这个系统中使用vue auth的相关技术。感谢指导。谢谢。

关于axios的问题

请问您为什么不选用axios或者是resource?而是自己封装呢? 如果用axios是不是只需要把您封装的方法用axios替换一下就可以了呢?

代码问题

你好,刚学习,能不能提供一套没有打包的代码学习,谢谢

大神你好,定位失败的问题

ubuntu 14.04
node 7.10.0
npm 4.2.0

1|node-elm | 定位失败 { status: 382, message: 'IP无法定位' }
1|node-elm | 登录管理员失败 定位失败
启动的node-elm的 npm run start
然后vue2-manaer的npm run local
最后vue2-elm获取城市会ERROR_DATA

后台登录

您好,后台登录输入账号密码都没反应

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.