Partage de technologie

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

Table des matières

Exemple d'exécution

Étape 1. Installation de npm

Étape 2. npm run dev

Remplacement du contrôle des documents Softhang

ci-joint

---

Les débutants de Vue enregistreront la méthode d'exécution de l'exemple VUE de contrôle de document Softhang et le processus de remplacement des contrôles dans l'exemple.

Exemple d'exécution

Sur un ordinateur sur lequel l'environnement VUE est déjà installé, vous pouvez vous référer à un autre article pour le déploiement de l'environnement VUE :Solution pour le rapport d'erreurs npm lors de la configuration de l'environnement VUE et de la création de l'environnement VUE process_vue configuration du rapport d'erreurs d'environnement - CSDN Blog

Étape 1. Installation de npm

npm (nom complet Node Package Manager) est le système de gestion de packages officiel de Node.js, qui fournit les fonctions de publication, de découverte et d'installation des modules Node.js.

installation de npm

Lors de l'exécution de npm install dans le répertoire du projet contenant le fichier package.json, npm lira le fichier, le téléchargera et l'installera automatiquement dans le projet en cours en fonction des modules et de leurs exigences de version répertoriés dans les champs « dépendances » et « devDependencies ». dans le répertoire local node_modules.

Basculez vers le répertoire d'exemple, ouvrez la fenêtre de ligne de commande cmd et exécutez npm install :

npm install Cela peut également aider les développeurs à résoudre les conflits provoqués par les changements de version des dépendances.Lorsqu'une nouvelle version d'un module dans l'arborescence des dépendances est publiée, réexécutez npm install, npm analysera et installera la dernière version compatible en fonction des règles de contrainte de version pour maintenir la cohérence des dépendances du projet.

Parallèlement, lors de l'exécution de npm install, un fichier de verrouillage (tel que package-lock.json ou npm-shrinkwrap.json) sera généré pour verrouiller la version exacte de chaque dépendance spécifiquement utilisée par le projet. De cette manière, une arborescence de dépendances totalement cohérente peut être garantie dans différents environnements de développement ou plusieurs installations, améliorant ainsi la reproductibilité et la stabilité du projet.

Étape 2. npm run dev

Après avoir installé les dépendances du projet, vous pouvez essayer d'exécuter le projet VUE en exécutant npm run dev dans le répertoire racine de l'exemple actuel de la fenêtre de ligne de commande pour démarrer l'exemple.

npm run dev fait référence à l'exécution de l'environnement de développement dans un projet node.js. Ce qui est réellement exécuté est la commande « dev » définie dans la section « scripts » du fichier package.json :

Comme mentionné ci-dessus, lorsque npm run dev est réellement exécuté, vue-cli-service serve est exécuté.

Dans des circonstances normales, la commande « dev » démarrera un serveur local et surveillera les modifications de fichiers. Lorsqu'il y a des modifications de fichiers, la page sera automatiquement actualisée pour faciliter le travail de débogage et de développement des développeurs. Pendant le processus de développement, exécutez simplement npm run dev pour exécuter le projet, puis le projet se mettra à jour lui-même. Si le fichier est modifié pendant le processus, actualisez-le simplement dans le navigateur.

Remplacement du contrôle des documents Softhang

SoftHang Document Control offre une période de test de la version de démonstration d'environ six mois. Lorsqu'elle expire ou que vous l'achetez auprès de SoftHang et obtenez le produit officiel, vous devez remplacer les informations de base du contrôle dans le projet.

Voici un schéma logique pour le remplacement des commandes obtenu auprès du responsable de Softhang :

À partir de l'organigramme, l'objectif principal est de remplacer les informations de base telles que la cabine et la classe du produit.

Dans l'exemple de VUE, le processus de remplacement est similaire. Recherchez d'abord l'emplacement du code qui fait référence au contrôle Soft Navigation dans le projet :

Prenons l'exemple VUE3.0 que j'ai obtenu comme exemple :

Dans le fichier officecontrol:editindexcom.vue du répertoire src/components, les informations du contrôle de document SoftHang sont définies via la balise d'objet, telles que l'identifiant, l'identifiant de classe, la hauteur et la largeur, les informations officielles d'autorisation du produit, etc. :

La partie base de code de l'exemple a été annotée. Softhang a déclaré : Compte tenu de la possibilité que le contrôle de chargement automatique du navigateur ne puisse pas se charger de manière inattendue, les packages d'installation exe sont désormais fournis pour l'installation, et cela n'est pas nécessaire dans le code. Écrivez simplement les informations classid dans le code correctement. Les informations classid proviennent du contenu du fichier inf dans le package cab du produit, comme le montre la figure suivante :

Différentes cabines ont des informations différentes, vous devez donc faire attention pour les distinguer. Si vous l'écrivez correctement, l'exe peut être installé. S'il est mal écrit, le contrôle risque de ne pas être chargé.

Après avoir modifié les informations de contrôle, vous pouvez actualiser l'exemple de page dans le navigateur pour voir l'effet.

ci-joint

Il n'y a pas beaucoup d'occasions d'entrer en contact avec VUE, et j'ai peu appris. Je vais simplement enregistrer la méthode de gestion du projet VUE et enregistrer les éléments utilisés.

Le contrôle de document SoftHang utilisé dans l'exemple est en fait un logiciel d'édition en ligne pour les fichiers Office. Grâce à ce logiciel, vous pouvez directement afficher et modifier les fichiers Word, Excel, ppt et wps associés dans le navigateur, éliminant ainsi le besoin de les modifier séparément. Il s'agit d'une opération relativement lourde pour télécharger le fichier localement, puis le modifier, puis le télécharger à nouveau sur le serveur via la fonction de téléchargement du système d'entreprise.

D'accord, c'est tout pour aujourd'hui. VUE a besoin de plus de recherches à l'avenir. Permettez-moi d'abord de jeter un œil à cet exemple de contrôle de documents Softhang ~~.