Git Product home page Git Product logo

vue-jd's Introduction

基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城

  • 经过一个多月总算完成第一个版本

前端架构

  • 页面结构(H5,CSS3,原生JS)
  • 框架(基于Vue脚手架:vue-cli)进行搭建
  • 数据请求处理框架(Axios)
  • Vue-Router进行路由处理
  • Vue-LazyLoad进行图片赖加载

服务端架构

  • 选用NodeJs进行后台开发
  • Express中间件进行服务的配置,路由、请求的处理
  • Mysql中间件处理与数据库的"通信"
  • Body-Parser中间件进行前端请求参数的获取
  • Cookie-Parser、Cookie-Session进行cookie与session的处理

数据库选取

  • 采用MySQL进行相关数据库的设计与实现

目前项目已实现功能

  1. 首页数据的展示
  2. 分类页数据的展示
  3. 购物车
  4. 我的
  5. 注册
  6. 登录
  7. 商品详情页
  8. 商品搜索

安装

已安装MySQL数据库,然后导入migou.sql文件

然后通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

cd vue-jd
npm install 或 cnpm install(个人比较喜欢使用后者,下载依赖模块速度较快)
npm run dev

最后开启后台服务

node server.js

目录结构

.
├── README.md           
├── libs               		// 后台常用工具模块的封装,比如格式化事件、MD5加密等
├── route              		// 后台接口的编写目录
├── server.js          		// 后台服务的配置文件
├── webpack.config.js  		// webpack配置文件
├── index.html         		// 项目入口文件
├── package.json       		// 项目配置文件
├── src                		// 生产目录
│   ├── assets         		// css js 和图片资源
│   ├── components     		// 各种Vue组件
│   ├── store          		// vuex状态管理器
│   ├── App.vue        		// 项目中全局Vue
│   ├── main.js        		// Webpack 预编译入口
│   └── router.config.js    // vue路由配置文件

项目效果图

....未完待续 QQ交流群:526450553已满员,大家可以叫我个人QQ:386271623,拉大家进微信群

vue-jd's People

Contributors

huangche007 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

vue-jd's Issues

clone 下来好多问题

  1. 登录之后报错
    Login.vue?1c5f:56 Uncaught (in promise) ReferenceError: userInfo is not defined
    at eval (eval at (build.js:1381), :57:45)
  2. tabs 点击没有高亮
    好多啊。。。
    楼主加油,跑通了,我再学习

正确的账号登录时报错

报userinfo未定义,检查发现是dispatch setUserInfo方法时,传的参数有问题,不是userInfo而是_this.userInfo

账号

可以给个测试账号吗?

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.