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

前端之家收集整理的这篇文章主要介绍了(开源)基于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就是继续下去的动力

原文链接:https://www.f2er.com/react/303863.html

猜你在找的React相关文章