(开源)基于vue, react, node.js, go开发的微商城含微信小程序

微商城

地址: https://github.com/shen100/wemall
求star,求关注

项目截图

微信小程序

项目环境搭建

1 克隆代码

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

2 配置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.org

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

npm start

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

npm run staticServ

7 运行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就是继续下去的动力

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...