# smartUI

**Repository Path**: hcsdt/smartUI

## Basic Information

- **Project Name**: smartUI
- **Description**: 后端系统的UI实现，基于Vue2以及Antd Vue实现，目前已经满足生产使用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-12-13
- **Last Updated**: 2024-08-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

> SmartMS 是对若依 Ant Design Vue 版本以及 Ant Design Vue Pro 的一次二次开发。

<p align="center">
<p align="center">
 <a href="https://gitee.com/fuzui/SmartMs-Antdv" target="_blank"><img src="https://gitee.com/fuzui/SmartMs-Antdv/badge/star.svg?theme=dark" alt="Build Status"></a>
 <a href="https://github.com/fuzui/SmartMs-Antdv" target="_blank"><img src="https://img.shields.io/github/stars/fuzui/SmartMs-Antdv.svg?style=social" alt="Build Status"></a>
 <a href="https://gitee.com/y_project/SmartMs-Vue" target="_blank"><img src="https://img.shields.io/badge/SmartMs Vue-3.3.0-brightgreen" alt="Build Status"></a>
 <a href="https://github.com/vueComponent/ant-design-vue" target="_blank"><img src="https://img.shields.io/badge/Ant Design Vue-1.7.2-brightgreen" alt="Build Status"></a>
 <a href="https://github.com/vueComponent/ant-design-vue-pro" target="_blank"><img src="https://img.shields.io/badge/Ant Design Vue Pro-3.0.0-brightgreen" alt="Build Status"></a>
</p>

---

## 简介

**SmartMs**，使用[SmartMs-Server](https://github.com/hornetbillow/smart-server)作为后端。将会持续完全适配 Antd-Vue。

> SmartMs 是基于 SpringBoot，Spring Security，JWT，Vue 的前后端分离权限管理系统。
>
> 拥有用户管理、部门管理、岗位管理、菜单管理、角色管理、字典管理、参数管理、通知公告、操作日志、登录日志、在线用户、定时任务、代码生成、系统接口、服务监控、在线构建器、连接池监视等功能。

_当前暂不支持 SmartMs 中的在线构建器与前端代码生成功能。_

- 预览：[http://www.zxsharp.com/](http://www.zxsharp.com)

- SmartMs-Vue 文档: [https://doc.smartms.vip/smartms-vue/](https://doc.smartms.vip/smartms-vue/)

- Ant Design Vue 文档：[https://www.antdv.com/docs/vue/introduce-cn/](https://www.antdv.com/docs/vue/introduce-cn/)

## 开始使用

1. 环境准备

   - 运行启动 SmartMs-Vue，参考[SmartMs 文档](https://doc.smartms.vip/smartms-vue/)
   - 安装[node](http://nodejs.org/)和[git](https://git-scm.com/)

1. 安装

   ```shell
   客户端: git clone git@github.com:hornetbillow/smartUI.git
   服务端: git clone git@github.com:hornetbillow/smart-server.git
   ```

1. 本地开发

   进入项目根目录

   ```shell
   npm install
   ```

   > 若耗时太长可使用`npm install --registry=https://registry.npm.taobao.org`

   ```shell
   npm run serve
   ```

   > 打开浏览器访问 [http://localhost:8000](http://localhost:8000/)

## 致谢

- [SmartMs-Vue](https://gitee.com/y_project/SmartMs-Vue) 基于 SpringBoot，Spring Security，JWT，Vue 的前后端分离权限管理系统
- [Ant Design Vue](https://github.com/vueComponent/ant-design-vue/) An enterprise-class UI components based on Ant Design and Vue.
- [Ant Design Vue Pro](https://github.com/vueComponent/ant-design-vue-pro) Use Ant Design Vue like a Pro

- [vditor](https://github.com/Vanessa219/vditor) 一款浏览器端的 Markdown 编辑

## 联系

如果您发现了什么 bug，或者有什么界面建议或意见，

欢迎 [issue](https://github.com/fuzui/SmartMs-Antdv/issues)

## 演示图

<table>
    <tr>
        <td><img src="./docs/images/1.png"/></td>
        <td><img src="./docs/images/2.png"/></td>
    </tr>
    <tr>
        <td><img src="./docs/images/3.png"/></td>
        <td><img src="./docs/images/4.png"/></td>
    </tr>
    <tr>
        <td><img src="./docs/images/5.png"/></td>
        <td><img src="./docs/images/6.png"/></td>
    </tr>
    <tr>
        <td><img src="./docs/images/7.png"/></td>
        <td><img src="./docs/images/8.png"/></td>
    </tr>
</table>