(開源)基於vue, react, node.js, go開發的微商城（含微信小程式）
阿新 • • 發佈：2019-02-20
微商城
專案截圖
微信小程式
專案環境搭建
1 克隆程式碼
git clone https://github.com/shen100/wemall.git2 配置nginx
將wemall/nginx/dev.wemall.com.conf檔案拷貝到nginx的虛擬主機目錄下
3 配置hosts
127.0.0.1 dev.wemall.com
4 建立資料庫
先建立資料庫如wemall，再use wemall，然後匯入wemall/sql/wemall.sql
注意: 本地開發模式下，資料庫是
wemall，使用者是root，密碼是test1234
可以通過wemall/configuration.json配置檔案進行修改
5 安裝node.js第三方模組
進入wemall/nodejs目錄，執行命令
npm install如果安裝失敗，或速度慢，可嘗試阿里的映象
npm install --registry=https://registry.npm.taobao.org6 啟動node.js程式
進入wemall/nodejs目錄，執行命令
npm start再開一個新的命令列視窗， 執行命令
npm run staticServ7 執行go程式
進入wemall目錄下，執行
go run main.go技術選型
前端
- web伺服器: nginx
- 後臺渲染: node.js
- M站框架集: vue, vuex, vue-router
- M站UI元件庫: vux
- 後臺管理框架集: react, redux, react-router-redux
- 後臺管理UI元件庫: antd
- 資料視覺化: echarts
- 富文字編輯器: ueditor
- 打包工具: webpack
- 構建工具: gulp
後臺
- web框架: iris
- 路由: httprouter
- 持久層框架: gorm
- 資料庫: mysql
go依賴的第三方庫
| 庫 | 說明 |
|---|---|
| gopkg.in/kataras/iris.v6 | iris web框架 |
| github.com/jinzhu/gorm | gorm 持久層框架 |
| github.com/satori/go.uuid | uuid生成工具 |
專案結構
| 目錄或檔案 | 目錄或檔案 | 說明 |
|---|---|---|
| docs | 文件 | |
| go | 後臺程式碼目錄 | |
| config | 配置 | |
| controller | 控制器 | |
| model | 資料模型 | |
| utils | 實用工具 | |
| nginx | nginx配置 | |
| nodejs | 前端專案目錄 | |
| sql | ||
| weixin | 微信小程式專案目錄 | |
| wemall.sql | sql檔案 | |
| configuration.json | 專案配置檔案 | |
| main.go | go主程式入口 |
最後
求star，star就是繼續下去的動力