天天看點

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

apshop

基于egg.js的單商戶系統,目前僅實作PC端,後續會增加微信端

源碼:https://github.com/inmyjs/apshop

商城管理端源碼:https://github.com/inmyjs/apshop_admin

Apshop官網:https://www.inmyjs.com

寫在前面:

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

商城前端已實作功能

  1. 客戶注冊、登入、忘記密碼
  2. 首頁(商品推薦位、商品清單),背景自定義
  3. 商品搜尋
  4. 購物車、收藏夾
  5. 我的訂單
  6. 聯系我們
  7. 網站配置
  8. 産品專欄
  9. 部落格專欄
  10. 首頁專題

商城後端已實作功能

  1. 商品管理
  2. 客戶管理
  3. 訂單管理

未實作功能

  1. 廣告位
  2. 支付(目前僅實作的是通過支付寶轉賬,用了一個開源項目AlipayOrdersSupervisor來監控支付寶轉賬訂單)
  3. 文章管理
  4. 客服支援
  5. 專題管理

商城前端:

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

商城管理端:

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

主要技術架構:

  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 中定義的模闆字元串相同。

背景管理架構,有人已經貢獻了非常好的項目: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

非常感謝您的支援

撸碼不易,如果對你有所幫助,歡迎您

的贊賞!微信贊賞碼:

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

官方微信:

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

繼續閱讀