iMall

iMall

Centre commercial WeChat basé sur Laravel5.2, Vue.js1.0

Si vous l'aimez, donnez-lui une étoile, merci !

Étant donné que le compte de test de l'interface compte un maximum de 100 abonnés, certaines réponses peuvent ne pas être transmises à l'interface après avoir suivi, telles que :

1. WeChat ne peut pas transmettre correctement l'événement « s'abonner » au serveur ;
2. Après que les fans ont scanné le code QR pour suivre, le statut envoyé au serveur par WeChat est toujours « désabonnement » ;
3. Lorsque les fans répondent dans le compte public, WeChat ne transmettra pas le message au serveur ;
4. Les comptes officiels ne peuvent pas envoyer de réponses correspondantes aux fans, telles que des réponses automatiques, des messages de bienvenue, etc.

J'effacerai régulièrement mes abonnés pour un accès plus facile.

Back-end iMall

Frontend iMall

Blog Laravel Vue

Compte public de test de l'interface WeChat

Centre commercial WeChat

CMS back-end

Vous pouvez directement créer un compte pour parcourir

Il n'est pas nécessaire de configurer les informations du compte public, cette fonction sera supprimée et remplacée par un fichier de configuration

Les fonctions iMall sont en cours de développement, veuillez ne supprimer aucune donnée en arrière-plan.

Étant donné que le menu du compte officiel est toujours modifié, j'ai commenté le routage du menu du compte officiel et l'entrée des paramètres du menu du compte officiel dans la vue, qui peuvent être ouvertes dans routes.php et app.blade.php.

Descriptif du projet

1. Le backend (API) est basé sur : "laravel/framework": "5.2.*"
2. Le front-end (centre commercial) est basé sur : "vue": "^1.0.26"
3. L'interface utilisateur du centre commercial est basée sur : "mint-ui": "^1.0.2"
4. Backend (CMS) basé sur : "Modèle d'administration Inspinia"
5. Le SDK WeChat utilise : "overtrue/laravel-wechat": "~3.0"

Conseils importants

1. Ce projet est uniquement destiné à l'apprentissage de l'API Laravel&Vue&Wechat
2. Le paiement WeChat n'est pas connecté (le numéro d'interface de test ne peut pas appeler l'API de paiement WeChat)
3. La livraison du module de commande CMS et d'autres fonctions n'ont pas encore été développées

Exigences environnementales

1. PHP≥5,59
2. compositeur:1.2.1
3. nœud : v6.2.0
4. npm:3.8.9

Extension PHP

1. ouvert_ssl
2. informations sur le fichier

TOUS

1. Connectez-vous avec le paiement WeChat
2. Module de gestion des commandes CMS
3. Interface utilisateur CMS remplacée par Inspinia

Compositeur, configuration NPM

 #启动composer中国镜像服务
composer config -g repo.packagist composer https://packagist.phpcomposer.com
#启动npm淘宝源
npm i -g nrm
nrm ls          #查看所有npm 源
nrm use taobao  # use 你想要的那一个

Étapes d'installation

Installer le package Composer

git clone https://github.com/PassionZale/iMall.git
cd iMall/
git update-index --assume-unchanged config/wechat.php
cp .env.example .env
#在.env中配置好数据库连接,并且在wechat.php配置你的公众号信息，继续执行以下步骤
composer install
php artisan key:generate
php artisan migrate

Installer le package NPM

 cd iMall/
npm install
#此时会依赖.npmrc进行安装node-sass等所有package，若要修改为其他源请修改该文件
#编译sass
gulp admin-sass
gulp mall-sass
gulp global-sass
npm run build

Développement de composants

Pendant la phase de développement, nous devons compiler *.vue, *.sass et d'autres fichiers en temps réel. Si nous voulons que npm exécute plusieurs processus, nous pouvons utiliser l'outil simultanément.

npm install -g concurrently
concurrently " npm run taskA " " npm run taskB "

Prenons ce projet comme exemple :

concurrently " webpack --watch " " gulp watchsass "

La vie n'est pas une course de relais, c'est un marathon. Le travail acharné sera récompensé.

Allez, la jeunesse n'a pas d'échec