Время летит так быстро, ведь1.1.4Прошел месяц с момента релиза, а я все еще занят каждый день в этом месяце.D2Admin также подвергся серьезному рефакторингу.Давайте сначала представим основные изменения в 1.1.5 по сравнению с 1.1.4~
Важное обновление
vue-cli3
На этот раз D2Admin завершил рефакторинг vue-cli3, устранив предыдущую громоздкую конфигурацию веб-пакета, ускорив упаковку, упростив настройки переменных среды и более краткие файловые каталоги.
Рефакторинг компонента d2-контейнера
Произведен рефакторинг самого важного компонента d2-контейнера для создания страниц, подробнее см.контейнер страницы, по-прежнему поддерживаетfull + card + ghostТри режима, разница в том, что все три режима теперь поддерживаются отдельноheaderа такжеfooterСлоты, и оба поддерживают переключение пользовательских полос прокрутки и предоставляют реквизиты для настроек полосы прокрутки.
type="full"
type="card"
type="ghost"
существуетконтейнер страницыВ документе я также сделал много иллюстраций для трех режимов x есть ли слот x включена оптимизация полосы прокрутки или нет, Добро пожаловать на сайт документации, чтобы проверить.
Онлайн-пример (сначала выполните вход)
Оптимизация логики кеша страниц
Сначала признайте ошибку: логика кэширования страниц с несколькими вкладками в 1.1.4 немного проблематична, из-за чего страница остается в кеше, даже если вкладка компонента управления несколькими страницами закрыта. Логика кеша страниц была переписана в версии 1.1.5, и эта ошибка была исправлена.
Открыть управление несколькими вкладками
В 1.1.4 часть логики многостраничного управления прописана в компоненте управления, а часть прописана в vuex, а метод использования не опубликован. В 1.1.5 все элементы управления страницами были реорганизованы в vuex, и дана вся документация и примеры, что означает, что вы можете использовать эти API для управления открытием и закрытием страниц с несколькими вкладками, если хотите.
| API | эффект |
|---|---|
| d2adminPageOpenNew | открыть новую страницу |
| d2adminTagClose | закрыть страницу |
| d2adminTagCloseLeft | Закрыть левую страницу текущей страницы |
| d2adminTagCloseRight | Закрыть страницу справа от текущей страницы |
| d2adminTagCloseOther | Закрыть другие страницы, кроме текущей страницы |
| d2adminTagCloseAll | закрыть все страницы |
смотрите подробностиУтилиты Vuex
открыть меню управления
В предыдущей версии переключение данных меню было завершено в основном компоненте макета, что привело к тому, что многие друзья спрашивали меня, как изменить настройки меню во время вторичной разработки.В ответ на эту проблему в 1.1.5 вновь открылся верхний барное меню и API управления боковым меню:
| API | эффект |
|---|---|
| d2adminMenuHeaderSet | Установить меню верхней панели |
| d2adminMenuAsideSet | Настроить боковое меню |
Например, теперь вы можете установить его так:
// 在任何地方
// menuHeader 是已经处理好的菜单数据
$store.commit('d2adminMenuHeaderSet', menuHeader)
// 顶栏菜单更新完毕
Это так просто.
Онлайн-пример (сначала выполните вход)
смотрите подробностиУтилиты Vuex
обертка для чтения и записи файлов cookie
| API | эффект |
|---|---|
| util.cookies.set | установить куки |
| util.cookies.get | получить печенье |
| util.cookies.getAll | Получить все печенье |
| util.cookies.remove | удалить куки |
Почему бы просто не использовать файлы cookie напрямую?
util.cookies использует js-cookie внутри для работы и, например, выполняет дополнительный уровень логической инкапсуляции имени файла cookie.
util.cookies.set({
name: 'name',
value: 'value',
setting: {
expires: 365
}
})
Фактический файл cookie хранится
d2admin-${version}-name : value
использовать
util.cookies.get('name')
на самом деле взятьd2admin-${version}-name
В конце концов, ваша информация о файлах cookie может выглядеть примерно так (например):
-
d2admin-1.1.5-name:FairyEver -
d2admin-1.1.5-uuid:h8dsafy98du9f6yadsyf -
d2admin-1.1.5-token:dys87f89dsafy89adsh
Преимущество этого заключается в том, что если ваш D2Admin будет обновлен до новой версии, данные, используемые при открытии, должны быть повторно инициализированы, и вы не будете знать об этом уровне упаковки независимо от того, назначаете ли вы или извлекаете значения при использовании печенье
смотрите подробностиУтилита
Оптимизация сохраняемости данных
Сохранение данных теперь предоставляет новый API для вторичной разработки.
| API | эффект |
|---|---|
| d2adminUtilVuex2DbByUuid | Сохранять определенное значение хранилища в соответствии с пользовательским различием |
| d2adminUtilDb2VuexByUuid | Восстановить определенное значение постоянного хранилища в соответствии с различием пользователя |
| d2adminUtilVuex2Db | Общий для всех пользователей Сохранять определенное значение магазина |
| d2adminUtilDb2Vuex | Общий для всех пользователей Восстановить определенное значение постоянного хранилища |
| d2adminUtilDatabaseUser | Получить постоянную область текущего пользователя |
| d2adminUtilDatabaseUserClear | Очистить постоянную область текущего пользователя |
| d2adminUtilDatabase | Получите постоянную область, общую для всех пользователей |
| d2adminUtilDatabaseClear | Очистить постоянную область, общую для всех пользователей |
Что можно сделать с помощью этих API?
- Сохранять товар в магазине, который может различать пользователей или нет
- Сохранять любые данные по желанию, которые могут храниться отдельно пользователями или совместно использоваться всеми пользователями.
смотрите подробностиУтилиты Vuex
Онлайн-пример (сначала выполните вход)
Автоматический сбор информации о браузере пользователя
Никакой операции не требуется, информацию о браузере пользователя можно получить в магазине, пример формата данных:
{
browser: {
name: "Chrome",
version: "67.0.3396.99",
major: "67"
},
engine: {
name: "WebKit",
version: "537.36"
},
os: {
name: "Mac OS",
version: "10.13.4"
},
device: {},
cpu: {}
}
боковая панель управления
| API | эффект |
|---|---|
| d2adminMenuAsideCollapseSet | Установите боковую панель для уменьшения или расширения |
| d2adminMenuAsideCollapseToggle | Переключить состояние боковой панели |
И теперь состояние боковой панели будет автоматически сохраняться, то есть боковая панель будет продолжать сжиматься или расширяться после обновления браузера.
Глава быстрого старта
Чтобы всем было проще использовать D2Admin для создания первой страницы, была написана новая глава «Быстрый старт», и в будущем планируется серия руководств.
- Предварительное знание
- Подготовить
- Скачать проект
- Среда установки
- Установить зависимости
- Разработка и отладка
- Новая страница
- установить маршрут
- меню настроек
- Эффект
- ресурс
смотрите подробностиНачать быстро
Дополнительную информацию об обновлении см. в следующем разделе.
Список изменений
- [ Изменить ] Рефакторинг проекта vue-cli3, настройка каталога
- [Изменить] Оптимизация дизайна управления глобальным состоянием
- [Изменено] Все операции с несколькими вкладками перенесены в vuex.
- [Изменить] Исправлена ошибка, из-за которой страницы с несколькими вкладками не могли очистить кеш
- [править] исправлена ошибка#38
- [править] исправлена ошибка#41
- [Изменено] Управление данными меню боковой и верхней панели передано централизованному управлению vuex.
- [Изменено] настройка минимальной ширины страницы
- [Новое] Добавлен параметр format-html в компонент d2-highlight
- [ Новое ] Автоматическое получение пользовательского браузера UA
- [ Новое ] на игровой площадке добавлен интерфейс просмотра информации в браузере
- [Изменить] Логика входа и выхода перемещена в vuex
- [Новый] Добавлен Пример быстрого выбора для входа в систему
- [Новое] Переключатель боковой панели перемещен на vuex
- [Добавлено] Автоматический переход на страницу подсказки при оценке просмотра мобильного телефона.
- [Изменено] Размер всплывающего меню боковой панели уменьшен для размещения большего количества меню.
- [Изменить] Рефакторинг компонента d2-контейнера, каждый режим теперь поддерживает свойство прокрутки и слот нижнего колонтитула заголовка
- [Изменить] Исправлена ошибка, из-за которой кнопка полноэкранного режима не обновлялась при выходе из полноэкранного режима.
- [Изменить] Исправлена ошибка логики кэша с несколькими вкладками.
- [Новое] Постоянное хранилище различает данные в соответствии с версией системы, чтобы предотвратить путаницу данных из-за обновлений.
- [Добавлено] Эффект оттенков серого на экране выхода из системы
- [Добавлено] Класс стиля .d2-card, который может сделать стиль el-card меняющимся в зависимости от темы.
- [Новое] Все примеры компонентов таблицы ElementUI трансплантированы
- [Новое] Площадка управления глобальным состоянием
- [Новое] Частная площадка постоянных данных пользователя
- [НОВОЕ] Площадка настроек меню боковой и верхней панели
- [Добавлено] Оптимизация стиля нижнего колонтитула в карточном режиме компонента d2-контейнера
- [Изменено] Уменьшен размер всплывающего меню в свернутом режиме боковой панели
- [Изменено] По умолчанию отображение настраиваемой полосы прокрутки на боковой панели отключено.
- [ Новое ] обертка для чтения и записи файлов cookie
- [Добавлено] Оболочка чтения-записи постоянного хранилища, обеспечивающая мутацию для быстрой обработки текущих пользовательских данных.
- [Добавлено] Оболочка чтения-записи постоянного хранилища, обеспечивающая быструю работу мутаций для общих данных всех пользователей.
- [Новая] Сложенная боковая панель состояния Теперь отличает записи, основанные на пользователе, чтобы обновить страницу до статуса бронирования
что-то дополнительное
Быть «в долг» всегда неприятно
Суммировать
Прежде всего, я хотел бы поблагодарить тех друзей, которые дали мне свое мнение и помогли мне (включая духовное ободрение и поощрение в красных конвертах) Звезда каждого также является ободрением для меня.
Ввиду ограниченности сил, я сделаю все возможное, чтобы сделать D2Admin лучше, и сейчас я могу только обещать вам: то, что должно быть, будет доступно в будущем, этот проект будет продолжать усердно работать, и будет доставлять вам больше удовольствия. обновления в будущем.
Что касается следующего плана и других текущих планов, это пока конфиденциально, так что следите за обновлениями!
Теперь, когда вы сделали это, вы должны сделать это хорошо, и сделать это хорошо.
адрес проекта
| адрес | описывать |
|---|---|
| Домашняя страница команды | Домашняя страница команды, которой принадлежит D2Admin |
| китайский документ | китайский документ |
| Адрес предварительного просмотра полной версии | Адрес предварительного просмотра полной версии |
| полная версия гитхаб | Репозиторий полной версии Github |
| Полная версия Code Cloud | Код полной версии Cloud Mirror Warehouse |
| Адрес предварительного просмотра начальной версии | Адрес предварительного просмотра начальной версии |
| сокращенный гитхаб | Упрощенный репозиторий Github |
| Упрощенное облако кода | Упрощенная версия Code Cloud Mirror Warehouse |
В конце концов, если ты закончишь и считаешь, что это неплохо, надеюсь, ты сможешь прийти.Домашняя страница проектаТочка одинstarВ качестве вашего признания и поддержки этого проекта, спасибо.
Мой личный публичный аккаунт WeChat: