shen100 / wemall

基于react, node.js, go开发的微商城（含微信小程序）

微商城

近期主要精力在开发golang123， wemall先暂停3周

项目截图

微信小程序

项目环境搭建

• 克隆代码

$ git clone https://github.com/shen100/wemall.git

• 修改configuration.json
  进入wemall目录，将configuration.dev.json改名为configuration.json, 再找到UploadImgDir，填写图片上传目录为 {wemall所在目录}/upload/img, 举例：C:\dev\src\wemall\upload\img (Windows系统）或 /dev/src/wemall/upload/img (Mac OS X 或Linux系统)

{
  "go": {
    "UploadImgDir": "" /*图片上传的目录*/
  }
}

• 修改config.js
  进入wemall/weixin/config目录，将config.dev.js改名为config.js

• 配置nginx
  将wemall/nginx/dev.wemall.com.conf文件拷贝到nginx的虚拟主机目录下, 再将wemall/nginx/server.key和wemall/nginx/server.crt拷贝到某个目录下，然后修改nginx的虚拟主机目录下的dev.wemall.com.conf文件中server.key和server.crt的路径

• 配置hosts
  127.0.0.1 dev.wemall.com

• 创建数据库
  先创建数据库如wemall，再use wemall，然后导入wemall/sql/wemall.sql

注意: 本地开发模式下，数据库是wemall，用户是root，密码是test1234
可以通过wemall/configuration.json配置文件进行修改

• 安装node.js第三方模块
  进入wemall/nodejs目录，运行命令

$ npm install

如果安装失败，或速度慢，可尝试阿里的镜像

$ npm install --registry=https://registry.npm.taobao.org

• 启动node.js程序
  进入wemall/nodejs目录，运行命令

$ npm start

再开一个新的命令行窗口， 运行命令

$ npm run staticServ

• 运行go程序
  进入wemall目录，将configuration.dev.json改名为configuration.json, 运行

$ go run main.go

• 运行微信小程序
  进入wemall/weixin目录，将config.dev.js改名为config.js, 然后通过微信web开发者工具来运行小程序

• 访问网站后台
  在浏览器地址栏中输入https://dev.wemall.com/admin

技术选型

前端

• 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	文档
config	配置
controller	控制器
model	数据模型
utils	实用工具
nginx	nginx配置及证书
nodejs	前端项目目录
sql	sql文件目录
weixin	微信小程序项目目录
configuration.dev.json	项目配置文件
main.go	go主程序入口

技术交流

qq群: 32550512

最后

求star，star就是继续下去的动力

License

GPL
Copyright (c) 2013-present, shen100