首页> 博客> SSM+Bootstrap+Redis+Mysql实现 商城购物系统
07 04 2019
一、整体框架介绍
1.1、背景

在学习 SSM 以及 Boostrap框架时,为了整合所学(微信支付、登录or支付宝支付等)知识,这个购物商城项目也就出现了...对于ssm初学者来说,应该比较适合练手学习,可以根据自己想法进行功能扩展等...

1.2、整体架构图

目前项目基本实现的功能有,商城后端:用户登录、商品管理、商品类型管理、客户管理以及系统用户管理(订单管理功能后续有空实现...);商城前端:商品页面展示、商品详情页、加入购物车、立即购买、我的订单、购物车、个人中心(这里实现比较简单)、客户注册、客户登录、订单管理、订单支付(支付宝和微信)、收货地址管理等

整体框架图

二、技术选型
2.1、技术组合
  • 数据库:Mysql
  • 技术组合:Spring、SpringMvc、Mybatis、Redis、Jsp
  • 前端框架:BootStrap3
  • Lombok
  • 其它:HttpClient4.x、Google ZXing 生成二维码、微信支付、支付宝沙箱模拟支付、聚合数据接口(短信)开发、文件上传 FTP 服务器等
三、开发环境
3.1、工具与环境
  • IDEA 2017.3.5
  • Maven 3
  • JDK8
  • Mysql 5.7+
  • Win10 64位系统
  • 项目部署:阿里云服务器
四、项目演示
4.1、后端演示

相关页面截图:

项目演示地址:

https://www.xmlvhy.com/xmShopBack/

账户名:test 密码:test

4.2、前端演示

相关页面截图:

项目演示地址:

https://www.xmlvhy.com/xmShopFront

