Загрузка vue DBM - Загрузка исходного кода vue DBM

vue DBM

Другие категории

V1.0

Скачать

Уведомление! Этот проект был переработан. Текущая версия — 2.0. Для более старых версий проверьте версию, чтобы загрузить версию 1.0.

иллюстрировать

DBM — это система управления источниками данных, которая включает в себя два модуля: управление источниками данных и открытая авторизация. Управление источниками данных относится к таким функциям, как импорт одним щелчком мыши, фильтрация по требованию и назначенный экспорт реляционных данных. Открытая авторизация относится к данным. владелец открывает данные пользователям. Добавление, удаление, изменение, проверка и другие разрешения на операции. Развертывание или использование этой системы может привнести в ваш внешний проект функцию сохранения данных вместо моделирования данных.

Интерфейс DBM — это SPA-приложение, созданное с использованием каркаса vue-cli. Оно в основном опирается на DBM. Чтобы сделать разделение внешнего и внутреннего интерфейса более полным, внешний интерфейс будет использовать Mockjs. смоделируйте ответ в соответствии с протоколом интерфейса, согласованным с серверной частью во время разработки, и завершите интерфейс на внутренней стороне. После написания используйте различные команды запуска для передачи внутреннего интерфейса для завершения тестирования всей системы.

Если вы также хотите использовать vue.js в сочетании с серверными языками (nodejs, java и т. д.) для разработки полноценного приложения с интерфейсом и серверной частью, ссылка на реализацию проекта внешнего интерфейса DBM может смогу помочь вам решить следующие проблемы

Как улучшить возможность повторного использования компонентов?
Как использовать несколько модулей в управлении состоянием?
Как реализовать обработку разрешений на уровне страницы и элемента?
Как перехватывать HTTP-запросы и имитировать пользовательский интерфейс, управляемый ответами, с помощью Mockjs?
Как использовать функцию рендеринга для настройки бизнес-компонентов с помощью таких фреймворков, как element-ui?
Как реализовать многоокружающую упаковку, повысить эффективность упаковки, уменьшить объем упаковки и т. д.

Поскольку этот проект выполняется в свободное время, цикл разработки длительный, и чистоту кода все еще необходимо улучшить, я буду продолжать изменять его, пока не буду удовлетворен. Если вы обнаружите проблемы, сообщите о них непосредственно в разделе «Проблемы». или если у вас есть вопросы по реализации модуля. Лучшие решения приветствуются .

Подготовка перед разработкой

Если вы используете git clone, ваша локальная среда должна содержать nodejs и git. В этом проекте в основном используются vue, vuex, vue-router, element-ui, axios, Mock.js и другие стеки технологий. Зная эти технологии, вы сможете лучше освоить этот проект.

В ходе разработки проекта я сделал несколько целевых заметок. Рекомендуется сначала прочитать эти заметки, прежде чем разбираться в исходном коде этого проекта.

Обзор структуры проекта
Основная компоновка системы
маршрутизация
Управление статусами
Управление разрешениями
Управление инкапсуляцией и использованием
смешивать
Моделирование данных
Оптимизация упаковки и пользовательский опыт

целевая функция

Страница входа
Панель управления
Страница управления таблицами данных
Страница управления базой данных
Данные открыть страницу авторизации

Разработка и выпуск

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Журнал изменений

Нажмите здесь, чтобы просмотреть журнал обновлений.

Демо

Нажмите на меня, чтобы просмотреть демо

Благодарности

Архитектура этого проекта относится к реализации vue-element-admin . Табличный компонент был настроен и модифицирован на основе vue-easytable . Я хотел бы поблагодарить двух авторов проекта PanJiaChen и huangshuwei.