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

OSCHINA-MIRROR/liuhaier-fuller-admin-antv

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

Fuller-admin-antv

Страница входа

image.png

Главная страница

image.png

Настройка проекта

# Клонировать проект
git clone https://gitee.com/liuhaier/fuller-admin-antv.git

# Перейти в каталог проекта
cd fuller-admin-antv

# Установить зависимости (рекомендуется не использовать cnpm для установки зависимостей, так как это может привести к различным странным ошибкам. Можно решить проблему с медленной загрузкой npm с помощью следующих действий)
npm install --registry=https://registry.npm.taobao.org

# npm -i
npm install

# Запустить сервис
npm run serve

📦 Компиляция и минификация для производства

# Собрать пакет
npm run build

Иерархия компонентов

Уровень представления (layout)

|---- layout (макет) |---- components (компоненты) |---- pages (страницы)

Состояние слоя (vuex хранилище)

store (vuex и отдельные модули);

Инструментальный уровень

utils (utils, tools, plugins);

Бизнес-уровень

Обработка конкретной бизнес-логики на одной странице;

Интерфейс уровня

api (централизованная обработка различных запросов);

API

Левая панель навигации

Написать фиксированную навигацию

В src/settings.js в пользовательском url навигации,

{
    name: "Мужская одежда",
    url: "/shop-home/Man",
    path: "stop-car-by-where",
    icon: "man" # https://www.antdv.com/components/icon-cn/
},

затем в src/router.js включить соответствующий маршрут

{
    path: "/shop-home/Man",
    name: "Man",
    component: () => import("./pages/ShopHome/ShoppingMall/Man/man")
  },

Отображение панели навигации через интерфейс

На 149 строке src/layout/Home.vue изменить параметр list

Здесь list получается из src/settings.js
totalMenus = list[param];

Исходный код бэкэнда (ThinkPHP5)

Вход в систему login

public function userLogin()
{
    $table = db('admin');
    $data = input('post.');
    $name = trim($data['username']);
    $result = $table->where(['username' => $name])->find();
    if(!empty($result)){
        if($data['password'] == 'admin'){
            $result['token'] = 'admin-token';
            return json(['msg'=>'Вход выполнен успешно!','code'=> 20000, 'data' => $result]);
        } else {
            return json(['msg'=>'Неправильный пароль!','code'=> 10000]);
        }
    } else {
        return json(['msg'=>'Пользователь не существует!','code'=> 10000]);
    }
}

Выход из системы logout

public function userLogout()
{
    return json(['msg'=>'Выход выполнен успешно!','code'=> 20000, 'data' => "success"]);
}

Получение информации о пользователе

public function getUserInfo()
{
    $result = [
        'avatar' => "https://i.loli.net/2020/03/04/Ux6kNyCAHXTuMpt.gif",
        'introduction' => "I am a super administrator",
        'name' => "Super Admin",
        'roles' => ["admin"]
    ];
    return json(['code'=> '20000','data'=> $result]);
}

🕳 Возможные проблемы

  • Междоменные запросы: http://blog.musclewiki.cn/post.html?id=52

  • Некоторые люди могут столкнуться с ситуациями типа npm WARN. Это происходит из-за отсутствия файла .json, и проблема решается путём запуска этой команды для создания соответствующего файла.

    image.png

npm init -f

❤ Начните прямо сейчас для вдохновения :)

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

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

Введение

fuller-admin — система управления для администраторов с дизайном в стиле antdv. Развернуть Свернуть
MIT
Отмена

Обновления

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

Участники

все

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

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