1. 程式人生 > >基於egg.js的開源商城系統(apshop)

基於egg.js的開源商城系統(apshop)

apshop

基於egg.js的單商戶系統,目前僅實現PC端,後續會增加微信端
原始碼:https://github.com/inmyjs/apshop
商城管理端原始碼:https://github.com/inmyjs/apshop_admin

寫在前面:

這是我的一個創業專案,本打算在上面賣一些軟體元件,後因種種原因關閉,放著也是無益,就貢獻出來,大家共同交流,還是一個半成品。目前市面上大量的商城系統還是php,使用node的還很少,個人也比較喜歡node,有預感js要統一天下了(呵呵),後續我會把基於node做過的很多專案貢獻出來。

商城前端已實現功能

  1. 客戶註冊、登入、忘記密碼
  2. 主頁(商品推薦位、商品列表),背景自定義
  3. 商品搜尋
  4. 購物車、收藏夾
  5. 我的訂單
  6. 聯絡我們

商城後端已實現功能

  1. 商品管理
  2. 客戶管理

未實現功能

  1. 廣告位
  2. 支付(目前僅實現的是通過支付寶轉賬,用了一個開源專案AlipayOrdersSupervisor來監控支付寶轉賬訂單)
  3. 文章管理
  4. 訂單管理
  5. 商品分類
  6. 客服支援
  7. 網站配置

商城前端:












商城管理端:






主要技術框架:

  1. node.js
  2. egg.js
  3. sequelize
  4. nunjucks
  5. vue.js
  6. vue-element-admin

為什麼選擇使用egg.js?比較好上手吧,也沒用過其他框架,反正自從用了阿里雲的服務後,就中毒了,唉!沒辦法了!

資料庫連線使用sequelize,很強大,很好用。

選用nunjucks模板引擎的原因是很符合我的編碼習慣,像Jade、EJS啥的,我是習慣不了。唯一有個問題是vue也是{{}},所以我重新定義vue的為${},跟ECMAScript 6 中定義的模板字串相同。

前端採用了國外一個h5模板(Olympia responsive Html5 eCommerce),非常精美,在此感謝。

後臺管理框架,有人已經貢獻了非常好的專案:vue-element-admin,直接拿來用了,在此感謝 。

安裝步驟

  1. 安裝node.js,推薦安裝LTS版本,裝最新版即可
  2. 克隆apshop,安裝依賴,各依賴包若有新版本,直接更新即可
    [email protected]:inmyjs/apshop.git
    npm install
  3. 配置資料庫
    sequelize支援多種資料庫,本專案採用mysql5.7,建立好資料庫後,匯入data/apshop_db_20171204.sql 檔案,匯入成功後繼續匯入data/apshop_init.sql初始化資料。
    開啟config/config.local.js,配置資料庫連線資訊,規則詳見egg官方說明。
  4. 啟動專案
    npm run dev

商城訪問地址:http://localhost:7001
商城後臺:http://localhost:7001/admin
初始化後臺管理員賬戶:admin 密碼:123456

非常感謝您的支援

擼碼不易,如果對你有所幫助,歡迎您
的讚賞!微信讚賞碼: