Обмен технологиями

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Оглавление

Пример запуска

Шаг 1. Установка npm

Шаг 2. npm run dev

Замена системы документооборота Softhang

прикрепил

---

Новички в Vue запишут метод выполнения примера управления документами Softhang VUE и процесс замены элементов управления в этом примере.

Пример запуска

На компьютере, на котором уже установлена ​​среда VUE, вы можете обратиться к другой статье для развертывания среды VUE:Решение для отчетов об ошибках npm во время настройки среды VUE и построения среды VUE Process_vue, настройка отчетов об ошибках среды — блог CSDN

Шаг 1. Установка npm

npm (полное имя Node Package Manager) — это официальная система управления пакетами Node.js, которая обеспечивает функции публикации, обнаружения и установки модулей Node.js.

npm-установка

При запуске npm install в каталоге проекта, содержащем файл package.json, npm прочитает файл, автоматически загрузит и установит его в текущий проект на основе модулей и требований к их версии, перечисленных в полях «зависимости» и «devDependities». в локальном каталоге node_modules.

Перейдите в каталог примера, откройте окно командной строки cmd и запустите npm install:

npm install Это также может помочь разработчикам разрешать конфликты, вызванные изменениями версий зависимостей.Когда будет выпущена новая версия модуля в дереве зависимостей, повторно выполните npm install, npm проанализирует и установит последнюю совместимую версию на основе правил ограничения версий, чтобы обеспечить согласованность зависимостей проекта.

В то же время во время установки npm будет создан файл блокировки (например, package-lock.json или npm-shrinkwrap.json), чтобы заблокировать точную версию каждой зависимости, специально используемой проектом. Таким образом, можно обеспечить полностью согласованное дерево зависимостей в различных средах разработки или нескольких установках, что повышает воспроизводимость и стабильность проекта.

Шаг 2. npm run dev

После установки зависимостей проекта вы можете попытаться запустить проект VUE, запустив npm run dev в корневом каталоге текущего примера окна командной строки, чтобы запустить пример.

npm run dev означает запуск среды разработки в проекте node.js. На самом деле выполняется команда «dev», определенная в разделе «scripts» файла package.json:

Как упоминалось выше, когда фактически выполняется npm run dev, выполняется служба vue-cli-service.

В обычных обстоятельствах команда «dev» запускает локальный сервер и отслеживает изменения файлов. При возникновении изменений в файлах страница автоматически обновляется, чтобы облегчить работу разработчиков по отладке и разработке. В процессе разработки просто запустите npm run dev, чтобы запустить проект, а затем проект обновится сам. Если файл будет изменен во время процесса, просто обновите его в браузере.

Замена системы документооборота Softhang

SoftHang Document Control предоставляет период тестирования демо-версии продолжительностью около полугода. Когда срок его действия истечет или вы приобретете его у SoftHang и получите официальный продукт, вам необходимо заменить основную информацию элемента управления в проекте.

Вот логическая схема замены управления, полученная от официального представителя Softhang:

Судя по блок-схеме, основная цель — заменить базовую информацию, такую ​​как кабина продукта и классификация.

В примере VUE процесс замены аналогичен. Сначала найдите место кода, которое ссылается на элемент управления Soft Navigation в проекте:

В качестве примера возьмем полученный мною пример VUE3.0:

В файле officecontrol:editindexcom.vue в каталоге src/comComponents информация элемента управления документом SoftHang определяется через тег объекта, например идентификатор, classid, высота и ширина, официальная информация об авторизации продукта и т. д.:

Часть кода примера была аннотирована. Softhang сказал: Ввиду возможности того, что управление автоматической загрузкой браузера может неожиданно не загрузиться, установочные пакеты exe теперь предоставляются для установки, и в коде нет необходимости. Просто правильно напишите информацию о классе в коде. Информация о классе берется из содержимого inf-файла в пакете CAB продукта, как показано на следующем рисунке:

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

После изменения управляющей информации вы можете обновить образец страницы в браузере, чтобы увидеть эффект.

прикрепил

Возможностей соприкоснуться с VUE не так много, и я мало что узнал, просто буду записывать метод запуска проекта VUE и записывать используемые вещи.

Элемент управления документами SoftHang, используемый в примере, на самом деле представляет собой программное обеспечение для онлайн-редактирования офисных файлов. С помощью этого программного обеспечения вы можете напрямую просматривать и редактировать связанные файлы Word, Excel, PPT и WPS в браузере, устраняя необходимость редактировать их отдельно. Локальная загрузка файла, его изменение и последующая загрузка обратно на сервер с помощью функции загрузки в бизнес-системе — относительно громоздкая операция.

Хорошо, на сегодня это все. VUE нуждается в дополнительных исследованиях в будущем. Позвольте мне сначала взглянуть на этот пример управления документами Softhang ~~