vue mpvue ChatRobot

Lagerroboter

Front-End (mobiles Terminal und Applet)/Back-End (nodejs)

Frontend: Vue + Mpvue (unterstützt mobile Endgeräte und Applets); Backend: koa (verwendet Koa2 zur Entwicklung des Servers)

Vue ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene, die nicht nur einfach zu starten ist, sondern auch leicht in Bibliotheken von Drittanbietern oder bestehende Projekte integriert werden kann. Andererseits ist Vue in Kombination mit einer modernen Toolkette und verschiedenen unterstützenden Bibliotheken durchaus in der Lage, Treiber für komplexe Single-Page-Anwendungen bereitzustellen.

mpvue ist ein Front-End-Framework zur Entwicklung kleiner Programme mit Vue.js Das Framework basiert auf dem Kern von Vue.js mpvue modifiziert die Laufzeit- und Compiler-Implementierungen von Vue.js sodass es in einer Miniprogrammumgebung ausgeführt werden kann, und führt so eine vollständige Vue.js -Entwicklungserfahrung für die Miniprogrammentwicklung ein.

koa wurde vom ursprünglichen Express-Team entwickelt und hat sich zum Ziel gesetzt, ein kleineres, ausdrucksstärkeres und robusteres Web-Framework zu werden. Durch die Verwendung von Koa zum Schreiben von Webanwendungen können Sie durch die Kombination verschiedener Generatoren wiederholte und umständliche Verschachtelungen von Rückruffunktionen vermeiden und die Effizienz der Fehlerbehandlung erheblich verbessern. koa bindet keine Middleware in die Kernel-Methode ein, sondern bietet lediglich eine leichte und elegante Funktionsbibliothek, die das Schreiben von Webanwendungen erleichtert.

Einführung

Ein Chatbot, der Knotendienste nutzt, um sowohl mobile Endgeräte als auch Miniprogramme zu unterstützen

Build-Setup

 # install dependencies
npm install

# build mini program
npm start

# build H5 pages
npm run startH5

# build pages for production with minification for mini program
npm run build

# build pages for production with minification for H5 program
npm run buildH5

# build node resource for server
gulp build

Trennung von Front- und Back-End

 # start mini progrom
npm run dev

# start H5 pages
npm run devH5

# start server
npm run server

(Der Servercode befindet sich nur im server und kann nach Ihren eigenen Bedürfnissen aufgeteilt werden.)

wichtig! ! !

• Bitte geben Sie appid Ihres eigenen WeChat-Entwicklungskontos in die Datei project.config.json ein, appid ;
• echarts-for-weixin unterstützt die WeChat-Version >= 6.6.3, entsprechend der Basisbibliotheksversion >= 1.9.91.

Merkmal

• Erstellen Sie mobile Anwendungen mit Vue.js
• Erstellen Sie Miniprogrammanwendungen mit wiederverwendetem mpvue Code
• Erstellen Sie den Server mit Koa
• Verwenden Sie die Datenverwaltungslösung Vuex, um auf einfache Weise komplexe Anwendungen zu erstellen
• Verwenden Sie den Webpack-Build-Mechanismus: benutzerdefinierte Build-Strategie, HotReload während der Entwicklungsphase
• Unterstützung bei der Verwendung externer npm-Abhängigkeiten
• Verwenden Sie die API für das semantische Verständnis natürlicher Sprache mit offener Plattform für künstliche Intelligenz von OLAMI

Plug-in

• gulp ist ein Toolkit zur Automatisierung schmerzhafter oder zeitaufwändiger Aufgaben in Ihrem Entwicklungsworkflow, sodass Sie nicht mehr herumalbern und etwas erstellen können.

• Echarts ist eine mit JavaScript implementierte Open-Source-Visualisierungsbibliothek. Sie kann problemlos auf PCs und Mobilgeräten ausgeführt werden. Sie ist mit den meisten aktuellen Browsern (IE8/9/10/11, Chrome, Firefox, Safari usw.) kompatibel setzt auf Leichtgewicht Die Vektorgrafikbibliothek ZRender bietet intuitive, interaktive und hochgradig anpassbare Datenvisualisierungsdiagramme.

• Day.js ist eine leichtgewichtige JavaScript-Bibliothek für die Verarbeitung von Uhrzeiten und Daten, die das gleiche API-Design wie Moment.js beibehält. Wenn Sie Moment.js jemals verwendet haben, wissen Sie bereits, wie man Day.js verwendet

Screenshot

Mobiles Terminal und Miniprogramm

Beitrag

RuShi

Lizenz

MIT