1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/ruyangit-seed-workbench-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Рабочий стол базовой UI

Проект

SeedWorkbenchUi — это минималистичный рабочий стол UI, разработанный на VueJS, с компонентным и модульным подходом. Смотрите: демо.

Изображения

banner banner banner banner banner banner

Предварительный просмотр

Предварительный просмотр

Предварительный просмотр развёрнут на Github Page. Если при посещении возникают проблемы с загрузкой или белый экран из-за сетевых проблем, рекомендуется клонировать или загрузить этот репозиторий для локального запуска и просмотра эффектов.

Архитектура программного обеспечения

Установка

npm install

Запуск среды разработки с горячей перезагрузкой

npm run serve

Сборка и сжатие производственных файлов

npm run build

Как запустить упакованные производственные файлы локально

npm install serve -g  установить serve глобально

serve -s dist запуск упакованных файлов в папке dist

Lints and fixes files

npm run lint

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

  1. Запустите файл конфигурации vue.config.js
// Базовый путь, обратите внимание на изменение перед публикацией
const baseUrl = '/'
if (process.env.NODE_ENV === 'production') {
  baseUrl = '/seed-workbench-ui/'
}

// Глобальное изменение основной темы стиля
css: {
  loaderOptions: {
    less: {
      modifyVars: {
        'ai-prefix': 'ai',
        'primary-color': '#42b983'
      },
      paths: [
        resolve('node_modules'),
        resolve('src')
      ],
      javascriptEnabled: true
    }
  }
}

// Фильтрация моментов других стран, сохранение только китайского и английского языков
configureWebpack: {
  plugins: [
    new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, /^\.\/(zh-cn|en-us)$/),
  ]
}

// Настройка схемы оптимизации локальных SVG, повторное определение псевдонимов @
chainWebpack: config => {
  const svgRule = config.module.rule('svg')
  svgRule.uses.clear()
  svgRule
    .include
    .add(resolve('src/assets/svg-icons'))
    .end()
    .use('svg-sprite-loader')
    .loader('svg-sprite-loader')
    .options({
      symbolId: 'ai-[name]'
    })
    .end()
  // image exclude
  const imagesRule = config.module.rule('images')
  imagesRule
    .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
    .exclude
    .add(resolve('src/assets/svg-icons'))
    .end()
  // Повторное определение alias
  config.resolve.alias.set('@', resolve('src'))
}
  1. Скомпилируйте файл конфигурации babel.config.js
// Настроить ant-design-vue для отложенной загрузки
"plugins": [
  ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]
]
  1. API компонентов и страниц будет добавлено позже.

Планы

  • Доработка необходимых компонентов в рабочем столе
  • Интеграция с собственной системой бэкенда SpringbootSeed
  • Относительно g2 от Alibaba или echarts от Baidu, я чувствую, что они немного велики, поэтому я рассмотрю упрощение графиков в будущем
  • Написание стандартов кода и документации API
  • CI и CD тестирование кода

Вклад

  1. Fork этого проекта
  2. Создать ветку Feat_xxx
  3. Отправить код
  4. Создать Pull Request

Я пью бутылку воды, спасибо за поддержку!

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Платформа для управления, разработанная с использованием Vue, решения для фронт-энда, миддл-тэнка и бэк-энда; платформа для управления vue-admin; платформа для управления ant-design-vue-pro. Развернуть Свернуть
JavaScript и 4 других языков
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/ruyangit-seed-workbench-ui.git
git@api.gitlife.ru:oschina-mirror/ruyangit-seed-workbench-ui.git
oschina-mirror
ruyangit-seed-workbench-ui
ruyangit-seed-workbench-ui
dev