Giter VIP home page Giter VIP logo

imitation-jingdong's Introduction

Overview

A study program modeled after JD.The project is for learn Vue. This is a mobile website.

(国内朋友需要科学上网才能把图片加载出来吧。)

Feature

Login

login page

  • Verify prompt for an empty account password
  • Post a request to back-end,the home page is displayed when the back end returns correctly
  • LocalStorage Stores user information to maintain login status
  • The login page is displayed if the home page is accessed illegally

Register

register page

  • Layout of register page

Home

home page

  • Rendering of data returned from the back end
  • Click on a nearby store to jump to the object store details page

Shop

shop page cart feature cart List feature

  • Layout of shop page
  • The data synchronization of the bottom shopping cart is calculated by item price
  • Calculate the price of the item based on the selected state
  • Item addition increases and decreases of button
  • Click the settlement button to jump to the order page
  • Pass the cart item information to the order confirmation page

OrderConfirmation

orderConfirmation page orderExpand feature orderCheck feature

  • Render the received data and control the display of the product list through the extension button.
  • Calculate commodity price
  • Submit order button event

OrderList

orderList page

  • Render the order data sent from the back end

Stack Information

Concern Solution
Server fastmock
UI Framework Vue3
Stying Sass

Setup

Prerequisites

  • Node
  • Yarn

Installation

First of all,download code by github
git clone [email protected]:AlexL0ng/imitation-jingdong.git

Install dependecies

yarn add

Run serve

yarn serve

imitation-jingdong's People

Contributors

alexl0ng avatar

Watchers

 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.