链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

shen100/wemall:基于react、node.js、go开发的微商城(含微信小程序)

shen100/wemall是一个微商城项目,包含微信小程序。在技术方面,前端web服务器为nginx,后台渲染用node.js,M站框架集有vue等,后台管理框架集含react等,还有多种工具和框架参与构建,如数据可视化的echarts、富文本编辑器ueditor等。项目详细...

访问官网 →

【Github】项目名:shen100/wemall:基于react、node.js、go开发的微商城(含微信小程序)

项目简介

shen100/wemall是一个微商城项目,它包含微信小程序。这个项目在技术选型上前端使用nginx作为web服务器,后台渲染采用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。

项目环境搭建

  • 克隆代码:通过命令$git clone https://github.com/shen100/wemall.git获取项目代码。
  • 修改configuration.json:进入wemall目录,将configuration.dev.json改名为configuration.json,同时要对UploadImgDir进行设置,指定图片上传目录。
  • 修改config.js:进入wemall/weixin/config目录,将config.dev.js改名为config.js。
  • 配置nginx:拷贝wemall/nginx/dev.wemall.com.conf文件到nginx的虚拟主机目录,并且要处理好server.key和server.crt的路径。
  • 配置hosts:设置127.0.0.1 dev.wemall.com。
  • 创建数据库:先创建数据库如wemall,再使用wemall,然后导入wemall/sql/wemall.sql,本地开发模式下数据库是wemall,用户是root,密码是test1234,也可通过wemall/configuration.json配置文件修改。
  • 安装node.js第三方模块:进入wemall/nodejs目录,运行命令$npm install,可尝试阿里镜像加速。
  • 启动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。

项目总结

shen100/wemall是一个综合性的微商城项目,整合了多种前端和后台技术。如果你对这个项目有任何想法或者建议,欢迎在评论区留言讨论。

项目地址

GitHub链接直达