node商城小程序系统开源

这篇具有很好参考价值的文章主要介绍了node商城小程序系统开源。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

node商城小程序系统,开源地址见文章末尾

一套基础功能完整的商城小程序,支付已对接,功能完整,后端使用node+mysql+express技术栈,小程序使用uniapp开发,管理员后台使用vue+element开发

此开源版本为初期dome版本,非已上线的正式版,可能存在bug(包括致命性错误),请在使用前严格测试,如若发生任何损失,于本人无关;此dome版本也不会同步正式版功能与更新,只是单独更新为一个项目。
 

node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

基本功能

用户管理(封禁,评价,收货地址),商品管理(信息,销量,评价),商品分类管理,小程序首页轮播图,小程序公告设置,小程序首页推荐分类设置,订单管理,微信订单发货,订单退款,订单评价(可删评价),商品收藏,优惠券模块
商品收藏初步是按购物车设计的,但是最后实现的功能是收藏,有能力可修改为购物车,api文档位于/Api/商城项目api文档.pdf
node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

商城系统配置及启动手册

本项目共分为三个部分,启动顺序为 api后端-->admin管理端-->小程序

如果想测试或使用支付相关的功能,后端必须公网可访问且访问地址配置https,且后端api配置中的pay_config配置中系统域名必须是配置https后的公网地址,受影响的功能包括用户下单支付,管理员发货,以及管理员退款

后端api搭建及其启动

1. 配置数据库

修改文件config.js

let config = {
    host: 'localhost',  //数据库地址
    user: 'root', //数据库用户名
    password: 'admin',  //数据库密码
    database: 'mo_mall', //数据库名称
}

2. 微信支付配置

修改文件pay_config.js,需要提前准备认证的小程序账号以及开通小程序支付

let config = {
    appid: 'wx9c.....f7321', //小程序appid
    mchid: '商户号', //商户号
    publicKey: '/key/one.pem', //公钥,绝对路径
    privateKey: '/key/two.pem', //私钥,绝对路径
    system_url: 'http://127.0.0.1:3200', //系统域名
    key: '',//APIv3密钥
    secret: '7f6be687c7.....2084' //小程序后台管理的secret,可登录小程序后台查看
}

微信支付相关配置不配置将无法进行支付,也无法关闭超时订单,系统域名是指后端api地址,可以是ip可以是域名,不携带末尾/
申请证书,放置在/key目录下,申请方法参考官方文档《接入前准备》

3. 启动项目

在api后端根目录执行node index.js
然后输出Service started successfully, running on http://localhost:3200表示启动成功,然后访问//api/public/product接口看是否能正常输出

管理员后端配置及其启动

进入文件/src/main.js中,找到代码

Vue.prototype.$api = 'http://localhost:3200';

修改为后端地址,结尾不携带/
然后回到admin管理后端根目录,执行npm run serve,等待编译完成后输入

App running at:
  - Local:   http://localhost:8080
  - Network: http://192.168.0.109:8080

任意地址进入管理后台,默认账号admin,密码123456

小程序端搭建及其运行

小程序使用uniapp开发编译得到微信小程序,需要在HBuilder中编辑代码,然后运行到微信小程序,具体运行方法参考官方文档
进入到小程序根目录main.js文件

const $url = 'http://192.168.0.109:3200'

修改 http://192.168.0.109:3200 为后端地址,结尾不携带/,然后运行到小程序

Vue.prototype.$merchant_id = '1********9'

修改'1********9'为商户号,用来确认收货,小程序部分否后端地址建议填写局域网地址,本地地址在小程序调试时会不方便

开源地址:moyuc1966/shopping-mall: node商城小程序,商城基础功能完整版,uniapp跨平台小程序,node后端,涵盖商城基础功能,完整开源,已完整对接支付 (github.com)https://github.com/moyuc1966/shopping-mall

截图预览

node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

 node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

 node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

 node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市

node 开源商城,前端实例,小程序,开源,uniapp,node.js,mysql,智慧城市 

开源地址:moyuc1966/shopping-mall: node商城小程序,商城基础功能完整版,uniapp跨平台小程序,node后端,涵盖商城基础功能,完整开源,已完整对接支付 (github.com)https://github.com/moyuc1966/shopping-mall 文章来源地址https://www.toymoban.com/news/detail-812814.html

