Compartilhamento de tecnologia

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

Índice

Exemplo de execução

Etapa 1. instalação npm

Etapa 2. npm executar dev

Substituição do controle de documentos Softhang

apegado

---

Os iniciantes do Vue registrarão o método de execução do exemplo VUE de controle de documento Softhang e o processo de substituição dos controles no exemplo.

Exemplo de execução

Em um computador que já tenha instalado o ambiente VUE, você pode consultar outro artigo para implantação do ambiente VUE:Solução para relatórios de erros npm durante a configuração do ambiente VUE e criação do ambiente VUE process_vue configurando relatórios de erros do ambiente - CSDN Blog

Etapa 1. instalação npm

npm (nome completo Node Package Manager) é o sistema oficial de gerenciamento de pacotes do Node.js, que fornece as funções de publicação, descoberta e instalação de módulos Node.js.

instalação npm

Ao executar npm install no diretório do projeto que contém o arquivo package.json, o npm lerá o arquivo e fará o download e instalará automaticamente no projeto atual com base nos módulos e seus requisitos de versão listados nos campos "dependências" e "devDependencies". no diretório node_modules local.

Mude para o diretório de exemplo, abra a janela da linha de comando cmd e execute npm install:

npm install Também pode ajudar os desenvolvedores a resolver conflitos causados ​​por alterações de versão de dependência.Quando uma nova versão de um módulo na árvore de dependências for lançada, execute novamente npm install, o npm analisará e instalará a versão compatível mais recente com base nas regras de restrição de versão para manter a consistência das dependências do projeto.

Ao mesmo tempo, durante a execução da instalação do npm, um arquivo de bloqueio (como package-lock.json ou npm-shrinkwrap.json) é gerado, que é usado para bloquear a versão exata de cada dependência usada especificamente pelo projeto. Desta forma, uma árvore de dependências completamente consistente pode ser garantida em diferentes ambientes de desenvolvimento ou múltiplas instalações, melhorando assim a reprodutibilidade e estabilidade do projeto.

Etapa 2. npm executar dev

Depois de instalar as dependências do projeto, você pode tentar executar o projeto VUE executando npm run dev no diretório raiz do exemplo atual da janela da linha de comando para iniciar o exemplo.

npm run dev refere-se à execução do ambiente de desenvolvimento em um projeto node.js. O que realmente é executado é o comando “dev” definido na seção “scripts” do arquivo package.json:

Conforme mencionado acima, quando npm run dev é realmente executado, vue-cli-service serve é executado.

Em circunstâncias normais, o comando "dev" iniciará um servidor local e monitorará as alterações no arquivo. Quando houver alterações no arquivo, a página será atualizada automaticamente para facilitar o trabalho de depuração e desenvolvimento dos desenvolvedores. Durante o processo de desenvolvimento, basta executar npm run dev para executar o projeto, e então o projeto será atualizado. Se o arquivo for modificado durante o processo, basta atualizá-lo no navegador.

Substituição do controle de documentos Softhang

O SoftHang Document Control oferece um período de teste da versão demo de cerca de meio ano. Quando expira ou você compra da SoftHang e obtém o produto oficial, é necessário substituir as informações básicas do controle no projeto.

Aqui está um diagrama lógico para substituição de controle obtido do oficial da Softhang:

A partir do fluxograma, o objetivo principal é substituir informações básicas como produto cab e classid.

No exemplo do VUE, o processo de substituição é semelhante. Primeiro encontre o local do código que faz referência ao controle Soft Navigation no projeto:

Veja o exemplo VUE3.0 que obtive como exemplo:

No arquivo officecontrol:editindexcom.vue do diretório src/components, as informações do controle do documento Softhang são definidas por meio da tag do objeto, como id, classid, altura e largura, informações oficiais de autorização do produto, etc.:

A parte da base de código do exemplo foi anotada. Softhang disse: Tendo em vista a possibilidade de o controle de carregamento automático do navegador falhar ao carregar inesperadamente, os pacotes de instalação exe agora são fornecidos para instalação e não há necessidade disso no código. Basta escrever as informações do classid no código corretamente. As informações classid vêm do conteúdo do arquivo inf no pacote cab do produto, conforme mostrado na figura a seguir:

Táxis diferentes possuem informações diferentes, então você precisa prestar atenção para distingui-los. Se você escrever corretamente, o exe pode ser instalado. Se for escrito incorretamente, o controle pode não ser carregado.

Após modificar as informações de controle, você pode atualizar a página de amostra no navegador para ver o efeito.

apegado

Não há muitas oportunidades de entrar em contato com o VUE e aprendi pouco. Vou simplesmente registrar o método de execução do projeto VUE e registrar as coisas usadas.

O controle de documentos SoftHang usado no exemplo é na verdade um software de edição online para arquivos de escritório. Através deste software, você pode visualizar e editar diretamente arquivos relacionados de word, excel, ppt e wps no navegador, eliminando a necessidade de editá-los separadamente. É uma operação relativamente complicada baixar o arquivo localmente, modificá-lo e carregá-lo de volta ao servidor por meio da função de upload no sistema de negócios.

Ok, por hoje é isso. O VUE precisa de mais pesquisas no futuro. Deixe-me primeiro dar uma olhada neste exemplo de controle de documentos do Softhang.