Skip to content

是minsx家族的成员,主要负责对minsx后端管理的用户交互

License

Notifications You must be signed in to change notification settings

MinsxCloud/minsx-management-ui

Repository files navigation

Minsx-Management-UI

是minsx家族的核心成员,主要负责对minsx后端管理的用户交互

项目说明

  • 软件名称:Minsx-Management-UI
  • 版本号:2.0.0
  • 开发者:www.minsx.com
  • 语言:HTML/CSS/JS/VUE/ELEMENT-UI
  • 功能:提供一整套用户交互UI用于对米斯云平台管理和维护
  • 优点:与服务端分离,便于维护升级
  • 缺点:需独立部署,首次加载慢等特点
  • 开源协议:Apache License Version 2.0 http://www.apache.org/licenses/

技术选型

  • VUE 前端MVVM框架
  • Element UI 饿了么基于VUE的前端框架
  • NPM 包管理工具
  • WEB PACK 打包工具
  • NodeJS 用于基础环境及服务端渲染等

项目开发与调试

项目采用NPM管理,常用的基本命令如下:
  • 安装项目: npm install
  • 运行项目: npm run dev
  • 打包项目: npm run build (查看报告请追加--report)

项目打包运行

  • NPM打包方式的项目不支持目录浏览,其基本部署请使用nginx指定打包后文件所在路径,如:
server {
        listen 80;
        server_name admin.minsx.com;

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
          root html;
        }

        root /project/Minsx-Management-UI/dist;
        index index.html;

        location / {
          try_files $uri $uri/ @router;
          index index.html;
        }

        location @router {
          rewrite ^.*$ /index.html last;
        }
}

  • 项目采用前后端分离开发,打包后可以直托管于腾讯云COS阿里云OSS等对象存储中即可运行
以下是腾讯COS配置:
  • COS打包文件列表 COS打包文件
  • 如果您启用了history模式,则需要配置404指定到您的首页 404配置
  • CND加速配置 CND加速

项目截图 (V1.0版本)

V1.0项目截图

项目截图 (V2.0版本)

V2.0项目截图

About

是minsx家族的成员,主要负责对minsx后端管理的用户交互

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published