iMall

iMall

WeChat mall based on Laravel5.2, Vue.js1.0

If you like it, give it a star, thank you!

Since the interface test account has a maximum of 100 followers, some replies may not be pushed to the interface after following, such as:

1. WeChat cannot correctly push the "subscribe" event to the server;
2. After fans scan the QR code to follow, the status sent to the server by WeChat is still "unsubscribe";
3. When fans reply in the public account, WeChat will not push the message to the server;
4. Official accounts cannot make corresponding replies to fans, such as automatic replies, welcome messages, etc.

I will clear my followers regularly for easier access.

iMall Backend

iMall Frontend

Laravel Vue Blog

WeChat interface test public account

WeChat Mall

Backend CMS

You can directly register an account to browse

There is no need to configure public account information, this function will be removed and replaced with a configuration file

iMall functions are under development, please do not delete any data in the background.

Since the official account menu is always changed, I commented out the official account menu routing and the official account menu setting entrance in the view, which can be opened in routes.php and app.blade.php.

Project description

1. The backend (API) is based on: "laravel/framework": "5.2.*"
2. The front-end (mall) is based on: "vue": "^1.0.26"
3. The mall UI is based on: "mint-ui": "^1.0.2"
4. Backend (CMS) based on: "Inspinia Admin Template"
5. WeChat SDK uses: "overtrue/laravel-wechat": "~3.0"

Important tips

1. This project is only for learning Laravel&Vue&Wechat API
2. WeChat payment is not connected (the test interface number cannot call up the WeChat payment API)
3. CMS order module delivery and other functions have not yet been developed

Environmental requirements

1. PHP≥5.59
2. composer:1.2.1
3. node:v6.2.0
4. npm:3.8.9

PHP extension

1. open_ssl
2. fileinfo

TODOS

1. Connect with WeChat payment
2. CMS order management module
3. CMS UI replaced by Inspinia

Composer, NPM configuration

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

Installation steps

Install Composer Package

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

Install NPM Package

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

Component development

During the development phase, we need to compile *.vue, *.sass and other files in real time. If we want npm to execute multiple processes, we can use the tool concurrently.

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

Take this project as an example:

concurrently " webpack --watch " " gulp watchsass "

Life is not a relay race, it is a marathon. Hard work will be rewarded

Come on, youth has no failure