/xmall-front

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

Primary LanguageVue

XMall-Front

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

项目已部署,在线Demo

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

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

新增与优化

  • 优化页脚、增加商品搜索框组件
  • 优化登录注册界面
  • 新增搜索页面,实现高亮分页搜索
  • 新增捐赠页面,捐赠列表显示
  • 全部商品页面实现分页
  • 优化订单详情,实现查看订单进度,可对订单进行处理
  • 实现生成订单接口、优化地址管理编辑选择

所用技术

本地开发运行部署

  • 启动后端 xmall 项目后,在 config/index.js 中修改你的后端接口地址配置
  • src/api/goods.js 中的 getQuickSearch 方法里修改你的Elasticseach服务器IP以及RESTful快速查询提示接口配置
  • index.html 中复制粘贴替换你的 hotjar 代码
  • 若不启动后端项目,预览运行此前端项目可注释掉 src/main.js 中第 8、10、35-57 行代码即可
  • 在项目根文件夹下先后执行命令 npm installnpm run dev
  • 商城前台端口默认9999 http://localhost:9999

技术疑问交流

捐赠