Condivisione della tecnologia

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

Sommario

Esecuzione di esempio

Passaggio 1. Installazione di npm

Passaggio 2. npm eseguire dev

Sostituzione del controllo documenti Softhang

allegato

---

I principianti di Vue registreranno il metodo di esecuzione dell'esempio VUE di controllo del documento Softhang e il processo di sostituzione dei controlli nell'esempio.

Esecuzione di esempio

Su un computer che ha già installato l'ambiente VUE, puoi fare riferimento a un altro articolo per la distribuzione dell'ambiente VUE:Soluzione per la segnalazione degli errori npm durante la configurazione dell'ambiente VUE e la creazione dell'ambiente VUE process_vue configurazione della segnalazione degli errori dell'ambiente - Blog CSDN

Passaggio 1. Installazione di npm

npm (nome completo Node Package Manager) è il sistema ufficiale di gestione dei pacchetti di Node.js, che fornisce le funzioni di pubblicazione, rilevamento e installazione dei moduli Node.js.

installazione npm

Quando si esegue npm install nella directory del progetto contenente il file package.json, npm leggerà il file, lo scaricherà e lo installerà automaticamente nel progetto corrente in base ai moduli e ai relativi requisiti di versione elencati nei campi "dipendenze" e "devDependencies". nella directory locale node_modules.

Passa alla directory di esempio, apri la finestra della riga di comando cmd ed esegui npm install:

npm install Può anche aiutare gli sviluppatori a risolvere i conflitti causati dalle modifiche alla versione delle dipendenze.Quando viene rilasciata una nuova versione di un modulo nell'albero delle dipendenze, rieseguire npm install, npm analizzerà e installerà l'ultima versione compatibile in base alle regole di vincolo di versione per mantenere la coerenza delle dipendenze del progetto.

Allo stesso tempo, durante l'esecuzione di npm install, viene generato un file di lock (come package-lock.json o npm-shrinkwrap.json), che viene utilizzato per bloccare la versione esatta di ciascuna dipendenza specificatamente utilizzata dal progetto. In questo modo è possibile garantire un albero delle dipendenze completamente coerente in diversi ambienti di sviluppo o installazioni multiple, migliorando così la riproducibilità e la stabilità del progetto.

Passaggio 2. npm eseguire dev

Dopo aver installato le dipendenze del progetto, puoi provare a eseguire il progetto VUE eseguendo npm run dev nella directory root dell'esempio corrente della finestra della riga di comando per avviare l'esempio.

npm run dev si riferisce all'esecuzione dell'ambiente di sviluppo in un progetto node.js. Ciò che viene effettivamente eseguito è il comando "dev" definito nella sezione "script" del file package.json:

Come accennato in precedenza, quando npm run dev viene effettivamente eseguito, viene eseguito vue-cli-service serve.

In circostanze normali, il comando "dev" avvierà un server locale e monitorerà le modifiche ai file. Quando vengono apportate modifiche ai file, la pagina verrà aggiornata automaticamente per facilitare il lavoro di debug e sviluppo degli sviluppatori. Durante il processo di sviluppo, esegui semplicemente npm run dev per eseguire il progetto, quindi il progetto si aggiornerà automaticamente. Se il file viene modificato durante il processo, aggiornalo semplicemente nel browser.

Sostituzione del controllo documenti Softhang

SoftHang Document Control fornisce un periodo di prova della versione demo di circa sei mesi. Quando scade o lo acquisti da SoftHang e ottieni il prodotto ufficiale, devi sostituire le informazioni di base del controllo nel progetto.

Ecco un diagramma logico per la sostituzione del controllo ottenuto dal funzionario Softhang:

Dal diagramma di flusso, lo scopo principale è sostituire le informazioni di base come cabina prodotto e classid.

Nell'esempio di VUE, il processo di sostituzione è simile Innanzitutto trova la posizione del codice che fa riferimento al controllo Soft Navigation nel progetto:

Prendiamo come esempio l'esempio VUE3.0 che ho ottenuto:

Nel file officecontrol:editindexcom.vue nella directory src/components, le informazioni del controllo documenti Softhang sono definite tramite il tag oggetto, come id, classid, altezza e larghezza, informazioni sull'autorizzazione ufficiale del prodotto, ecc.:

La parte codebase dell'esempio è stata annotata. Softhang ha detto: In considerazione della possibilità che il controllo di caricamento automatico del browser possa non riuscire a caricarsi inaspettatamente, i pacchetti di installazione exe sono ora forniti per l'installazione e non ce n'è bisogno nel codice. Basta scrivere correttamente le informazioni sul classid nel codice. Le informazioni sul classid provengono dal contenuto del file inf nel pacchetto cab del prodotto, come mostrato nella figura seguente:

Taxi diversi hanno informazioni diverse, quindi è necessario prestare attenzione a distinguerli. Se lo si scrive correttamente, l'exe può essere installato. Se lo si scrive in modo errato, il controllo potrebbe non essere caricato.

Dopo aver modificato le informazioni di controllo, è possibile aggiornare la pagina di esempio nel browser per vedere l'effetto.

allegato

Non ci sono molte opportunità per entrare in contatto con VUE e ho imparato poco. Mi limiterò a registrare il metodo di gestione del progetto VUE e a registrare le cose utilizzate.

Il controllo documenti SoftHang utilizzato nell'esempio è in realtà un software di modifica online per file di ufficio. Attraverso questo software, è possibile visualizzare e modificare direttamente i file correlati di word, excel, ppt e wps nel browser, eliminando la necessità di modificarli separatamente. È un'operazione relativamente complessa scaricare il file localmente, quindi modificarlo e quindi caricarlo nuovamente sul server tramite la funzione di caricamento nel sistema aziendale.

Ok, per oggi è tutto. VUE necessita di ulteriori ricerche in futuro. Vorrei prima dare un'occhiata a questo esempio di controllo dei documenti di Softhang~~