Awesome Open Source
Awesome Open Source

XMall-Front

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

宣传视频

项目已部署,在线Demo

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

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

新增与优化

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

所用技术

本地开发运行

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

部署

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

技术疑问交流

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

  • 免费交流群 562962309

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

开源协议

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

作者其他项目推荐

捐赠

Alternatives To Xmall Front
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (65,202
3d (17,864
Nginx (16,703
Router (13,811
Pc (6,024
Axios (5,859
Vuex (5,653
Qq (5,020
Mall (687