电商项目—MMALL

项目概述

此电商项目为本人学习项目,后端 使用nginx实现负载均衡转发请求到多台tomcat服务器,使用多台 redis服务器分布式 缓存用户登录信息。

项目已经部署到阿里云服务器,从阿里云linux服务器租用,到项目前后台代码的完善,前后花费了3个月左右的时间,此项目参考了慕课网的电商项目教学视频。

项目地址

本人已经部署该项目,租用的阿里云服务器的ip地址为:47.106.172.105,购买的域名地址为:www.xwld.site

商城地址为:http://www.xwld.site

大部分商品详情图片还没有上传,暂时只上传了一个商品用于演示。

地址:http://www.xwld.site/list.html?categoryId=100006

后端所用技术

  • Spring
  • SpringMVC
  • MyBatis
  • MySQL
  • Lombok:省去手动创建setter和getter方法
  • Mycat:数据库分库分表中间件
  • Redis:缓存
  • Jedis:Redis的Java Client
  • Nginx
  • Tomcat
  • Maven
  • 第三方接口
    • 支付宝沙箱测试接口,实现订单支付

前端所用技术

  • Html
  • Css
  • JavaScript
  • Node.js
  • Npm
  • Webpack
  • Charles

项目架构及功能模块图

linux项目运行的shell脚本

首先从码云中拉取项目对应的tag,然后进入项目目录,执行maven打包命令。

  1. [root@izwz918nqae9soh0p70seuz bin]# cat mall_backend.sh   
  2. #!/bin/bash  
  3. # author xw  
  4. # create_date 2018116   
  5. "===========进入git项目mmall目录============="  
  6. cd /app/gitRepository/mmall_backend  
  7. echo "==================删除之前的tag====================="    
  8. rm -rf *    
  9. echo "==========git切换分之到mmall-v1.0==============="  
  10. git clone --branch  back_release_$1 [email protected]:xwmall/backend.git    
  11. echo "===========编译并跳过单元测试===================="  
  12. cd backend/mmallv4.0  
  13. mvn clean package  -Pprod -Dmaven.test.skip=true  
  14. echo "============删除旧的ROOT.war==================="  
  15. rm -rf /soft/tomcat1/webapps/ROOT.war      
  16. echo "======拷贝编译出来的war包到tomcat-ROOT.war======="  
  17. cp /app/gitRepository/mmall_backend/backend/mmallv4.0/target/mmall.war  /soft/tomcat1/webapps/ROOT.war    
  18.     
  19. echo "============删除tomcat下旧的ROOT文件夹============="  
  20. rm -rf /soft/tomcat1/webapps/ROOT     
  21.     
  22. echo "====================关闭tomcat====================="  
  23. #/soft/tomcat1/bin/shutdown.sh  
  24. pkill -9 java    
  25. echo "================sleep 10s========================="  
  26. for i in {1..10}  
  27. do  
  28.         echo $i"s"  
  29.         sleep 1s  
  30. done  
  31.     
  32. echo "====================启动tomcat====================="  
  33. /soft/tomcat1/bin/startup.sh  

github与 码云

码云

此项目本人使用码云来存储项目

每发布一个版本创建一个tag标记,shell 中使用git命令获取相应的tag版本

github

github上面是目前是没什么项目,

由于github上面创建私有的项目需要收费,故而,一直使用码云来存储项目,等到后期项目再进一步完善,再迁移到github中开源。

github地址如下:https://github.com/weiqinshian

项目完整购买流程展示

首页

商品列表页面

暂时只上传了一个商品。

地址:http://www.xwld.site/list.html?categoryId=100006

商品详情页面

地址:http://www.xwld.site/detail.html?productId=27

登录页面

地址:http://www.xwld.site/user-login.html?redirect=http%3A%2F%2Fwww.xwld.site%2Forder-detail.html%3ForderNo%3D1549504659738

测试账号:admin

密码:123456

购物车页面

订单确认页面

生成支付二维码页面

本人手机安装了沙箱测试版支付宝,使用沙箱测试版支付宝扫码支付。

手机扫码支付成功之后

查看订单详情

猜你喜欢

转载自www.cnblogs.com/weiqinshian/p/10361599.html