vue project

#Finanz-Backend-Managementsystem basierend auf Vue-Cli ( vue2 + vuex + axios + vue-router + element-ui + echarts + websocket + vue-i18n )

---

In diesem Projekt können Sie lernen:

 1、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar

Installieren

Projektadresse:

( git clone )

git clone https://github.com/hzlshen/vue-project.git

Installieren Sie Abhängigkeitsmodule für lokale Dienste von Drittanbietern über npm (erfordert die Installation von Node.js).

 npm install

Starten Sie den Dienst (http://localhost:8080)

 npm run dev

Freigabecode

 npm run build

entwickeln

Verzeichnisstruktur

 .
├── README.md           
├── build // Build-Service und Webpack-Konfiguration ├── config // Konfiguration verschiedener Projektumgebungen ├── dist // Projekt-Build-Verzeichnis ├── index.html // Projekteintragsdatei ├── package.json // Projektkonfigurationsdatei ├── src // Produktionsverzeichnis │ ├── Assets // CSS, JS und Bildressourcen │ ├── axios // Ajax-URL Platzieren Sie │ ├── Komponenten // Verschiedene Komponenten │ ├── Bilder // Bildordner │ ├── i18n // Internationaler Ordner │ ├── Seite // Verschiedene Seiten │ ├── Router // Seitenrouting │ ├── store // vuex state manager │ ├── style // style file │ └── main.js // Vorkompilierter Webpack-Eintrag

###Projekt-Screenshots