Git Product home page Git Product logo

jd-shop-admin's Introduction

仿写京东商城

一直想写一个稍微复杂一点的项目练手,思来想去还是商城系统比较复杂,但由于之前并未写过复杂的项目,所以势必会有诸多逻辑或是方法上的问题,望大家见谅。本项目仿写京东商城,采用前后端分离的模式,提供基于vue-cli的前端和基于egg.js的后端(之前没有管理系统,没有存储商品,管理系统还在不断更新),二者在下方都有传送门,项目实现了部分商城功能,但支付并不能真的支付,想买东西还请移步京东商城

注:本项目纯属自己练手,与京东商城毫无关联

技术栈

vue-cli2.0 + sass + iconfont + egg.js + MongoDB + element-ui

项目运行

git clone https://github.com/Leesssssssss/jd-shop-admin.git

cd jd-shop-admin

npm install

npm run dev

京东商城前端传送门

京东商城vue前端

京东商城后端传送门

京东商城egg后端

目前实现的功能

  • 商城首页展示
  • 用户注册
  • 用户登录
  • 商品分类
  • 购物车
  • 发现页
  • 个人中心
  • 商品详情
  • 收货地址
  • 修改个人信息
  • 支付下单(不是真的支付)
  • 全部订单
  • 订单详情

项目截图

用户注册与登录

首页和分类

个人信息和账号管理

商品详情和购物车

修改个人信息

收货地址

确认订单

支付

订单列表

订单详情

项目布局

.
├── build                                       // webpack配置文件
├── config                                      // 项目初始化的配置
├── src                                         // 源码目录
│   ├── components                              // 组件
│   │   ├── index                                
│   │   │   ├── index.scss                      // 首页样式      
│   │   │   └── index.vue                       //首页          
│   │   └── login                                  
│   │       ├── login.scss                      // 登录样式               
│   │       └── login.vue                       // 登录页
│   ├── router                                  // 路由文件          
│   │   └── index.js                            // 路由配置
│   ├── App.vue                                 // 页面入口文件
│   └── main.js                                 // 程序入口文件,加载各种公共组件
├── static                                      // 静态资源目录
│   └── css                                     // 样式文件
│       └── reset.css                           // 初始化样式
├── test                                        // 项目测试
├── .babelrc                                    // Babel的配置文件
├── .editorconfig                               // 代码规范配置文件
├── .gitignore                                  // git忽略配置文件
├── .postcssrc.js                               // postcss插件配置文件
├── README.md                                   // 项目说明书
├── index.html                                  // 页面入口文件
├── package-lock.json                           // 项目包管控文件
└── package.json                                // 项目配置
.

说明

如果对您有帮助,可以点右上角 "Star" 支持一下 谢谢!

或者可以 "follow" 一下,我会不断开源更多的有趣的项目

jd-shop-admin's People

Contributors

leesssssssss avatar

Stargazers

 avatar hhp avatar

Watchers

James Cloos avatar

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.