Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 11595|Odpoveď: 1

[Vue] príklad vue chatu|Napodobniť rozhranie WeChat chat IM

[Kopírovať odkaz]
Zverejnené 20. 7. 2019 11:18:25 | | | |
Tento príspevok naposledy upravil xiaoyan2015 20.7.2019 o 11:19

Úvod do projektu
Na základe Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop a ďalších technických architektúr, je vueChatRoom chatovacia miestnosť s podobným WeChat rozhraním, ktorá umožňuje obnovovanie rozbalovacích stránok WeChat chatu, odosielanie správ, emotikonov (GIFov), obrázkov, náhľadov videí, tipov, červených obálok a ďalších funkcií.

Technický výber
  • MVVM framework :Vue.js 2.0
  • Štátna správa: Vuex
  • Smerovanie stránok: Vue-router
  • Vyskakovací plug-in: wcPop
  • Nástroj na balenie: webpack 2.0
  • Konfigurácia prostredia :node.js + cnpm
  • Plugin pre obrázky: vue-photo-preview



package.json závislá konfigurácia inštalácie:
Šablóna komponentu App Portal:






















Hlavná stránka main.js konfigurácia a externé komponenty predstavené:
Blokovanie trás Vue, prihlásenie, blokovanie registrácie a overovanie:





Predchádzajúci:Ako konvertovať typ prihlásenej stránky pomocou pdfkit v pythone?
Budúci:"24 najúžasnejších lekcií sveta" (USA) Charles Harnell
Zverejnené 16. 8. 2019 11:26:09 |
Môžete poskytnúť zdrojový kód na učenie?
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com