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

前言

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

技術棧

• 后端(接口)

  SpringBoot 2.2.6、SpringCloud H3、Mybatis-Plus、Redis、RabbitMQ、Oauth2、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