Git Product home page Git Product logo

xmall-front's Introduction

XMall-Front

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

项目已部署,在线Demo

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

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

新增与优化

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

所用技术

本地开发运行

  • 启动后端 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开源协议

作者其他项目推荐

xmall-front's People

Contributors

exrick avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

xmall-front's Issues

JDK1.8,语法出错

[ERROR] /E:/前后端商场管理系统/xmall-master/xmall-manager/xmall-manager-service/src/main/java/cn/exrick/manager/service/impl/ItemServiceImpl.java:[249,69] 从内部类中访问本地变量type; 需要被声明为最终类型
[ERROR] /E:/前后端商场管理系统/xmall-master/xmall-manager/xmall-manager-service/src/main/java/cn/exrick/manager/service/impl/ItemServiceImpl.java:[249,93] 从内部类中访问本地变量id; 需要被声明为最终类型

:key v-for

image在这里key值会冲突 报错,使用了这种方法解决

运行出现问题

您好,您README.md的那个演示地址无法打开了,放在本地运行的话也是会出现空白页面的问题

单体源码使用性

您好,我收到的单体版的源码里面还是要部署java项目接口来运行的,请问有没有单体运行版,也就是只用本地数据而不用接口的版本呢,因为我不是做java的所以只想要个前端数据的界面,后端我自己写

npm无法build,cnpm使用run dev启动后端口正常监听,但是页面白屏

我使用npm install,会有一大堆错误。使用cnpm instlall,正常,使用cnpm run build正常,使用cnpm run dev的时候,有如下错误:哪位老哥见过了,帮忙给解决下,谢谢,哈
[root@c629d66f26ee xmall-front]# cnpm run dev

[email protected] dev /xmall/code/xmall-front
node build/dev-server.js

[HPM] Proxy created: /member/* -> http://127.0.0.1:7777
[HPM] Proxy created: /goods/* -> http://127.0.0.1:7777

Starting dev server...

DONE Compiled successfully in 7562ms 05:39:55

Listening at http://localhost:9999

(node:4408) UnhandledPromiseRejectionWarning: Error: Exited with code 3
at ChildProcess. (/xmall/code/xmall-front/node_modules/_opn@4.0.2@opn/index.js:83:13)
at Object.onceWrapper (events.js:317:30)
at emitTwo (events.js:126:13)
at ChildProcess.emit (events.js:214:7)
at maybeClose (internal/child_process.js:925:16)
at Socket.stream.socket.on (internal/child_process.js:346:11)
at emitOne (events.js:116:13)
at Socket.emit (events.js:211:7)
at Pipe._handle.close [as _onclose] (net.js:567:12)
(node:4408) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:4408) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

跨域问题如何解决

根据你的一些配置部署到服务器。后端接口在7777端口,前台商城在9999,如何解决跨域问题?

按照步骤运行项目失败

npm run dev 后报错,如下

**
root@gzr-Aspire-V5-552G:/var/www/html/vue-mall# npm run dev

[email protected] dev /var/www/html/vue-mall
node build/dev-server.js

[HPM] Proxy created: /users/* -> http://mall.yucccc.com:3333/
[HPM] Proxy created: /goods/* -> http://mall.yucccc.com:3333

Starting dev server...

ERROR Failed to compile with 1 errors 20:49:21

This dependency was not found:

  • /page/login/login in ./src/router/index.js

To install it, you can run: npm install --save /page/login/login

Listening at http://localhost:9999

**
浏览器显示 cannot get /
请问如何解决?

后端已经起好了,前段有借口报500

我是本地起的后端,后端管理页面是正常,起前端页面报错了,前端框架不怎么熟悉。。。
控制台报这个错误:
spread.js:25 GET http://localhost:9999/member/checkLogin 500 (Internal Server Error)
spread.js:25 Uncaught (in promise) Error: Request failed with status code 500
at e.exports (https://cdn.bootcss.com/axios/0.17.1/axios.min.js:8:4479)
at e.exports (https://cdn.bootcss.com/axios/0.17.1/axios.min.js:8:4321)
at XMLHttpRequest.l.(anonymous function) (https://cdn.bootcss.com/axios/0.17.1/axios.min.js:8:3278)
e.exports @ spread.js:25
e.exports @ spread.js:25
l.(anonymous function) @ spread.js:25
client.js?7955:183 [HMR] bundle has 1 warnings
client.js?7955:184 ./src/page/Home/home.vue

http://eslint.org/docs/rules/no-trailing-spaces Trailing spaces not allowed
E:\微信商城\xmall-front-master\xmall-front-master\src\page\Home\home.vue:105:10
}
^

✘ 1 problem (0 errors, 1 warning)

Warnings:
1 http://eslint.org/docs/rules/no-trailing-spaces
@ ./src/router/index.js 13:9-38
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

node用哪个版本?

我打开项目右下角有聊天,页面一片空白,
是我Node版本不对吗?
你node装几点几的,我的是v6.9.5

toFixed

image
在 mallGoods.vue 组件中 msg.salePrice 是字符串,使用toFixed会报错, 使用Number(msg.salePrice).toFixed(2)解决掉了

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.