# MythicOps

**Repository Path**: lldscc/mythic-ops

## Basic Information

- **Project Name**: MythicOps
- **Description**: 软件杯_MythicOps前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-20
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
<img src="https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/mOps.png" style="width:100px;" />
</p>

<h1 align="center">mOps</h1>

<p align="center">
一个基于Vue+ElementUI的运维管理系统
</p>

<p align="center">
<a href="http://mo.llds.tech/">立即体验</a> |
<a href="https://modoc.llds.tech/">开发文档</a> |
<a href="">English</a> 
</p>

> 适合运维人员的后台系统

## 🧩技术栈

1. [Vue2](https://v2.vuejs.org/)
2. [vue-router](https://v3.router.vuejs.org/zh/)
3. [vuex](https://v3.vuex.vuejs.org/)
4. [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
5. [ElementUI](https://element.eleme.io/#/zh-CN)
6. [Echarts](https://echarts.apache.org/zh/index.html)
7. [DataV](http://datav.jiaminghi.com/)
8. 其他：参见项目的package.json

## 💻效果预览图

+ 注册页

![Screenshot_2024-08-12_14-04-11](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408122317065.png)

+ 登录页

![Screenshot_2024-08-18_12-41-58](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408182042462.png)

+ 首页

![Screenshot_2024-08-18_12-39-14](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408182040008.png)

+ 业务功能

![Screenshot_2024-08-18_12-43-09](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408182043058.png)

+ 个人中心

![Screenshot_2024-08-12_14-03-19](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408122317779.png)

+ 数据大屏

![Screenshot_2024-08-18_12-41-21](https://cdn.jsdelivr.net/gh/lldscc/imageBed/githubImage/20240524/202408182041638.png)

## 🚀构建项目

```bash
# 克隆项目
git clone git@github.com:lldscc/mo.git
# 进入项目目录
cd mo
# 安装依赖
npm install
# 启动服务
npm run dev
```
注意：启动端口8080为测试环境，正确端口为9527
## 📖开发文档

[开发文档网站](https://github.com/PanJiaChen/vue-admin-template)

## ⚖️License

[MIT](./LICENSE) License &copy; 2024-PRESENT [lldscc](https://github.com/lldscc)