javaweb购物商城源码讲解(java商城系统源码)

每个Java程序员,从懵逼菜鸡,再到懵懂菜鸟,再到小鸟,大鸟,最后到技术大神,始终绕不开商城系统,里面蕴含了大量的业务,涉及到了大量的知识点和解决方案。
项目在线演示:
前台:
http://xmall.exrick.cn/
后台:
http://xmadmin.exrick.cn/

javaweb购物商城源码讲解(java商城系统源码)
javaweb购物商城源码讲解(java商城系统源码)

基于Vue开发的XMall商城前台页面
新增与优化

  • 优化页脚、增加商品搜索框组件
  • 优化登录注册界面
  • 新增搜索页面,实现高亮分页搜索
  • 新增捐赠页面,捐赠列表显示
  • 全部商品页面实现分页
  • 优化订单详情,实现查看订单进度,可对订单进行处理
  • 实现生成订单接口、优化地址管理编辑选择
  • 实现查看个人订单分页
  • 接入XPay个人免签收款支付系统
  • 首页升级!重构首页,后台可配置,包括3D轮播图
  • 新增分类查看品牌周边等
  • 极验验证码移除文档

所用技术

  • Vue 2.x
  • Vuex
  • Vue Router
  • Element UI
  • ES6
  • webpack
  • axios
  • Node.js
  • 第三方SDK
  • 极验Test-button人机验证码 因其收费详见极验验证码移除文档
  • 第三方插件
  • hotjar:一体化分析和反馈
  • 搜狐畅言评论插件 垃圾广告评论插件 现已更换 Gitment

本地开发运行

  • 启动后端 xmall 项目后,在 config/index.js 中修改你的后端接口地址配置
  • Gitment评论配置见 Gitment 使用到的页面为 thanks.vue
  • index.html 中复制粘贴替换你的 hotjar 代码
  • 在项目根文件夹下先后执行命令 npm install 、 npm run dev
  • 商城前台端口默认9999 http://localhost:9999

部署

  • 先后执行命令 npm install 、 npm run build 将打包生成的 dist 静态文件放置服务器中,若使用Nginx等涉及跨域请配置路由代理
javaweb购物商城源码讲解(java商城系统源码)
javaweb购物商城源码讲解(java商城系统源码)
javaweb购物商城源码讲解(java商城系统源码)
javaweb购物商城源码讲解(java商城系统源码)

(0)
小多多的头像小多多创始人

相关推荐

发表回复

登录后才能评论