開源一個價值超過 100K 的電商前端

標籤：

前言

這個項目本來是給一位客戶開發的，由於某些原因，中止合作了，故現在開源出來，供大家參考。如果能夠讓大家在開發 WEB APP 的時候少走彎路，目的也就達到。

這個項目的設計目標是能夠運行在上，並且能打包為 APP。

代碼開源在 github 上，https://github.com/ansiboy/ChiTuStore

價值

開源的前端架構，但是較為完整的開源項目卻沒有，這個項目，包括了電商大部份的功能，非常具有參考價值，尤其是對於做電商前端開發的朋友。

討論群組&維護

對這項目感興趣的同學，可以加入 QQ群： 71418067 ，後期我也會儘可能地去維護這個項目。

示範

http://u.alinq.cn/test/#Home_Index

由於項目是基於的，只有在上才能體驗完整的功能，如需要體驗完整的功能，請掃描下面的二給碼。

知識棧

這個項目涉及到的知識點有：jQuery, require js, knockout js, iscroll, hammer js, bootstrap

開發語言：typescript

必備知識：requirejs， knockout，typescript

APP 打包

我用 HBuilder 打包的，很方便。如果你們需要打包為 APP，建議使用 HBuilder。

運行

如何運行？把代碼下載下來，然後用 VS 開啟 UserClient.sln 。 

代碼結構

目錄結構

為了能夠讓大夥能夠迅速瞭解這個項目，下面把目錄結構簡單說一下：

APP：項目的 JS 和 Html 檔案，都放在這個目錄下。

Content：用來放置項目的樣式檔案。

Core：放置項目核心的 JS 模組，並且容易讓其它項目重用的。

Module：項目的業務功能模組，其結構類似於 ASP.NET MVC。

Services：該檔案夾放置和服務端直行通訊的模組。

UI：項目中可重用的 UI 組件。

根目錄檔案說明：

ErrorHandle：用於處理服務端以及用戶端的錯誤。

WXShare：用於處理的分享。

Rewrite：出於項目的需求，需要對於某些 JS 類庫的方法進行重寫，放在這裡。

 

開源一個價值超過 100K 的電商前端