【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是一个综合性的微商城项目,整合了多种前端和后台技术。如果你对这个项目有任何想法或者建议,欢迎在评论区留言讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的shen100/wemall:基于react、node.js、go开发的微商城(含微信小程序)都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航
这是一个使用react+redux的完整项目,技术栈包含react+redux+webpack+react - router+ES6/7/8+immutable。项目主要用于理解react和redux的编译方式,以及它们之间的配合方式。运行项目需nodejs6.0+,可通过git clone命令获取项目,使用npm或yarn安装依赖,然后用npm start启动,npm run build发布。项目中详细阐述了react和redux各自的特性、功能以及它们如何配合,还涉及组件生命周期、按需加载、组件间通信等内容,对想要深入了解react和redux相关知识的开发者很有价值。