vant實戰 | 第一篇：有來商城移動端APP項目介紹

前言

有來小店是一套開源B2C微商城系統，採用當前市面主流的微服務以及先後端分離的思想，不想而知，對應的技術實現分別就是SpringCloud和Vue(面試熱詞：分佈式、Vue)。建立這個項目的目的旨在惡補欠下的技術債吧，相信不少人也會有同樣的想法，認爲有這個想法你已經比不少人優秀了，但想法若是不實行遲早還僅僅是一個想法。寫這個系列的文章目的一是推廣這個項目。二是代表這個項目會一直維護下去的決心，並且這個項目的技術棧緊隨當前市場技術的變化而升級迭代。三是但願有決心變得更好的你加入進來，截止到2020年5月項目基本有個雛形，且僅有2人負責系統框架和功能代碼開發，後續還有不少去作(等待整理...)

技術棧

• 後端(接口)

  SpringBoot 2.2.六、SpringCloud H三、Mybatis-Plus、Redis、RabbitMQ、Oauth二、RESTful、Swagger、Docker

• 後端（管理界面）

  Element-UI（餓了嗎）、Vue、Vuex、Vue Router

• 移動端

  Vant（有贊）、Vue、Vuex、Vue Router

• 微信端

  mpvue（美團）、Vue、Vuex、Vue Router

目錄

有來小店01：項目介紹

項目演示

後臺

1. 接口

嚴格遵照RESTful接口規範

2. 界面

移動端

1. 線上版本

首頁

商品分類

商品詳情

訂單提交

訂單支付

我的中心

2. mock版本

首頁

商品分類

微信小程序

TODO

代碼演示

結語

以上就「有來小店」這個項目作了一個大概的演示，包括接口、後臺管理界面、APP界面等。相信你應該明白這個項目的流程，但你應該經過這個簡陋的界面也知道這個項目還有不少事未作。近期我會整理一個todo list，但願想改變本身的你加入進來，靜靜等待你的聯繫（QQ:1490493387）。下一篇我會寫如何在本地啓動和如何開發接口和APP。在文章結尾我會貼出項目的線上地址和源碼地址，但願你可以給一個star支持下，很重要由於這是我可以繼續下去的動力。

附錄

• APP線上地址： http://www.youlai.store
• 後臺管理地址： http://www.youlai.store:1000
• APP源碼地址： https://github.com/haoxianrui/yshop-app.git
• 後臺管理源碼地址： https://github.com/haoxianrui/yshop.git