Κοινή χρήση τεχνολογίας

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

Πίνακας περιεχομένων

Παράδειγμα εκτέλεσης

Βήμα 1. npm εγκατάσταση

Βήμα 2. npm εκτέλεση dev

Αντικατάσταση ελέγχου εγγράφων Softhang

επισυνάπτεται

---

Οι αρχάριοι του Vue θα καταγράψουν τη μέθοδο εκτέλεσης του παραδείγματος VUE ελέγχου εγγράφου Softhang και τη διαδικασία αντικατάστασης των στοιχείων ελέγχου στο παράδειγμα.

Παράδειγμα εκτέλεσης

Σε έναν υπολογιστή που έχει ήδη εγκαταστήσει το περιβάλλον VUE, μπορείτε να ανατρέξετε σε άλλο άρθρο για την ανάπτυξη περιβάλλοντος VUE:Λύση για την αναφορά σφαλμάτων npm κατά τη διαμόρφωση του περιβάλλοντος VUE και του περιβάλλοντος VUE δημιουργίας process_vue αναφοράς σφαλμάτων διαμόρφωσης περιβάλλοντος - Ιστολόγιο CSDN

Βήμα 1. npm εγκατάσταση

Το npm (πλήρες όνομα Node Package Manager) είναι το επίσημο σύστημα διαχείρισης πακέτων του Node.js, το οποίο παρέχει τις λειτουργίες δημοσίευσης, ανακάλυψης και εγκατάστασης λειτουργικών μονάδων Node.js.

npm εγκατάσταση

Όταν εκτελείται η εγκατάσταση npm στον κατάλογο του έργου που περιέχει το αρχείο package.json, το npm θα διαβάσει το αρχείο και θα το κατεβάσει και θα το εγκαταστήσει αυτόματα στο τρέχον έργο με βάση τις λειτουργικές μονάδες και τις απαιτήσεις έκδοσής τους που αναφέρονται στα πεδία "εξαρτήσεις" και "devDependencies". στον τοπικό κατάλογο node_modules.

Μεταβείτε στον κατάλογο του παραδείγματος, ανοίξτε το παράθυρο της γραμμής εντολών cmd και εκτελέστε το npm install:

npm install Μπορεί επίσης να βοηθήσει τους προγραμματιστές να επιλύσουν διενέξεις που προκαλούνται από αλλαγές στην έκδοση εξάρτησης.Όταν κυκλοφορήσει μια νέα έκδοση μιας λειτουργικής μονάδας στο δέντρο εξαρτήσεων, εκτελέστε ξανά npm install, το npm θα αναλύσει και θα εγκαταστήσει την πιο πρόσφατη συμβατή έκδοση με βάση τους κανόνες περιορισμού έκδοσης για να διατηρήσει τη συνέπεια των εξαρτήσεων του έργου.

Ταυτόχρονα, κατά την εκτέλεση της εγκατάστασης npm, δημιουργείται ένα αρχείο κλειδώματος (όπως το package-lock.json ή το npm-shrinkwrap.json), το οποίο χρησιμοποιείται για να κλειδώσει την ακριβή έκδοση κάθε εξάρτησης που χρησιμοποιείται ειδικά από το έργο. Με αυτόν τον τρόπο, μπορεί να διασφαλιστεί ένα απολύτως συνεπές δέντρο εξάρτησης σε διαφορετικά περιβάλλοντα ανάπτυξης ή πολλαπλές εγκαταστάσεις, βελτιώνοντας έτσι την αναπαραγωγιμότητα και τη σταθερότητα του έργου.

Βήμα 2. npm εκτέλεση 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/components, οι πληροφορίες του στοιχείου ελέγχου εγγράφου Softhang ορίζονται μέσω της ετικέτας αντικειμένου, όπως id, classid, ύψος και πλάτος, επίσημες πληροφορίες εξουσιοδότησης προϊόντος κ.λπ.:

Το τμήμα της βάσης κωδικών του παραδείγματος έχει σχολιαστεί, είπε ο Softhang: Δεδομένης της πιθανότητας να αποτύχει να φορτώσει απροσδόκητα ο έλεγχος αυτόματης φόρτωσης του προγράμματος περιήγησης, παρέχονται πλέον πακέτα εγκατάστασης exe για εγκατάσταση και δεν υπάρχει ανάγκη για αυτό στον κώδικα. Απλώς γράψτε σωστά τις ταξινομημένες πληροφορίες στον κώδικα. Οι ταξινομημένες πληροφορίες προέρχονται από τα περιεχόμενα του αρχείου inf στη συσκευασία καμπίνας του προϊόντος, όπως φαίνεται στην παρακάτω εικόνα:

Διαφορετικές καμπίνες έχουν διαφορετικές πληροφορίες, επομένως πρέπει να δώσετε προσοχή για να τις διακρίνετε. Εάν το γράψετε σωστά, το exe μπορεί να εγκατασταθεί εάν δεν είναι γραμμένο σωστά, το στοιχείο ελέγχου ενδέχεται να μην φορτωθεί.

Αφού τροποποιήσετε τις πληροφορίες ελέγχου, μπορείτε να ανανεώσετε τη σελίδα δείγματος στο πρόγραμμα περιήγησης για να δείτε το εφέ.

επισυνάπτεται

Δεν υπάρχουν πολλές ευκαιρίες να έρθω σε επαφή με το VUE και έχω μάθει λίγα, απλά θα καταγράψω τη μέθοδο εκτέλεσης του έργου VUE και θα καταγράψω τα πράγματα που χρησιμοποιούνται.

Το στοιχείο ελέγχου εγγράφων SoftHang που χρησιμοποιείται στο παράδειγμα είναι στην πραγματικότητα ένα διαδικτυακό λογισμικό επεξεργασίας για αρχεία γραφείου Μέσω αυτού του λογισμικού, μπορείτε να προβάλετε και να επεξεργαστείτε τα σχετικά αρχεία word, excel, ppt και wps στο πρόγραμμα περιήγησης, εξαλείφοντας την ανάγκη να τα επεξεργαστείτε ξεχωριστά. Είναι μια σχετικά επαχθής λειτουργία να κάνετε λήψη του αρχείου τοπικά, στη συνέχεια να τροποποιήσετε το αρχείο και στη συνέχεια να το ανεβάσετε ξανά στον διακομιστή μέσω της λειτουργίας μεταφόρτωσης στο επιχειρηματικό σύστημα.

Εντάξει, αυτό είναι για σήμερα το VUE χρειάζεται περισσότερη έρευνα στο μέλλον. Επιτρέψτε μου πρώτα να ρίξω μια ματιά σε αυτό το παράδειγμα ελέγχου εγγράφων Softhang