Compartir tecnología

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

Tabla de contenido

Ejecución de ejemplo

Paso 1. instalación npm

Paso 2. npm ejecuta dev

Reemplazo de control de documentos Softhang

adjunto

---

Los principiantes de Vue registrarán el método de ejecución del ejemplo de VUE de control de documentos de Softhang y el proceso de reemplazo de los controles en el ejemplo.

Ejecución de ejemplo

En una computadora que ya haya instalado el entorno VUE, puede consultar otro artículo para la implementación del entorno VUE:Solución para el informe de errores de npm durante la configuración del entorno VUE y la creación del entorno VUE. Process_vue configuración del informe de errores del entorno - Blog de CSDN

Paso 1. instalación npm

npm (nombre completo Node Package Manager) es el sistema de administración de paquetes oficial de Node.js, que proporciona las funciones de publicar, descubrir e instalar módulos de Node.js.

Instalación de npm

Al ejecutar npm install en el directorio del proyecto que contiene el archivo package.json, npm leerá el archivo y lo descargará e instalará automáticamente en el proyecto actual según los módulos y sus requisitos de versión enumerados en los campos "dependencias" y "devDependencies". en el directorio local node_modules.

Cambie al directorio de ejemplo, abra la ventana de la línea de comando cmd y ejecute npm install:

npm install También puede ayudar a los desarrolladores a resolver conflictos causados ​​por cambios de versión de dependencia.Cuando se lanza una nueva versión de un módulo en el árbol de dependencia, vuelva a ejecutar npm install, npm analizará e instalará la última versión compatible según las reglas de restricción de versión para mantener la coherencia de las dependencias del proyecto.

Al mismo tiempo, durante la ejecución de npm install, se genera un archivo de bloqueo (como package-lock.json o npm-shrinkwrap.json), que se utiliza para bloquear la versión exacta de cada dependencia utilizada específicamente por el proyecto. De esta forma, se puede garantizar un árbol de dependencias completamente consistente en diferentes entornos de desarrollo o múltiples instalaciones, mejorando así la reproducibilidad y estabilidad del proyecto.

Paso 2. npm ejecuta dev

Después de instalar las dependencias del proyecto, puede intentar ejecutar el proyecto VUE ejecutando npm run dev en el directorio raíz del ejemplo actual de la ventana de la línea de comandos para iniciar el ejemplo.

npm run dev se refiere a ejecutar el entorno de desarrollo en un proyecto node.js. Lo que realmente se ejecuta es el comando "dev" definido en la sección "scripts" del archivo package.json:

Como se mencionó anteriormente, cuando realmente se ejecuta npm run dev, se ejecuta el servicio vue-cli-service.

En circunstancias normales, el comando "dev" iniciará un servidor local y monitoreará los cambios de archivos. Cuando haya cambios en los archivos, la página se actualizará automáticamente para facilitar el trabajo de depuración y desarrollo de los desarrolladores. Durante el proceso de desarrollo, simplemente ejecute npm run dev para ejecutar el proyecto y luego el proyecto se actualizará solo. Si el archivo se modifica durante el proceso, simplemente actualícelo en el navegador.

Reemplazo de control de documentos Softhang

SoftHang Document Control proporciona un período de prueba de la versión de demostración de aproximadamente medio año. Cuando caduque o lo compre en SoftHang y obtenga el producto oficial, deberá reemplazar la información básica del control en el proyecto.

Aquí hay un diagrama lógico para el reemplazo de controles obtenido del funcionario de Softhang:

Desde el diagrama de flujo, el objetivo principal es reemplazar información básica como la cabina del producto y el classid.

En el ejemplo de VUE, el proceso de reemplazo es similar. Primero busque la ubicación del código que hace referencia al control de navegación suave en el proyecto:

Tome el ejemplo de VUE3.0 que obtuve como ejemplo:

En el archivo officecontrol:editindexcom.vue en el directorio src/components, la información del control del documento Softhang se define a través de la etiqueta del objeto, como id, classid, alto y ancho, información de autorización oficial del producto, etc.:

La parte del código base del ejemplo ha sido anotada. Softhang dijo: En vista de la posibilidad de que el control de carga automática del navegador no se cargue inesperadamente, ahora se proporcionan paquetes de instalación exe para la instalación y no es necesario en el código. Simplemente escriba correctamente la información del classid en el código. La información de classid proviene del contenido del archivo inf en el paquete cab del producto, como se muestra en la siguiente figura:

Diferentes taxis tienen información diferente, por lo que debes prestar atención para distinguirlos. Si lo escribe correctamente, se puede instalar el exe. Si está escrito incorrectamente, es posible que el control no se cargue.

Después de modificar la información de control, puede actualizar la página de muestra en el navegador para ver el efecto.

adjunto

No hay muchas oportunidades para entrar en contacto con VUE y he aprendido poco. Simplemente registraré el método de ejecución del proyecto VUE y registraré las cosas utilizadas.

El control de documentos SoftHang utilizado en el ejemplo es en realidad un software de edición en línea para archivos de Office. A través de este software, puede ver y editar archivos relacionados de Word, Excel, PPT y WPS directamente en el navegador, eliminando la necesidad de editarlos por separado. Es una operación relativamente engorrosa descargar el archivo localmente, luego modificarlo y luego volver a cargarlo en el servidor a través de la función de carga en el sistema empresarial.

Bien, eso es todo por hoy. VUE necesita más investigación en el futuro. Primero, déjame echar un vistazo a este ejemplo de control de documentos de Softhang ~~.