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
本帖已被设为精华帖!
本帖由系统于 5年前 自动加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 11

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

6年前 评论

@linzi007 希望能帮到你什么

6年前 评论
gitxuzan

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

6年前 评论

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

6年前 评论

降龙十八赞~~

6年前 评论

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

6年前 评论

请问如何在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
6年前 评论

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

6年前 评论

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

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!