16 Star 134 Fork 170

有来开源组织 / mall-admin

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


在线预览 | 官方文档

项目介绍

mall-admin 是基于 vue3-element-admin 升级的 Vue3 版本有来商城管理前端工程;使用前端主流技术栈 Vue3 + Vite4 + TypeScript5 + Vue Router + Pinia + Volar + Element Plus 等;实现功能包括不限于动态权限路由、按钮权限控制、国际化、主题大小切换等。

项目优势

  • 基于 vue-element-admin 升级的 Vue3 版本 ,极易上手,减少学习成本;
  • 一套完整适配的微服务权限系统线上接口,企业级真实前后端接入场景,非 Mock 数据;
  • 功能全面:国际化、动态路由、按钮权限、主题大小切换、Echarts、wangEditor;
  • TypeScript 全面支持,包括组件和 API 调用层面;
  • 主流 Vue3 生态和前端技术栈,常用组件极简封装;
  • 从 0 到 1 的项目文档支持;
  • 全栈技术支持: 微服务接口、Vue3 管理前端、uni-app 移动端和 K8S 持续集成交付;

技术栈

技术栈 描述 官网
Vue3 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/
TypeScript JavaScript 的一个超集 https://www.tslang.cn/
Vite 前端开发与构建工具 https://cn.vitejs.dev/
Element Plus 基于 Vue 3,面向设计师和开发者的组件库 https://element-plus.gitee.io/zh-CN/
Pinia 新一代状态管理工具 https://pinia.vuejs.org/
Vue Router Vue.js 的官方路由 https://router.vuejs.org/zh/

项目预览

在线预览地址: admin.youlai.tech

控制台 国际化
菜单管理 角色管理
商品管理 库存设置

项目地址

Gitee Github GitCode
开源组织 有来开源组织 有来开源组织 有来开源组织
技术团队 有来技术团队 有来技术团队 -
后端 youlai-mall youlai-mall youlai-mall
管理前端 mall-admin mall-admin mall-admin
小程序/H5/移动端 mall-app mall-app mall-app
vue3-element-admin vue3-element-admin vue3-element-admin -

启动部署

环境准备

  • 安装 Node

    版本:16+

  • 开发工具

    VSCode

  • 必装插件

    • Vue Language Features (Volar)
    • TypeScript Vue Plugin (Volar)

项目启动

默认后端接口地址 http://localhost:9999 ,如需替换接口地址,替换 .env.development 的代理目标地址 VITE_APP_TARGET_URL 的值为您的接口地址。

  1. pnpm install
  2. pnpm run dev
  3. 浏览器访问 http://localhost:9527

项目部署

  • 本地打包

    npm run build:prod

    生成的静态文件位于项目根目录 dist 文件夹下

  • nginx.cofig 配置

    server {
        listen     80;
        server_name  localhost;
    
        location / {
            root /usr/share/nginx/html/web;
            index index.html index.htm;
        }
    
        # 代理转发请求至网关,prod-api标识解决跨域问题
        location /prod-api/ {
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass https://api.youlai.tech/;
        }
    }
    

交流群 🚀

关注「有来技术」公众号,获取交流群二维码。

如果交流群的二维码过期,加我微信,备注「前端」、「后端」或「全栈」即可。

为了避免营销广告人群混入,此举无奈,望理解!

公众号 交流群
MIT License Copyright (c) 2021-present 有来开源组织 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.

简介

基于 vue3-element-admin 模板框架开发的 youlai-mall 商城管理系统 展开 收起
取消

发行版 (1)

全部

贡献者

全部

近期动态

加载更多
不能加载更多了
HTML
1
https://gitee.com/youlaiorg/mall-admin.git
git@gitee.com:youlaiorg/mall-admin.git
youlaiorg
mall-admin
mall-admin
master

搜索帮助

14c37bed 8189591 565d56ea 8189591