基於egg.js的開源商城系統(apshop)
阿新 • • 發佈:2018-12-25
apshop
基於egg.js的單商戶系統,目前僅實現PC端,後續會增加微信端
原始碼:https://github.com/inmyjs/apshop
商城管理端原始碼:https://github.com/inmyjs/apshop_admin
寫在前面:
這是我的一個創業專案,本打算在上面賣一些軟體元件,後因種種原因關閉,放著也是無益,就貢獻出來,大家共同交流,還是一個半成品。目前市面上大量的商城系統還是php,使用node的還很少,個人也比較喜歡node,有預感js要統一天下了(呵呵),後續我會把基於node做過的很多專案貢獻出來。
商城前端已實現功能
- 客戶註冊、登入、忘記密碼
- 主頁(商品推薦位、商品列表),背景自定義
- 商品搜尋
- 購物車、收藏夾
- 我的訂單
- 聯絡我們
商城後端已實現功能
- 商品管理
- 客戶管理
未實現功能
- 廣告位
- 支付(目前僅實現的是通過支付寶轉賬,用了一個開源專案AlipayOrdersSupervisor來監控支付寶轉賬訂單)
- 文章管理
- 訂單管理
- 商品分類
- 客服支援
- 網站配置
商城前端:
商城管理端:
主要技術框架:
- node.js
- egg.js
- sequelize
- nunjucks
- vue.js
- vue-element-admin
為什麼選擇使用egg.js?比較好上手吧,也沒用過其他框架,反正自從用了阿里雲的服務後,就中毒了,唉!沒辦法了!
資料庫連線使用sequelize,很強大,很好用。
選用nunjucks模板引擎的原因是很符合我的編碼習慣,像Jade、EJS啥的,我是習慣不了。唯一有個問題是vue也是{{}},所以我重新定義vue的為${},跟ECMAScript 6 中定義的模板字串相同。
前端採用了國外一個h5模板(Olympia responsive Html5 eCommerce),非常精美,在此感謝。
後臺管理框架,有人已經貢獻了非常好的專案:vue-element-admin,直接拿來用了,在此感謝 。
安裝步驟
- 安裝node.js,推薦安裝LTS版本,裝最新版即可
- 克隆apshop,安裝依賴,各依賴包若有新版本,直接更新即可
[email protected]:inmyjs/apshop.git
npm install
- 配置資料庫
sequelize支援多種資料庫,本專案採用mysql5.7,建立好資料庫後,匯入data/apshop_db_20171204.sql 檔案,匯入成功後繼續匯入data/apshop_init.sql初始化資料。
開啟config/config.local.js,配置資料庫連線資訊,規則詳見egg官方說明。 - 啟動專案
npm run dev
商城訪問地址:http://localhost:7001
商城後臺:http://localhost:7001/admin
初始化後臺管理員賬戶:admin 密碼:123456
非常感謝您的支援
擼碼不易,如果對你有所幫助,歡迎您
的讚賞!微信讚賞碼: