# 邮箱管理_游戏账户管理_动态路由_分配权限_代码生成工具等

**Repository Path**: njk20/private_site

## Basic Information

- **Project Name**: 邮箱管理_游戏账户管理_动态路由_分配权限_代码生成工具等
- **Description**: 游戏账户管理
        -有效的管理账户账号密码、账户封禁记录、账户登录获取邮箱验证码等。。。
用户管理
        -给用户分配权限、指定账户登录IP、修改账户解密密钥、账户信息等
系统配置
        -配置系统注册发送的邮箱验证码信息、发送验证码邮箱信息等
邮箱管理
产品管理
系统工具
        -代码工具、SQL文件生成、Java代码模板生成
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.wenjiu.vip
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-09-07
- **Last Updated**: 2024-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 前端, Vue, CSS, HTML, JavaScript

## README

<p align="center">
  <img width="100%" src="https://img.wenjiu.vip/image/1662618993699.jpg">
</p>


<p align="center">
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
  </a>
  <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">
    <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">
  </a>
  <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
  </a>
  <a href="https://github.com/PanJiaChen/vue-element-admin/releases">
    <img src="https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg" alt="GitHub release">
  </a>
  <a href="https://gitter.im/vue-element-admin/discuss">
    <img src="https://badges.gitter.im/Join%20Chat.svg" alt="gitter">
  </a>
  <a href="https://panjiachen.gitee.io/vue-element-admin-site/zh/donate">
    <img src="https://img.shields.io/badge/%24-donate-ff69b4.svg" alt="donate">
  </a>
</p>

## 简介

[vue-element-admin](https://panjiachen.github.io/vue-element-admin) 是一个后台前端解决方案，它基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element)实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。

- [在线预览](https://www.wenjiu.vip) : https://www.wenjiu.vip

## 前序准备

你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 和 [element-ui](https://github.com/ElemeFE/element)，所有的请求数据都使用[Mock.js](https://github.com/nuysoft/Mock)进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

同时配套了系列教程文章，如何从零构建后一个完整的后台项目，建议大家先看完这些文章再来实践本项目

**如有问题请先看上述使用文档和文章，若不能满足，欢迎 issue 和 pr**



## 1.0正式发布🎉🎉🎉

随着前端技术的发展，市面上出现了很多流行的 UI 组件库和中后台开发框架。

群主会经常分享一些技术相关的东西，或者加入 qq 群 767067919



## 特性

- 完全基于成熟易用的的 Element UI 组件
- 集成了可配置的前端权限控制
- 提炼自中后台应用的典型页面和场景
- 响应式：针对不同屏幕大小设计
- 良好的工程实践助您持续产出高质量代码
- 降低代码编写量



## 预览

<p align="center">
  <img width="100%" src="https://img.wenjiu.vip/image/1662623477658.jpg">
</p>



<p align="center">
  <img width="100%" src="https://img.wenjiu.vip/image/1662623525460.jpg">
</p>



<p align="center">
  <img width="100%" src="https://img.wenjiu.vip/image/1662623559620.jpg">
</p>

<p align="center">
  <img width="100%" src="https://img.wenjiu.vip/image/1662623574368.jpg">
</p>

## 功能

```
- 登录 / 注册 / 注销

- 系统管理
	- 用户列表
	- 角色设置
	- 菜单列表
	- 配置列表
	
- 系统日志
 	- API接口日志
 	- 邮件日志
 
 - 系统工具
 	- 代码工具
```

## 开发

```bash
# 克隆项目
git clone -b i18n git@github.com:PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev
```

浏览器访问 http://localhost:9527

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

## 其它

```bash
# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix
```