vwn — это наборный фронтенд-фреймворк для бэкенда, основанный на Vue.js 2.5 и Element UI 2.2, а также использующий Webpack 3.9.
Этот проект представляет собой фреймворк для управления бэкендом, который включает в себя управление правами доступа, функции входа в систему, компоненты пользовательского интерфейса (UI) и функцию загрузки файлов. Рекомендуется использовать его напрямую.
Внимание: для удобства отладки на стороне клиента все запросы данных используют mockjs для имитации. При необходимости запроса внешних API удалите файлы mock.
- **Промышленные компоненты пользовательского интерфейса** (готовы к использованию, не нужно создавать свои собственные).
- `Вход/выход`.
- `Проверка прав доступа`.
- **👉 Многоуровневая навигация по вкладкам** (как можно назвать это интерфейсом управления бэкендом без многоуровневой навигации?).
- Редактор TinyMCE.
- Редактор Markdown.
- Динамическая боковая панель (поддерживает многоуровневую маршрутизацию).
- Навигационная цепочка.
- Компонент отображения JSON.
- Графики echartjs.
- Страница ошибки 404.
- **Табличные данные могут быть экспортированы непосредственно в формате CSV**.
- Данные mock.
- Эффектные эффекты наведения.
# Клонировать проект
git clone https://gitee.com/QCBZ/vwn.git
# Установить зависимости
npm install
//или # Рекомендуется не использовать cnpm, так как он может вызывать различные странные проблемы с ошибками. Можно решить проблему медленной работы npm с помощью следующей операции
npm install --registry=https://registry.npm.taobao.org
# Запустить локальную разработку и открыть сервис
npm run dev
Откройте браузер и перейдите по адресу http://localhost:80.
# Опубликовать
npm run build
├── doc // Документы проекта
├── build // Материалы для сборки
├── config // Конфигурация
├── src // Исходный код
│ ├── api // Все запросы
│ ├── assets // Статические ресурсы
│ ├── icons // Файлы значков
│ ├── components // Глобальные компоненты пользовательского интерфейса
│ ├── mock // Данные mock
│ ├── lang // Языковые пакеты
│ ├── vendor // Сторонние пакеты
│ ├── router // Маршрутизация
│ ├── store // Глобальное управление хранилищем
│ ├── utils // Общие методы
│ ├── styles // Глобальный стиль
│ └── views // Интерфейс просмотра
│ ├── dashboard // Компоненты графиков
│ ├── layout // Компоненты макета
│ ├── vwn // Пример
│ ├── login // Интерфейс входа
│ ├── errorPage // Страница ошибок
│ └── permission // Тестирование разрешений
│ ├── index.vue // Файл компонента
│ └── permission.js // Загрузка компонента, инициализация и т. д.
│ └── main.js // Входной файл, загрузка компонентов, инициализация и т.д.
│ └── errorLog.js // Журнал ошибок, загрузка компонентов, инициализация и т. д.
├── static // Статические ресурсы
├── .babelrc // Конфигурация babel-loader
├── eslintrc.js // Конфигурационный файл eslint
├── .gitignore // Игнорируемые элементы git
├── favicon.ico // Значок favicon
├── index.html // Шаблон HTML
└── package.json // Package.json
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )