Skip to content
基于Vue开发的XMall商城前台页面 PC端
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build [UPDATE]更新依赖版本 取消cdn Apr 12, 2018
config [UPDATE]优化修复BUG 取消畅言 更换gitment Jul 22, 2018
screenshot [UPDATE]优化修复BUG 取消畅言 更换gitment Jul 22, 2018
src [FIX]修复商品图片不变化 Sep 5, 2018
static [UPDATE]优化修复BUG 取消畅言 更换gitment Jul 22, 2018
.babelrc
.editorconfig
.eslintignore
.eslintrc.js [INIT]初始化项目 Sep 14, 2017
.gitignore [INIT]初始化项目 Sep 14, 2017
.postcssrc.js [INIT]初始化项目 Sep 14, 2017
README.md
index.html
package-lock.json [UPDATE]优化修复BUG 取消畅言 更换gitment Jul 22, 2018
package.json

README.md

XMall-Front

基于Vue开发的XMall商城前台页面

宣传视频

项目已部署,在线Demo

感谢 yucccc 的开源 vue-mall 项目提供前端页面及框架支持

后端全部重新开发接口,实现后台系统管理,后端接口项目请跳转至 xmall 项目仓库查看

新增与优化

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

所用技术

本地开发运行

  • 启动后端 xmall 项目后,在 config/index.js 中修改你的后端接口地址配置
  • Gitment评论配置见 Gitment 使用到的页面为 thanks.vue
  • index.html 中复制粘贴替换你的 hotjar 代码
  • 若不启动后端项目,勉强预览运行此前端项目可尝试注释掉 src/main.js 中第 8、10、39-61 行代码
  • 在项目根文件夹下先后执行命令 npm installnpm run dev
  • 商城前台端口默认9999 http://localhost:9999

部署

  • 先后执行命令 npm installnpm run build 将打包生成的 dist 静态文件放置服务器中,若使用Nginx等涉及跨域请配置路由代理

技术疑问交流

  • QQ交流群 475743731(付费),可获取各项目详细图文文档、疑问解答

  • 免费交流群 562962309

  • 个人博客:http://blog.exrick.cn

开源协议

  • 请遵循原作者MIT开源协议

作者其他项目推荐

捐赠

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.