vue2.0 SellPosSystem

Récemment, lorsque j'étudiais Vue, j'ai vu beaucoup de matériel d'apprentissage sur Internet, j'ai donc trouvé un système de projet pour m'entraîner. Je voulais principalement utiliser la combinaison du système pour apprendre certains points de connaissances. Je l'ai également pratiqué en ligne sur la base du contenu du blog du gros professeur technique . J'ai une compréhension plus approfondie du framework Vue et l'amélioration de mes propres capacités.

Bienvenue pour télécharger et utiliser ou développer secondaire.

(1) Analyse du projet

Ce projet consiste principalement à mettre en œuvre des fonctions telles que la commande en ligne par l'utilisateur et l'ajout, la suppression, la modification et la vérification d'éléments sur la liste de commande, puis à utiliser l'outil mockplus pour dessiner un croquis, principalement pour faciliter le développement ;

(2) Technologies utilisées

1. Environnement de développement construit à l'aide de vue-cli2.x ;

2. Utilisez vue-router pour la conversion d'itinéraire ;

3. Utilisez element-ui pour embellir l'interface ;

4. Utilisez axios pour créer des données d'interface de requête inter-domaines ;

5. Utilisez la gestion des icônes en ligne icofont ;

6. Utiliser la gestion des emballages Webpack ;

7. Utilisez la syntaxe vue2.0 et la syntaxe es6 ;

(3) Résultats du système

(4) Utilisation du système

1. Le prérequis est d'avoir un environnement node.js, npm et vue-cli (il est préférable d'avoir Git, ce qui sera beaucoup plus pratique) ;

2. Téléchargez le projet (le clone git est le meilleur) ;

3. Ouvrez le terminal, passez au nom du projet et exécutez la ligne de commande suivante :

 # install dependencies 安装开发环境的依赖，因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

Références

Vue vidéo pratique d'un système de caisse de restaurant de restauration rapide professeur de graisse technique