基于vue2.0 +vuex+ element-ui后台管理系统

A magical vue element touzi admin.

效果演示地址

github地址

About

此项目是 vue2.0 + element-ui + node+mongodb 构建的后台管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登录、数据显示、新增数据、修改数据、删除数据等功能。

如果对您对此项目有兴趣,可以点"Star"支持一下 谢谢! ^_^    或者您可以"follow"一下,我会不断开源更多的有趣的项目    开发环境 windows 64 、nodejs 6.11.0    如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR

技术栈

前端技术栈: vue2 + vuex + vue-router + webpack2.0 + ES6/7 + less + element-ui

服务端技术栈: nodejs + express + mongodb

前序准备

运行前准备:

1、不需要在本地调试及开发: 请访问本项目的服务器地址。

2、需要在本地调试及开发:

由于此项目是基于nodejs和mongodb的前后端结合项目,你需要进行nodejs和mongodb的相关准备工作。项目运行之前,请确保系统已经安装以下应用:

(1)、node (6.0 及以上版本)。使用细节,请参考:node的下载及安装。

(2)、mongodb 。使用细节,请参考:mongodb的下载及使用。【下载,db/log配置,开启服务,use touzi,导入数据】

(3)、robomongod。使用细节,请参考:robomongod的下载及使用。(注意:mongodb可视化视图工具,本项目不是必须安装,主要用于方便查看数据库数据)。

开发:

git clone https://github.com/wdlhao/vue2-element-touzi-admin

cd vue2-element-touzi-admin

npm install

npm run dev (访问本地后台系统,需开启服务端express服务)。运行之后,会默认打开本地访问路径:http://localhost:8012

开启服务端express服务方法如下:双击server/start.bat启动文件,执行命令>node index.js即可,启动后切记不要关闭cmd窗口。

发布

npm run bulid (生成打包之后的项目文件,此文件主要用于项目部署)。

查看更多demo

License

MIT

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容