到了这里,关于node商城小程序系统开源的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp + node.js 开发问卷调查小程序

    前后端效果图 后端:nodejs 12.8 ; mongoDB 4.0 前端:uniapp 开发工具:HBuilderX 3.99 前端首页代码 index.vue 后台管理部分页面代码 charts.vue 后端使用 nodejs + mongoDB 搭建服务 程序入口文件 app.js 对原始数据按题目名称进行分组,然后追加需要用到的字段,再把处理好的数据发给前端进行

    2024年01月18日
    浏览(40)
  • 开源若依+uniapp商城支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理

    开源若依+uniapp商城介绍支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理 建议两倍速度观看!!! 访问地址:https://mall.ichengle.top/ 源码地址:https://gitee.com/zccbbg/RuoYi-Mall 若依(Ruoyi)是一个基于Java开发的快速开发脚手架(框架),旨在帮助开发者更轻松地构建企业级

    2024年02月07日
    浏览(39)
  • 基于vue.js前端+java后台购物商城系统设计与实现

     博主介绍 :黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。 项目配有对应开发文档、

    2024年04月14日
    浏览(38)
  • uniapp+node.js+mysql前后端微信小程序授权登录

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 目录 文章目录 前言 一、前端代码? 1.微信授权登录的页面(没有样式,自己写) 2.”我的“页面 3.封装request.js的页面 4.vuex的状态管理的页面 5.添加了识别有放token的没有登录就自动跳转登录

    2024年02月09日
    浏览(39)
  • 完全开源的商城源码thinkphp5后台+uniapp+多商家入驻+支持H5小程序APP且支持二次开发

    首先大家在搭建多商户商城小程序之前要做好市场调研,在对市场定位有了充分认识和了解之后才能够明确我们多商户商城小程序的定位方向。像是对于商城网店的市场行情做充分的了解,清楚消费者的具体需求,当前社会的流行趋势等都对于日后打造成功的多商户商城小程

    2024年02月04日
    浏览(33)
  • 基于ssm+vue.js+uniapp小程序的在线宠物商城附带文章和源代码设计说明文档ppt

    在这里插入图片描述@toc 🌞 博主介绍 :✌CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战,以及程序定制化开发、全栈讲解、就

    2024年04月17日
    浏览(37)
  • 微信小程序 uniapp+vue电子数码商城系统

    电子数码商品交易系统具有商品分类、商品信息功能。电子数码商品交易系统采用Java语言,uniapp框架,基于mysql数据开发,实现了用户、商家、商品分类、商品信息、订单信息等内容进行管理,本小程序具有良好的兼容性和适应性,为用户提供更多的信息,也提供了良好的平

    2024年04月09日
    浏览(32)
  • 商城小程序源码开发流程、技术架构简述,商城系统前端代码分析

    小程序的兴起,为电商行业带来了全新的机遇。商城小程序源码的开发,是一项非常重要的技术工作。本文将从商城小程序的开发流程、技术架构、代码实现等方面进行讲解。 一、商城小程序的开发流程 商城小程序的开发流程包括需求分析、界面设计、后台开发、前端开发

    2024年02月10日
    浏览(28)
  • 【免费源码下载】完美运营版商城 虚拟商品全功能商城 全能商城小程序 智慧商城系统 全品类百货商城php+uniapp

    完美运营版商城/拼团/团购/秒杀/积分/砍价/实物商品/虚拟商品等全功能商城 干干净净 没有一丝多余收据 还没过手其他站 还没乱七八走的广告和后门 后台可以自由拖曳修改前端UI页面 还支持虚拟商品自动发货等功能 挺不错的一套源码 前端UNIAPP 后端PHP 一键部署版本( 文末

    2024年04月25日
    浏览(27)
  • 前端uniapp开源盲盒源码(H5+小程序+app)

    Z世代是当今最具影响力的消费群体,盲盒商城源码致力于满足他们的期望,提供与他们的个性一样独特的体验。这一代人对自己的爱好充满热情,并创建了以他们为基础的社区。因此未来,只有那些能够创造惊喜,吸引更多核心人群的品牌,才能蓬勃发展。盲盒机是盲盒商城

    2024年04月12日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包