YOU-LIAO 后台管理系统

Проект: краткое описание

Это основанный на Spring Boot 2.0.4, Mybatis, JWT, WebSocket, Spring Security, Redis и Ant Design Pro Vue проект с разделением на клиентскую и серверную части. Это система управления бэкендом.

Подробности о технических решениях будут добавлены в вики-документацию.

Если этот проект вам полезен, вы можете поддержать его, нажав «Star».

Или вы можете подписаться на него, так как проект будет постоянно обновляться и улучшаться.

Адрес проекта: https://gitee.com/sinaC/ant-vue-youliao

Тестовый адрес: http://132.232.43.102

Логин и пароль: guest/guest. Регистрация свободная. Поддерживаются регистрация по логину и паролю и вход через номер телефона.

Контакты: QQ-группа: 129557872; также можно описать проблему подробнее или отправить её по электронной почте на адрес 470472264@qq.com или же создать Issue.

Документация: адрес: https://sinac.gitee.io/blog. Документация находится в процессе доработки.

Журнал обновлений

См. обновления

Архитектура системы

• Бэкенд: фреймворк — Spring Boot, фреймворк безопасности — Spring Security, кэш — Redis, база данных — MySQL. Многомодульная интегрированная структура.
• Фронтенд: ANTD PRO VUE — готовая к использованию среда разработки для бэкенда.

Функциональные модули проекта

├─Dashboard
│  ├─Workstation
│  ├─Analysis page
│  └─Test function
├─System management
│  ├─User management
│  ├─Role management
│  ├─Menu management
│  ├─Department management
│  ├─Position management
│  ├─System log
├─External web links
│  ├─swagger-ui (online API documentation)
│  ├─SQL monitoring
│  ├─Swagger-Bootstrap-UI
│  ├─Queue hall (websocket)
│  ├─Process log (websocket)
├─System monitoring
│  ├─Disk monitoring
│  ├─JVM information
│  ├─Server information
│  ├─Tomcat information
│  ├─Redis information
├─Common cases
│  ├─Print test
│  ├─OSS storage
│  ├─Order management (WeChat, Alipay, QR code payment)
│  ├─PDF receipt preview
│  │  ├─Blood collection receipt
│  │  ├─Sales ticket
│  │  ├─Sales receipt
│  │  ├─Sales certificate
│  ├─Redisson cache operation
│  ├─Email sending
│  ├─Dynamic document parsing preview
├─Development modules
│  ├─ES join document retrieval (development)
│  ├─Online office document conversion to PDF (development)
├─Optimization modules
│  ├─Order delay queue processing timeout
│  ├─Redisson various data operations

└─Other modules
   └─More functions in development...

Каталог документации

1. Проект: введение

   1. Предварительный просмотр проекта
   2. Документация и мониторинг интеграции
   3. Просмотр PDF-счетов

2. Фреймворк безопасности SpringSecurity

   1. Интеграция SpringSecurity
   2. Управление заказами: сканирование и оплата
   3. Функции API Tencent Cloud

3. Технические аспекты проекта

   1. Бэкенд-технологии
   2. Фронтенд-технологии
   3. Технологии интеграции

4. Анализ случаев (в формате блога)

   1. Отправка электронной почты: анализ
   2. Динамический анализ документов: предварительный просмотр 1.2. Проектный мониторинг: предварительный просмотр PDF-документа

5. Интеграция с пулом соединений базы данных Ally Druid для мониторинга подключений к базе данных и выполнения SQL-запросов. В проекте можно настроить учётные данные: имя пользователя — root, пароль — root. Демо-пример.

6. Интеграция со Swagger — это стандартизированный и комплексный фреймворк для создания, описания, вызова и визуализации RESTful веб-сервисов. Демо-пример.

7. Интеграция Swagger-Bootstrap-UI — улучшенная версия Swagger для тестирования. После запуска приложения доступ к API осуществляется по адресу http://localhost:8080/api/doc.html.

8. WebSocket для отправки журналов в реальном времени. Доступ после запуска приложения: http://localhost:8080/api/log/view.

9. Предварительный просмотр PDF. По умолчанию доступ после запуска приложения осуществляется через http://localhost:8080/api/generic/web/viewer.html, а затем ?file=имя_файла.pdf для доступа к файлу PDF.

1.3. Предварительный просмотр чеков в формате PDF

2.1. Spring Security

На основе Spring Security создана система безопасности с пользовательскими правами. Система включает следующие уровни прав: пользователь — роль — меню (функциональные права, контроль до уровня кнопок) — отдел — должность — права доступа к данным.

2.2. Управление заказами и оплата с помощью сканирования QR-кода

Интегрирована система оплаты на основе платёжного решения с функцией сканирования QR-кодов. Личный тест пройден. Планируется дальнейшее обновление системы с добавлением новых способов оплаты. Демо-версия.

3.1. Бэкенд-технологии

• Базовая структура: Spring Boot 2.0.4.RELEASE.
• Структура безопасности: Spring Security 5.0.7.RELEASE.
• Слой персистентности: Mybatis.
• База данных: MySQL.
• Управление пакетами: Maven.
• Аутентификация: JWT.
• Кэш-фреймворк: Redis.
• Ведение журнала: logback.
• Длинное соединение: webSocket.
• Шаблонные парсеры: Freemarker.
• Предварительный просмотр документов: pdfJs xdocJs.
• HTML-преобразование в PDF и изображения: html2canvas.
• Импорт и экспорт: Easy POI.
• Интерфейс документации: swagger2.
• Прочее: fastJson, XML, xdoc и др.

3.2. Фронтенд-технологии

• Node.
• Yarn.
• Webpack.
• @vue/cli 3.2.1.
• Ant Design Of Vue.
• Vue-cropper.
• @antv/g2.
• Viser-vue.

3.3. Технологии интеграции

В проект интегрировано несколько открытых технологий, что делает процесс интеграции простым и быстрым. Для завершения интеграции требуется всего несколько шагов.

• Swagger-Bootstrap-UI от GitHub — открытый интерфейс документации.
• XDOC — специализированный инструмент для обработки онлайн-динамических документов.
• EasyPoi — простой инструмент Excel и Word.
• Автоматизированная генерация кода — интеграция.
• Redisson — расширение распределённой блокировки для одноузловой, кластерной и сторожевой конфигураций. Приветствие для разработчиков

Этот проект призван стать общей платформой для общения. В настоящее время документация по проекту всё ещё дорабатывается. Если у вас есть вопросы, пожалуйста, отправьте письмо на адрес 470472264@qq.com.

Аккаунт для работы предоставляется только тем, кто сделал пожертвование в пользу проекта. Спасибо всем!!!

Пожертвования

Если вам нравится проект, поддержите автора чашечкой кофе ☺