NBCIO Vue

• Базируется на ant-design-vue-jeecg версии фронтенда: 3.0.0 (Дата выпуска: 2021-11-01)

• Из-за изменения лицензии, если вам требуется поддержка для последней версии vue3, свяжитесь с автором. Видео ниже:

• Адрес на Bilibili: https://space.bilibili.com/3546758382618869

• Для получения дополнительной технической поддержки и услуг присоединяйтесь к моей группе знаний "Есида NBCIO технологический обмен", название: https://t.zsxq.com/iPi8F

Адрес бэкенда: https://gitee.com/nbacheng/nbcio-boot

Обзор

Основан на Ant Design of Vue реализация Ant Design Pro Vue версии nbcio-boot фронтенд UI-фреймворк, использует метод разделения фронтенда и бэкенда, предоставляющий мощный генератор кода платформы низкого уровня. Фронтенд страницы кода и бэкенд функционального кода можно создать одним щелчком мыши, не требуя писать ни одной строки кода, сохраняя мощность jeecg.

Онлайн демонстрация (включая H5): http://218.75.87.38:9888 Адрес H5: http://218.75.87.38:9888/h5/

Демонстрационный аккаунт: в настоящее время демонстрационные пользователи могут войти через авторизацию Gitee без пароля или обратиться за консультацией в группу.
Если вас интересует проект, пожалуйста, следите за ним и ставьте ему звезды.## Обратная связь с автором

• Объявление: Сейчас и в будущем никогда не будет коммерческой версии

• Компании, использующие коммерческие приложения, пожалуйста, сообщите об этом автору (бесплатное использование, а затем только продвижение открытых проектов)

• Приглашаем к отправке отчетов об ошибках, предложений по требованиям, технического общения и т.д.

• Личный сайт: https://nbacheng.blog.csdn.net/

• Группа QQ 1 (полна): 655054809 Группа QQ 2: 892227522

• WeChat:

Дружественные ссылки

• Проект Ruoyi-NBCIO: https://gitee.com/nbacheng/ruoyi-nbcio
• Проект Uniapp: https://gitee.com/pzy332/jeecg-app-flowable.git

Фронтенд технологии

• Базовая архитектура: ant-design-vue — реализация Ant Design of Vue
• Element UI
• JavaScript фреймворк: Vue
• Webpack
• Node.js
• Yarn
• ESLint
• @vue/cli 3.2.1
• FullCalendar
• V-Charts
• ECharts
• LuckySheet
• Vue-Cropper — компонент для обрезки аватара
• @antv/g2 — визуализация данных от Alipay AntV
• Viser-vue — реализация через обертку antv/g2

Проект загрузка и запуск

• Клонирование проекта

git clone https://gitee.com/nbacheng/nbcio-vue.git
cd nbcio-vue

• Установка зависимостей

yarn install

• Запуск в режиме разработки

yarn run serve

• Сборка проекта

yarn run build

• Проверка и исправление файлов

yarn run lint

Другие замечания ----- Проект использует vue-cli3, пожалуйста, обновите ваш cli.

• Отключение ESLint (не рекомендуется): удалите весь узел кода eslintConfig из файла package.json.

• Изменение цветовой схемы Ant Design: в файле vue.config.js, другие Less переменные можно переопределить, следуя официальной документации ant design

css: {
  loaderOptions: {
    less: {
      modifyVars: {
        /* Less переменные для изменения темы Ant Design */

        'primary-color': '#F5222D',
        'link-color': '#F5222D',
        'border-radius-base': '4px',
      },
      javascriptEnabled: true,
    }
  }
}

Приложения

• Ant Design Vue

• Отчеты Viser-Vue

• Vue

• Роутинг/Меню

• Настройки по умолчанию ANTD

• Другое...

Примечание

После обновления vue-cli, правила ESLint были обновлены. Поскольку это влияет на все файлы .vue, требуется проверка каждого отдельного файла. Временно отключены некоторые правила, которые ранее не проверялись. В будущем эти правила будут постепенно исправлены.

Использование Docker образа

# 1. Изменение домена сервера для фронтенд проекта
.env.development
Замените домен на: http://nbcio-boot-system:8080/nbcio-boot
   
# 2. Сначала выполните сборку фронтенд проекта
yarn run build
```# 3. Создайте Docker образ
 docker build -t nginx:nbcioboot .

# 4. Запустите Docker образ
 docker run --name nbcio-boot-nginx -p 80:80 -d nginx:nbcioboot

# 5. Настройте хост

   # nbcioboot
   127.0.0.1   nbcio-boot-redis
   127.0.0.1   nbcio-boot-mysql
   127.0.0.1   nbcio-boot-system
 
# 6. Обратитесь к фронтенду проекта
 http://localhost:9888

Поддержка

Если вам понравился этот проект, пожалуйста, поддержите автора! Системный вывод