资讯动态

从零到上线:用 dts-shop 一周搭好你的微信小程序商城

发布时间:2026/8/22 11:52:51 来源:尧图企业网站定制
从零到上线用 dts-shop 一周搭好你的微信小程序商城【免费下载链接】dts-shop微信小程序小程序商城商城springboot框架vue管理系统java后台项目地址: https://gitcode.com/gh_mirrors/dt/dts-shop你是不是也这样每次接电商项目登录要写、购物车要写、订单要写、微信支付还要再写一遍。dts-shop聚惠星商城把这些活都干完了——微信小程序前端、SpringBoot 电商 API 后台、Vue 管理端从注册登录到支付发货全是现成代码。这篇文章不按接口模块讲而是按你实际动手的顺序先跑起来再看懂一笔订单最后改到能上线。 第一步5 分钟把项目拉起来先 clone 仓库git clone https://gitcode.com/gh_mirrors/dt/dts-shop后端是 Maven 多模块结构四个模块分工明确dts-core 放公共组件dts-dao 是数据库层dts-wx-api 是小程序接口默认 8070 端口dts-admin-api 是管理后台接口。建好 MySQL 库后直接导入 doc 目录里的建表 SQL不用自己拼表。启动小程序 API 模块mvn spring-boot:run然后打开 wx-mini-program 目录在 config/api.js 里把接口地址指到本机var WxApiRoot http://localhost:8070/wx/;这里有个坑后端 context-path 默认带了前缀改过端口或路径配置后记得同步改小程序端的 API 地址不然所有请求都会 404。用微信开发者工具打开小程序能看到首页 Banner、商品列表和分类导航说明前后端已经打通了。图注小程序端首页包含搜索栏、Banner 轮播、分类导航和团购专区一笔订单要经过哪些接口看懂一套商城最快的方式不是逐个背接口而是跟着一笔订单走。用户进来先登录。微信登录走 auth/login_by_weixin代码在 WxAuthController.java。后台拿微信返回的 code 换 openid再发一个 token 给前端之后的请求都带上这个 token。浏览商品调 goods/list传 page 和 size 分页拿列表进详情页调 goods/detail顺手把大家都在看的关联商品一起带回来。下单前有两步。cart/checkout 是结算页确认把选中的购物车商品、收货地址、可用优惠券一起算出应付金额确认没问题后调 order/submit 才真正落单。最后是钱。order/prepay 调起微信支付支付成功后微信回调 order/dtsNotify订单状态自动流转到待发货。发货、确认收货、退款都是独立接口逻辑互不干扰。图注商城功能架构商城侧首页、分类、购物车、我的与后台侧一一对应以上只是主干。购物车增删改、收藏、足迹、评论、物流查询这些接口完整清单都集中在 api.js 一个文件里每个接口名后面都有中文注释对着查就行。营销玩法优惠券、团购、佣金怎么加电商要活得有营销。dts-shop 里三样最常用。优惠券coupon/list 拿可领列表coupon/receive 领取下单时 coupon/selectlist 返回当前订单能用的券选中后应付金额自动重算。满减、折扣、门槛都在后台配。团购groupon/list 出团购列表groupon/join 参团。团购有独立的成团人数和价格规则跟普通商品是两条价格线。佣金分销brokerage 开头的接口支撑代理体系生成推广码、查佣金明细、申请提现都在这。做裂变活动才用得到不用就先不接。图注Vue 管理后台登录页优惠券、团购、广告活动都从这里配置上线前三件事认证要验真。小程序端 token 存本地请求时放进 header 带上。管理后台那边用 Shiro 管会话登录带图形验证码配置在 dts-admin-api 的 config 目录。别把本地那套 token 逻辑原样搬上线至少加个过期时间校验。图片存储要收权限。商品图走 storage/upload 接口底层支持七牛、阿里云、腾讯云代码在 dts-core 的 storage 模块。上线前把存储桶权限收一收只允许匿名读、签名写。日志级别要降。日志配置在 logback-spring.xmlwx 模块默认 DEBUG生产环境建议降到 INFO不然日志磁盘会先撑不住。订单表数据量起来后记得给订单号和用户 id 建索引。图注整体技术栈微信小程序 Vue2.5 SpringBoot2 Shiro MySQL想改源码从这几个模块下手后端四个 Maven 模块改起来各走各的路接口层在 dts-wx-api/web 目录一个 Controller 管一个业务域共 23 个文件。加新接口照着抄一个就行。数据层在 dts-daoMyBatis 的 domain 和 mapper 都是生成器产出的表结构变了就重跑 dts-dao 下的 mybatis-generator。公共能力在 dts-core短信、邮件、模板消息、存储、快递查询都封装好了跨模块复用它。管理端接口在 dts-admin-api组织方式和 dts-wx-api 一样。前端就两处wx-mini-program 是小程序源码页面按功能分目录admin-ui 是 Vue 2 加 ElementUI 的管理端菜单和路由在 src/router 里改。下一步怎么走先把仓库 clone 下来导入 SQL把 mvn spring-boot:run 跑通再用开发者工具完整走一遍登录、加购、下单。主干通了之后对着 order/prepay 那段代码把支付回调调试明白这套系统你就真正拿到手了。【免费下载链接】dts-shop微信小程序小程序商城商城springboot框架vue管理系统java后台项目地址: https://gitcode.com/gh_mirrors/dt/dts-shop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价