在我們項目中都是一些交互比較復雜的電商項目,對於電商項目而言,必然會有購物車,這類項目因為涉及到money,所以對邏輯嚴謹度要求高。因為這類的項目好多都沒人用vue來寫,那么我就寫一個這樣的項目,希望對看到想學或者正在寫此類項目的人有所幫助。
思來想去也不知道該寫一個什么電商的項目,我這個人吧,比較愛吃,但我不胖啊,我覺得美食的平台比較不錯,很合我的胃口,那么我覺得美團就是個不錯的素材,一來它足夠復雜,開放的外賣平台比一般的公司獨有商店更加復雜。二來我喜歡美食。三來見到那么多美食,大家也不會感覺到厭煩。
<<<<<<< HEAD
該項目大大小小80多個頁面,涉及注冊、登錄、商品展示、購物車、下單等等,是一個完整的流程。
=======
ui 庫
因為利用業余時間寫,一直沒有時間寫,我先把框架打起來,有時間就一點點的加功能。
注:此項目純屬個人瞎搞,正常下單請選擇美團官方客戶端。
技術棧
vue2 + vue-cli + vuex + vue-router + vue-resource/axios + webpack + ES6/7 + fetch + sass + flex + svg + git
說明
如果對您有幫助,您可以點右上角 "Star" 支持一下 謝謝!
如果有想要從基礎學習vue的朋友,這個demo可以讓你了解更好的學習vue,非常適合入門練習。地址在這里那
目標功能介紹
- 定位功能 -- 未完成
- 選擇城市 -- 未完成
- 搜索地址 -- 未完成
- 展示所選地址附近商家列表 -- 未完成
- 搜索美食,餐館 -- 未完成
- 根據距離、銷量、評分、特色菜、配送方式等進行排序和篩選 -- 未完成
- 二維碼 -- 未完成
- 焦點圖 -- 未完成
- 所有分類 -- 未完成
- 餐館食品列表頁 -- 未完成
- 單個食品詳情頁面 -- 未完成
- 購物車功能 -- 未完成
- 商家店鋪列表 -- 未完成
- 商家詳情頁 -- 未完成
- 登錄、注冊 -- 未完成
- 修改密碼 -- 未完成
- 發送短信 -- 未完成
- 下單功能 -- 未完成
- 訂單列表 -- 未完成
- 訂單詳情 -- 未完成
- 代付款 -- 未完成
- 待使用 -- 未完成
- 待評價 -- 未完成
- 我的收藏 -- 未完成
- 最近瀏覽 -- 未完成
- 我的頁面 -- 未完成
- 添加、刪除、修改收貨地址 -- 未完成
- 設置 -- 未完成
- 換膚 -- 未完成
- 消息 -- 未完成
- 個人信息 -- 未完成
- 上傳頭像 -- 未完成
- 收藏 -- 未完成
- 評價 -- 未完成
- 清單 -- 未完成
- 我的錢包 -- 未完成
- 余額 -- 未完成
- 抵用券 -- 未完成
- 卡包 -- 未完成
- 好友去哪 -- 未完成
- 會員中心 -- 未完成
- 手機充值 -- 未完成
- 發票助手 -- 未完成
- 客服中心 -- 未完成
- 我要合作 -- 未完成
- 下載App -- 未完成
部分截圖
商鋪列表頁
商鋪篩選頁
餐飲列表
項目布局
├── build // webpack配置文件
├── config // 項目打包路徑
├── elm // 上線項目文件,放在服務器即可正常訪問
├── screenshots // 項目截圖
├── src // 源碼目錄
| ├── components // 組件
| ├── config // 基本配置
| ├── router
│ └── router.js
| ├── store // vuex的狀態管理// 路由配置
| └──
│ ├── App.vue // 頁面入口文件
│ ├── main.js // 程序入口文件,加載各種公共組件
├── favicon.ico // 圖標
├── index.html // 入口html文件
ui 框架的整合
museui
npm install less less-loader -save-dev