16 Star 159 Fork 190

有来开源组织 / mall-admin

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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.

About

基于 vue3-element-admin 模板框架开发的 youlai-mall 商城管理系统 expand collapse
Cancel

Releases (1)

All

Contributors

All

Activities

Load More
can not load any more
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/youlaiorg/mall-admin.git
git@gitee.com:youlaiorg/mall-admin.git
youlaiorg
mall-admin
mall-admin
master

Search

344bd9b3 5694891 D2dac590 5694891