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

OSCHINA-MIRROR/onlymry-v-antd-admin

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

V-Antd-Admin

Потому что vue-antd-admin привнёс некоторые вещи, которые мне не очень нравятся. Поэтому я переработал эту версию с использованием TS+VUE+ANTD.

Как использовать VAA

  1. Все меню находятся в папке router, а все боковые меню настроены в файле children. Они также были сгруппированы; Пример использования:
{
    group:'opreations',
    groupIcon:"info-circle",
    title:"Операция",
    children:[
      {
        path: '/from',
        name: 'From',
        meta: { 
          auth: true, 
          title: 'Форма операции', 
          icon: 'form',
        },
        component: () => import('@/views/pages/From.vue')
      }
    ]
  }
  1. В папке tools есть файл config.ts, который содержит синтаксический сахар. Здесь можно настроить, является ли проект dev или product, и добавить соответствующие параметры, такие как URL для локальной отладки, URL для онлайн-версии и т. д.

  2. В папке tools находится файл message.ts, содержащий некоторые часто используемые сетевые состояния. Вы можете использовать их для создания более удобного взаимодействия с пользователем в вашем проекте.

Используемые плагины

Название Зависимость Функция
g2 yarn add / npm i / cnpm i @antv/g2 Диаграмма
data-set yarn add / npm i / cnpm i @antv/data-set Диаграмма
velocity-animate yarn add / npm i / cnpm i @types/velocity-animate Анимация
lodash yarn add / npm i / cnpm i @types/lodash Библиотека инструментов
animejs yarn add / npm i / cnpm i @types/animejs Анимация
jsonp yarn add / npm i / cnpm i @types/jsonp AJAX
nprogress yarn add / npm i / cnpm i nprogress Индикатор выполнения
xlsx yarn add / npm i / cnpm i xlsx Execl
ol yarn add / npm i / cnpm i ol Openlayer
axios yarn add / npm i / cnpm i axios AJAX

Класс инструментов

export default class Tools {
  // Определяем, является ли это браузером
  public inBrowser = typeof window !== 'undefined';
  // Получаем браузер UA
  public UA = this.inBrowser && window.navigator.userAgent.toLowerCase();
  // Является ли текущий браузер IE
  public isIE = this.UA && /msie|trident/.test(this.UA);
  // Текущий браузер - IE9
  public isIE9 = this.UA && this.UA.indexOf('msie 9.0') > 0;
  // Текущий браузер — Edge
  public isEdge = this.UA && this.UA.indexOf('edge/') > 0;
  //Текущий браузер — Android
  public isAndroid = (this.UA && 'android' in this.UA);
  // Текущий браузер — iOS
  public isIOS = (this.UA && /iphone|ipad|ipod|ios/.test(this.UA));
  // Текущий браузер — Chrome
  public isChrome = this.UA && /chrome\/\d+/.test(this.UA) && !this.isEdge;
  // Среда — PhantomJS
  public isPhantomJS = this.UA && /phantomjs/.test(this.UA);
  // Текущий браузер — Firefox
  public isFF = this.UA && this.UA.match(/firefox\/(\d+)/);
  // Объект имеет __proto__
  public hasProto = '__proto__' in {};
  // Определить, является ли переменная неопределённой
  public isUndef(v: any) {
    return v === undefined || v === null
  }
  //Определить, определена ли переменная
  public isDef(v: any) {
    return v !== undefined && v !== null
  }
  // Определить, истинна ли переменная
  public isTrue(v: any) {
    return v === true
  }
  // Определить, ложна ли переменная
  public isFalse(v: any) {
    return v === false
  }
  // Определить, является ли объект переменной
  public isObject(obj: any) {
    return obj !== null && typeof obj === 'object'
  }
  // Определить, является ли переменная регулярным выражением
  public isRegExp(v: any) {
    return Object.prototype.toString.call(v) === '[object RegExp]'
  }
  // Определить, является ли переменная обещанием
  public isPromise(val: any) {
    return (
      this.isDef(val) &&
      typeof val.then === 'function' &&
      typeof val.catch === 'function'
    )
  }
  // Преобразовать число
  public toNumber(val: any, type: string) {
    if (this.isUndef(type) || type === "float" || type === "double") {
      let n = parseFloat(val);
      return isNaN(n) ? val : n;
    } else {
      let n = parseInt(val);
      return isNaN(n) ? val : n;
    }
  }
}

Идеи программирования

  1. Копируйте, если возможно, чтобы сэкономить время и избежать ошибок.
  2. Сохраняйте исходную структуру, чтобы упростить работу и облегчить отладку.
  3. Добавьте необходимые комментарии, чтобы объяснить функции и методы использования.
  4. Объясните, что доступно под рукой, без необходимости подключения к Интернету или открытия документации.
  5. Именование должно быть стандартизировано, чтобы его было легко найти и понять.
  6. По возможности перенаправляйте перегрузки, чтобы уменьшить количество кода и упростить модификацию.
  7. Сначала проверьте параметры, чтобы предотвратить сбой при любом вызове.
  8. Разделите код на модули, чтобы облегчить просмотр и поиск.
  9. Инкапсулируйте часто используемый код, чтобы упростить использование и снизить связанность.
  10. Удалите ненужные ресурсы, чтобы оптимизировать память и повысить производительность.
  11. Структура пакета должна быть разумной, а модули должны быть чёткими и удобными для просмотра.
  12. Используйте инструменты и сочетания клавиш, чтобы ускорить добавление, удаление, изменение и проверку.

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

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

Введение

В запросе используется язык программирования Vue.js и библиотека компонентов Ant Design. Запрос содержит информацию о шаблоне для создания бэкенд-системы управления с использованием этих инструментов, а также библиотеки OpenLayers. Контекст запроса не указан, поэтому перевод может быть неполным. *Примечание: в запросе могут содержаться терми... Развернуть Свернуть
Vue и 4 других языков
MIT
Отмена

Обновления

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

Участники

все

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

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