Laravel 5.4 + Vue2.0 + Element UI 构建商品折扣小程序

See more https://github.com/bravist/ecshop_discount

Feature

  • Laravel 5.4.*
    • laravel/passport 实现OAuth2.0 私人秘钥授权
    • Laravel Mix 实现前端资源构建
    • fzaninotto/faker 完成测试数据自动填充
  • Vue 2
    • vue-select 实现异步筛选商品
    • element-ui 饿了么前端团队开放的Vue UI 框架
  • Yarn 安装并管理前端资源依赖

项目运行流程

1.克隆远程仓库地址


$ git clone https://github.com/bravist/ecshop_discount.git

2.进入项目目录,安装项目依赖


$ cd ecshop_discount

$ composer install -vvv

$ yarn install

$ npm run prod

3.创建.env文件并修改数据库连接创建数据库结构


$ cp .env.example .env

$ php artisan key:generate

$ php artisan migrate

4.自动随机生成50条商品数据


$ php artisan db:seed

4.1.开发过程中可以使用这样的方式再次生成数据


$ php artisan migrate:refresh

$ php artisan db:seed

5.生成OAuth2.0私人访问令牌


$ php artisan passport:install
  1. 运行你的项目,在Valet环境下,快速访问http://ecshop_discount.dev
本帖已被设为精华帖!
本帖由系统于 1年前 自动加精
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 11

已star

1年前

认真学习了石墨上的需求与技术文档:+1:

1年前

@linzi007 希望能帮到你什么

1年前

在homestead环境下可以运行吗?回去试一下,最近对vue比较感兴趣

1年前

@GitHacking 可以的呢,完全可以运行

1年前

降龙十八赞~~

1年前

业务分析的过程很值得学习:thumbsup:

1年前

请问如何在laravel 5.4里引入elementUI

我 yarn 安装了element-ui,css-loader, style-loader, file-loader, 在 resources/assets/js/app.js 里

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
...
Vue.component('example', require('./components/Example.vue'))  // 无ElementUI 
Vue.component('input-number', require('./components/InputNumber.vue'))  // 含 ElementUI tag

可以正常显示 无法正常显示,在html文件里只有一个空的tag

1年前

@djwddtc5566 报了什么错误吗?

1年前

@braveTM 没报错,input-number组件在页面上就只有一个空 tag
我安装 element 的方式对么? 还需要修改其他文件吗?

1年前

@djwddtc5566 配置正确,按照elementUI 的语法编写程序,最后在编译与构建。 你可以参考一下github的项目源码对比试试哈

1年前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!