链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

Exrick/xmall-front:基于Vue开发的XMall商城前台页面PC端

Exrick/xmall - front是基于Vue开发的XMall商城前台页面PC端项目。已部署且有在线Demo,在yucccc开源项目基础上后端重新开发接口。有众多新增优化如搜索框、订单处理等功能,还使用多种技术包括Vue相关、ElementUI等,也涉及一些第三方插件。项目...

访问官网 →

【Github】项目名:Exrick/xmall – front:基于Vue开发的XMall商城前台页面PC端

项目简介

这是一个名为Exrick/xmall – front的项目,是基于Vue开发的XMall商城前台页面PC端。它已经部署且有在线Demo(前台商城:http://xmall.exrick.cn/,后台管理系统:http://xmadmin.exrick.cn/)。该项目在yucccc的开源vue – mall项目提供前端页面及框架支持的基础上,后端全部重新开发接口以实现后台系统管理,后端接口项目可跳转至xmall项目仓库查看。

项目的新增与优化

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

项目所用技术

该项目使用了Vue2.x、Vuex、VueRouter、ElementUI、ES6、webpack、axios、Node.js等技术,还涉及第三方SDK极验(Test – button人机验证码,因其收费详见极验验证码移除文档),以及第三方插件hotjar、搜狐畅言评论插件(垃圾广告评论插件现已更换)、Gitment。

项目开发相关

本地开发运行时,启动后端xmall项目后,在config/index.js中修改后端接口地址配置,Gitment评论配置见Gitment使用到的页面为thanks.vue、index.中复制粘贴替换你的hotjar代码,在项目根文件夹下先后执行命令npminstall、npmrundev,商城前台端口默认9999(http://localhost:9999)。部署时先后执行命令npminstall、npmrunbuild,将打包生成的dist静态文件放置服务器中,若使用Nginx等涉及跨域请配置路由代理。

项目总结

这个Exrick/xmall – front项目在XMall商城前台页面PC端开发上有着丰富的功能和技术应用。如果你对这个项目感兴趣或者有任何想法,欢迎在评论区留言参与讨论。

项目地址

GitHub链接直达