xmall-front: 基于Vue开发的XMall商城前台页面
开源软件名称:xmall-front
开源软件地址:https://gitee.com/Exrick/xmall-front
开源软件介绍:
XMall-Front基于Vue开发的XMall商城前台页面项目已部署,在线Demo后端全部重新开发接口,实现后台系统管理,后端接口项目请跳转至 xmall 项目仓库查看新增与优化![首页](https://i.loli.net/2018/07/21/5b52e192366a0.jpg)
![页脚](https://i.loli.net/2018/07/22/5b5447c0f2b69.jpg)
![搜索框组件](https://i.loli.net/2018/07/22/5b5447e84edd9.jpg)
![搜索结果](https://i.loli.net/2018/07/22/5b5448040ff95.jpg)
![分页](https://i.loli.net/2018/07/22/5b54489e41551.jpg)
![订单详情](https://i.loli.net/2018/07/22/5b54482cca360.jpg)
![订单进度](https://i.loli.net/2018/07/22/5b5448494d6b6.jpg)
![登录界面](https://i.loli.net/2018/07/22/5b54486109ade.jpg)
所用技术- Vue 2.x
- Vuex
- Vue Router
- Element UI
- ES6
- webpack
- axios
- Node.js
- 第三方SDK
- 第三方插件
本地开发运行- 启动后端 xmall 项目后,在
config/index.js 中修改你的后端接口地址配置 - Gitment评论配置见 Gitment 使用到的页面为
thanks.vue index.html 中复制粘贴替换你的 hotjar 代码- 若不启动后端项目,勉强预览运行此前端项目可尝试注释掉
src/main.js 中第 8、10、39-61 行代码 - 在项目根文件夹下先后执行命令
npm install 、 npm run dev - 商城前台端口默认9999 http://localhost:9999
部署- 先后执行命令
npm install 、 npm run build 将打包生成的 dist 静态文件放置服务器中,若使用Nginx等涉及跨域请配置路由代理
技术疑问交流开源协议作者其他项目推荐 |
请发表评论