簡單的demo


在我們項目中都是一些交互比較復雜的電商項目,對於電商項目而言,必然會有購物車,這類項目因為涉及到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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM