Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/feihua/zero-admin-ui

Zero-Admin-UI 是一个基于 React 实现的电商后台管理系统的前端项目
https://github.com/feihua/zero-admin-ui

ant antd-design antd-design-pro go go-zero golang

Last synced: about 16 hours ago
JSON representation

Zero-Admin-UI 是一个基于 React 实现的电商后台管理系统的前端项目

Host: GitHub
URL: https://github.com/feihua/zero-admin-ui
Owner: feihua
License: apache-2.0
Created: 2020-11-20T08:35:55.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2024-09-10T06:01:05.000Z (2 months ago)
Last Synced: 2024-09-10T08:25:08.651Z (2 months ago)
Topics: ant, antd-design, antd-design-pro, go, go-zero, golang
Language: TypeScript
Homepage: https://feihua.github.io
Size: 1.41 MB
Stars: 191
Watchers: 4
Forks: 79
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-zero - zero-admin-ui - 基于Go-Zero + Ant Design Pro的前后端分离微服务管理系统的前端模块 (Libraries that use [go-zero](https://github.com/tal-tech/go-zero))

README

# Zero-Admin-UI 电商后台管理系统

> node 版本尽量选择<=16 的
>
> **Zero-Admin-UI** 是一个基于 React 实现的电商后台管理系统的前端项目。该项目涵盖了商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、权限管理、设置等多个功能模块，为管理者提供了便捷高效的操作界面。

> 后端接口改动较大,前端正在重新适配中

## 功能模块

1. **商品管理**: 提供对商品信息的增删改查操作，包括商品图片、价格、库存等。

2. **订单管理**: 实时监控订单状态，支持订单发货、取消等操作，并提供订单详细信息查看。

3. **会员管理**: 管理用户信息，包括注册用户、会员等级、积分等。

4. **促销管理**: 管理营销活动，包括满减、打折等促销策略的配置。

5. **运营管理**: 管理广告、推广等运营活动，提供界面化的操作。

6. **内容管理**: 管理网站内容，包括公告、资讯等，支持富文本编辑。

7. **权限管理**: 管理系统用户权限，确保系统安全性，提供角色和权限的配置。

8. **设置**: 对系统进行基本配置，包括支付方式、物流信息等。

## 技术栈

- **React**: 使用现代化的前端框架，提高开发效率和用户体验。

- **Ant Design**: 使用 Ant Design 组件库，构建美观、易用的用户界面。

- **React Router**: 负责前端路由管理，实现单页面应用。

- **Redux**: 使用 Redux 进行状态管理，方便组件通信和状态共享。

- **Axios**: 处理与后端的 HTTP 请求，实现数据的异步获取和提交。

# 文档地址

[https://feihua.github.io/](https://feihua.github.io/) 正在完善

zero-admin-ui 是一个电商后台管理系统的前端项目，基于 react 实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、权限管理、设置等功能。 [zero-admin 是 zero-admin-ui 的服务端端](https://github.com/feihua/zero-admin)是一个基于 go-zero 实现的电商管理后台

[flutter_mall 是 zero-admin 的 app 端](https://github.com/feihua/flutter_mall)是一个 Flutter 的电商实战项目，包括首页、列表页、详细页、购物车页、会员中心和支付(支付对接的是支付宝)

[zero-pc-web 是 zero-admin 的网页端](https://github.com/feihua/zero-pc-web)zero-pc-web 是一个基于 React 框架实现的 web 端电商系统(预览地址[http://110.41.179.89/pc/](http://110.41.179.89/pc/))

# 1.安装 node_modules:

```shell
npm install --legacy-peer-deps

```

# 2.启动项目

```shell
npm run dev
```

# 1.项目预览

**预览地址**http://110.41.179.89/mall 账号：admin 密码: 123456

## 3.1 用户

![image-20210427204637691](./images/user.png)

## 3.2 角色

![图片](./images/role.png)

## 3.3 菜单

![图片](./images/menu.png)

## 3.4 机构

![图片](./images/dept.png)

## 3.5 字典

![image-20210427204811263](./images/dict.png)

## 3.6 日志

![image-20210427204848192](./images/log.png)

## 微信群
![img.png](images/img.png)