Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Learnvue | 12,190 | 4 months ago | 20 | JavaScript | ||||||
:octocat:Vue.js 源码解析 | ||||||||||
Vue2 Element Touzi Admin | 3,956 | a month ago | 21 | Vue | ||||||
基于vue2.0 +vuex+ element-ui后台管理系统 | ||||||||||
Blog Vue Typescript | 2,361 | 2 months ago | 5 | Vue | ||||||
Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 支持 markdown 渲染的博客前台展示 | ||||||||||
Electron Vue Cloud Music | 2,189 | 6 months ago | 29 | mit | Vue | |||||
🚀Electron + Vue 仿网易云音乐windows客户端 | ||||||||||
Webchat | 1,945 | 21 days ago | 4 | mit | JavaScript | |||||
:speaker: Websocket project based on vue(基于vue2.0的实时聊天项目) | ||||||||||
Genal Chat | 1,683 | 5 months ago | 38 | mit | TypeScript | |||||
🚀阿童木聊天室 nestjs+vue全栈聊天室 前后端分离 typescript一把梭 | ||||||||||
Vue Zhihu Daily | 1,280 | 6 years ago | 12 | JavaScript | ||||||
zhihu daily spa with vue 线上演示在这里 ----> | ||||||||||
Vue Mall | 1,262 | 5 years ago | 10 | mit | Vue | |||||
🔨 基于 vue+node+mongodb 实现一个锤子商城 | ||||||||||
Vue2.0 Taopiaopiao | 1,100 | 5 years ago | 3 | Vue | ||||||
vue2.0+router+vuex+express 构建淘票票的全栈demo | ||||||||||
Nuxt Ssr Demo | 1,068 | 5 months ago | 24 | CSS | ||||||
:sparkles: 高仿掘金,整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo |
xxx金融后台管理系统
A magical vue element touzi admin.
master分支:前后端统一开发的版本;可以用于学习nodejs+mongodb+express相关知识;
dev分支:进行了前后端分离的版本;用户只关注于前端部分,可忽略服务端;下载下来,即可运行;
dev-permission分支:增加了权限管理(包括页面权限和按钮权限)的功能和顶栏三级菜单显示,完全剥离nodejs后台,使用mockjs模拟数据,让用户只需关注前端,更容易上手学习。目前此分支为正常维护分支。如有需要,请大家clone本分支代码运行。
此项目是 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 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 (生成打包之后的项目文件,此文件主要用于项目部署)。
├── build // 构建相关
├── config // 配置相关
├── exampleImgs // 项目示例图片
├── outdb // 导入数据库的初始化数据
├── server // node服务端
│ ├── api.js // 封装的接口请求
│ ├── db.js // db数据模型定义
│ ├── index.js // express服务器
│ ├── mutils.js // 服务端工具类
├── src // 源代码
│ ├── assets // 图片等静态资源
│ ├── components // 全局公用组件
│ ├── config // 接口请求配置
│ ├── fonts // fontawesome字体库文件
│ ├── layout // 全局 组件
│ ├── page // 项目所有的视图
│ ├── register // 第三方库注册
│ ├── router // 登录路由
│ ├── store // 项目vuex数据存储器
│ ├── style // 全局样式
│ ├── utils // 全局公用方法
│ ├── vendor // 公用vendor
│ ├── App.vue // 入口页面
│ ├── main.js // 入口 加载组件 初始化
├── static // 第三方不打包资源
│ └── Tinymce // 富文本
├── .babelrc // babel-loader 配置
├── .gitignore // git 忽略项
├── eslintrc.js // eslint 配置项
├── favicon.ico // favicon图标
├── index.html // html模板
├── package.json // 包依赖配置
└── README.md // 说明文件
项目讨论qq群:602515030,欢迎大家加群,一起来学习和交流。