3 Star 22 Fork 2

ZHOUYI / Vue3-Admin-JS-Mysql

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

Vue3-Admin-JS-Mysql

介绍

🎉2023中后台管理系统基于最新的技术栈(Vue3、Vite4、Ant Design Vue3、JavaScript、Pinia、Hooks、vue-router4、Mysql数据库)的基础前后端分离开发模板。

项目中我采用的权限设计方案属于基于角色的访问控制(Role-Based Access Control,RBAC)RBAC 是一种常见且广泛使用的权限管理模型,它通过将用户分配到不同的角色,然后将角色与特定的权限关联,来实现对系统资源的访问控制。

🎯 如果项目对你有帮助,可以帮帮忙点个小星星,谢谢了~

QQ群:529675917

找到作者

项目截图

软件架构

  • ADMIN ( 管理端 ): Vue3、Vite4、Ant Design Vue3、JavaScript、Pinia、Hooks、vue-router4
  • SERVER ( 服务端 ): Node.js、Express.js、Mysql5.6、Sequelize

功能模块

  • 用户登录、注册
  • 用户管理
  • 角色管理
  • 权限管理
  • 操作日志
  • 数据大屏
  • 资源管理、图片文件上传下载
  • 自定义主题、菜单权限、按钮权限等等

安装教程

默认你的已经安装好node环境、mysql5.* 数据库、vue3、navicat(软件 可选)

clone 代码

git
clone
https://gitee.com/Z568_568/Vue3-Admin-JS-Mysql.git

启动 SERVER ( 服务端 )

1.建数据库

打开navicat连接mysql,新建数据库 mealpass - 运行sql文件(SERVER/sql/mealpass.sql

2.修改项目配置

找到SERVER/.env.development修改成你的数据库信息

DB_NAME=mealpass # 数据库名称
DB_USERNAME=root # 数据库用户名
DB_PASSWORD=root # 数据库密码
3.安装依赖并启动服务
# 依次输入下面命令
> npm i
> node app.js 或者 nodemon app.js (全局安装 nodemon 情况下使用)
4.启动成功示例
****************************************************
【接口地址】: http://localhost:3000/v1
【文档地址】: http://localhost:3000/swagger
【在线API文档】: https://console-docs.apipost.cn/preview/38398488376e89f7/a8cca560fbceec30
【启动环境】:开发环境
【项目作者】:ZHOUYI  https://www.zhouyi.run
****************************************************
******************数据库连接成功********************
【数据库】:数据库连接已成功建立.
【数据库主机】:localhost
【数据库名称】:mealpass
【数据库状态】:数据库和表已同步
******************数据库连接成功********************

启动 ADMIN ( 管理端 )

1.安装依赖并启动服务
# 依次输入下面命令
> npm i
> npm run dev
2.启动成功示例
  VITE v4.2.1  ready in 2077 ms

  ➜  Local:   http://localhost:3090/
  ➜  Network: http://192.168.0.15:3090/
  ➜  press h to show help

管理端启动成功后账号密码:admin 123456

其他相关开源项目

👆vue3-antd-plus mongodb数据库版

👆vue3+mongodb个人主页简历个人博客前后端分离系统

😜vue2+mysql博客全栈系统系统

MIT License Copyright (c) 2023 ZHOUYI Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

🎉2023中后台管理系统基于最新的技术栈(Vue3、Vite4、Ant Design Vue3、JavaScript、Pinia、Hooks、vue-router4、Mysql数据库)的基础前后端分离开发模板。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/Z568_568/Vue3-Admin-JS-Mysql.git
git@gitee.com:Z568_568/Vue3-Admin-JS-Mysql.git
Z568_568
Vue3-Admin-JS-Mysql
Vue3-Admin-JS-Mysql
master

搜索帮助