备注:

  • 项目中涉及支付宝支付,由于是沙箱环境支付,需要下载,沙箱环境的支付宝钱包(https://sandbox.alipaydev.com/user/downloadApp.htm
  • 微信支付,这里使用的是 小D课堂 提供的微信开发者账户,此账户提供了微信扫码支付统一下单接口,没有商户号也可以完成支付功能开发。(需要的话可以自行到官网注册一个账号即可)
  • 最后,支付过程中,支付宝沙箱支付不会产生任何交易信息的,微信支付会产生实际交易,商品价格最少0.1元!

项目完整代码

https://github.com/mozhijun/xmShop

项目数据库脚本下载

类似文章

  1. 基于SSM的后台权限管理系统
  2. SpringBoot 入门爬虫项目实战

评论区

| 44 评论
  • 大神,进去就是后台登录,而且密码老是不正确。。是什么原因?

    AI码真香 博主 回复 后台日志报了什么错误?数据库账户密码你试一下:xiaomo/626007,太久了有点忘记了,或者你在代码中自己生成一个密码(有MD5加密工具类)

    中国上海上海市 2020-09-18 19:25:48 回复

  • 岁月流逝✨
    后台代码怎么没有呢

    AI码真香 博主 回复 岁月流逝✨ https://github.com/mozhijun/xmShop

    中国上海上海市 2020-07-22 10:46:21 回复

  • 潇洒、小伙儿

    您好  有新的演示视频吗   纯新手   运行上可能缺少一些东西的配置,谢谢



    AI码真香 博主 回复 潇洒、小伙儿 不好意思,演示视频没有~你现在遇到什么问题

    中国上海上海市 2020-06-28 10:22:32 回复

  • 敲代码的帅boy

    您好,我想问一下数据库脚本在哪啊



    AI码真香 博主 回复 敲代码的帅boy https://www.xmlvhy.com/sources/xmshop/sql.zip

    中国上海上海市 2020-06-07 10:38:50 回复

  • よろしく

    警告 [http-nio-81-exec-1] org.springframework.web.servlet.PageNotFound.noHandlerFound No mapping found for HTTP request with URI [/back_end/back_end/showLogin] in DispatcherServlet with name 'springMVC'   大佬这是咋了

  • 太阳

    大佬你好,执行你的程序为啥会出现那么多DeBug呢?类型如下:

    16:58:16.688 [localhost-startStop-1] DEBUG org.apache.ibatis.io.VFS - Class not found: org.jboss.vfs.VFS


    AI码真香 博主 回复 太阳 这个没太注意,自己排查下看看哈

    中国上海上海市 2020-04-24 21:10:20 回复

  • sc1980
    您好 请问一下 idea部署后为什么无法同时访问前后端呢  在本地tomcat打包成war需要设置其他映射地址吗

    AI码真香 博主 回复 sc1980 本地配置tomcat呀,设置不同端口启动就可以了!

    中国上海上海市 2020-04-24 21:11:17 回复

  • Dmfmy、
    博主您好。项目是分别打开多个还是一次打开,还有打开之后为啥debug是灰色的   没法运行,,

    AI码真香 博主 回复 Dmfmy、 你好,项目是maven聚合工程,运行的分前端和后端模块,这两个是web项目。

    中国上海上海市 2020-04-08 19:33:35 回复

    Dmfmy、 回复 AI码真香 那个下载好打开之后怎么运行啊,还有那个项目演示地址失效了。。。难受

    中国广西贵港市 2020-04-13 10:04:33 回复

    Dmfmy、 回复 AI码真香 那个下载好打开之后怎么运行啊,还有那个项目演示地址失效了。。。难受

    中国广西贵港市 2020-04-13 10:04:33 回复

    AI码真香 博主 回复 Dmfmy、 原地址服务器停掉了,下载下来导入idea,运行前台、后台web项目即可,注意maven聚合工程打包,可以用本地tomcat运行项目

    中国上海上海市 2020-04-13 17:51:22 回复

  • gqc345
    您好,我是纯新手,没看到有.idea文件,请问这个是怎么部署的?(麻烦您了)

    AI码真香 博主 回复 gqc345 项目采用maven聚合工程模式,你打开IDEA,然后选择文件夹打开项目,提示自动导入jar,选择允许就可以了。

    中国上海上海市 2020-04-01 11:27:09 回复

  • ʚ😈ɞ

    可以部署到自己阿里云上的FTP吗? ftp.baseUrl又是怎么部署的呢


    AI码真香 博主 回复 ʚ😈ɞ 可以部署,注意创建的时候不要用root账户。baseUrl就是你服务器的目录呀,你可以用/目录试一下,调试一下你就清楚了。我有点忘记了~

    中国上海上海市 2020-03-30 11:14:24 回复

  • 非儒

    请问博主,为什么我运行后台的时候会跳转到错误页面,我看代码应该是跳转到login页面


    AI码真香 博主 回复 非儒 你本地相关环境最好保持和我文档中说的一样,特别检查下数据库版本,你是不是8.0版本的?

    中国上海上海市 2020-03-27 10:01:08 回复

  • alitics
    请问博主,回收站里面的可以删掉吗

    AI码真香 博主 回复 alitics 可以的,我记得好像我采用逻辑删除,只是改了一个值的状态。这里你可以修改一下。直接后台删除记录。

    中国上海上海市 2020-03-17 17:53:29 回复

  • alitics

    回收站里的东西我怎么删不掉



    AI码真香 博主 回复 alitics 可以的,我记得好像我采用逻辑删除,只是改了一个值的状态。这里你可以修改一下。直接后台删除记录。

    中国上海上海市 2020-03-17 17:53:35 回复

  • bryen
    图片上传部分我把上传ftp的代码注释了,换位你之前注释的上传本地的文件夹路径能正常上传,但是图片显示不了,这个还需要改动啥不

    AI码真香 博主 回复 bryen 你要配置一下图片映射本地路径,我记得war包部署的项目 好像要配置下tomcat 的contextpath。你可以网上搜索一下,war包部署如何实时访问上传的图片。应该会有对应解决方案。

    中国上海上海市 2020-03-13 11:05:08 回复

    bryen 回复 AI码真香 好的谢谢咯

    中国重庆重庆市 2020-03-13 12:00:56 回复

    bryen 回复 AI码真香 好的谢谢咯

    中国重庆重庆市 2020-03-13 12:00:56 回复

    AI码真香 博主 回复 bryen 不客气 [微笑]

    中国上海上海市 2020-03-13 12:01:56 回复

  • 窝玮

    博主大佬,您好,微信支付功能,有具体的视频教程么?谢谢


    AI码真香 博主 回复 窝玮 这个你看看,是不是你需要的。链接:https://pan.baidu.com/s/1B8IFoCG9AEftzErS_l8DZQ 提取码:f3kr

    中国上海上海市 2020-03-11 14:56:12 回复

    窝玮 回复 AI码真香 链接失效了,可否麻烦再发一次么?

    中国福建省福州市 2020-03-19 16:31:30 回复

    窝玮 回复 AI码真香 链接失效了,可否麻烦再发一次么?

    中国福建省福州市 2020-03-19 16:31:30 回复

    AI码真香 博主 回复 窝玮 链接: https://pan.baidu.com/s/1JyxjyePm0Uy5rHv6dibMAA 提取码: t592 复制这段内容后打开百度网盘手机App,操作更方便哦

    中国上海上海市 2020-03-19 20:31:24 回复

  • hiahia123
    获得了一些思路 有所收获 谢谢 

    AI码真香 博主 回复 hiahia123 不客气,能对你有帮助我很开心~

    中国上海上海市 2020-03-10 20:15:43 回复

    hiahia123 回复 AI码真香 不好意思 我想看一下效果 直接git到idea无法运行 请问是什么原因呢

    日本东京都东京 2020-03-10 21:33:50 回复

    hiahia123 回复 AI码真香 不好意思 我想看一下效果 直接git到idea无法运行 请问是什么原因呢

    日本东京都东京 2020-03-10 21:33:50 回复

    AI码真香 博主 回复 hiahia123 您好,项目采用的是聚合工程管理,需要注意一下jar的依赖,运行前先maven编译打包。

    中国上海上海市 2020-03-11 09:06:32 回复

  • 养只猫
    博主你好 问下你那个目录是怎么随着浏览而自动定位的啊

    AI码真香 博主 回复 养只猫 目录生成,使用的是tocbot插件,你了解下。其实原理就是页面内容元素锚点,你看浏览器地址栏变化:#....

    中国上海上海市 2020-03-05 15:45:20 回复

    养只猫 回复 AI码真香 感谢感谢

    中国湖北省荆门市 2020-03-05 16:10:17 回复

    养只猫 回复 AI码真香 感谢感谢

    中国湖北省荆门市 2020-03-05 16:10:17 回复

    AI码真香 博主 回复 养只猫 不客气~常来呀。嘿嘿

    中国上海上海市 2020-03-05 16:11:29 回复

  • AI码真香 博主
    有任何问题可以给我留言[嘻嘻]