Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Exemplu vue chat|Imitați interfața de chat WeChat IM
Vedere: 11595|Răspunde: 1

[Vue] Exemplu vue chat|Imitați interfața de chat WeChat IM

[Copiază linkul]
Postat pe 20.07.2019 11:18:25 | | | |
Această postare a fost editată ultima dată de xiaoyan2015 la 2019-7-2019 11:19

Introducere în proiect
Bazat pe Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop și alte arhitecturi tehnice, vueChatRoom este o cameră de chat cu o interfață WeChat similară, care permite reîmprospătarea derulantă a conversației WeChat, trimiterea de mesaje, emoticoane (GIF-uri), poze, previzualizări video, sfaturi, plicuri roșii și alte funcții.

Selecție tehnică
  • Cadrul MVVM :Vue.js 2.0
  • Conducerea statului: Vuex
  • Rutarea paginilor: Vue-router
  • Plug-in pop-up: wcPop
  • Instrument de ambalare: webpack 2.0
  • Configurația mediului :node.js + cnpm
  • Plugin de imagine: vue-photo-preview



package.json configurație de instalare dependentă:
Șablon pentru componenta portalului de aplicații:






















Pagina principală main.js configurare și componente externe introduse:
Blocarea rutelor Vue, autentificare, blocare și verificare a înregistrărilor:





Precedent:Cum pot converti tipul de pagină autentifică cu pdfkit în python?
Următor:"Cele 24 de lecții cele mai uimitoare din lume" (SUA) Charles Harnell
Postat pe 16.08.2019 11:26:09 |
Poți furniza codul sursă pentru a învăța?
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com