Giter Site home page Giter Site logo

suning's Introduction

suning

本项目共有六个页面:注册,登录,首页,列表页,详情页,购物车

一,登录注册 1登录注册页:用到php创建的名为suning的数据库接口,测试时请开启服务器,保证运行环境 2登录注册页面可以互相切换,注册成功后页面会自动跳转登录页 3登录成功后自动跳转首页

二,首页 1首页导航栏可点击跳转列表页面 2首页中“猜你喜欢模块是ajax动态创建的”

三,列表页 1列表页中点击任意商品可以进入该商品对应的详情页

四,详情页面 1详情页中点击“加入购物车”按钮可以添加商品至购物车 2点击top模块中购物车模块,可以进入购物车页面

五,购物车 1,点击+-按钮增减数量并存入cookie,同时计算总件数和价格 2,点击每件商品的删除,可删除该商品 3,点击下方的“删除选中商品”,可删除所有商品

项目待改善: 1,详情页中的浏览记录模块,cookie取出的数据未去重,会出现用户多次点击一种商品,多次渲染的情况 还可以,排序,让点击次数最多的商品出现在最前面 2,首页楼梯,最后一个“猜你喜欢”模块,有bug,估计是高度不同的问题,是否单独条件判断 3,购物车中的input输入框改变,和勾选整行两个功能。 4,网页头部(TOP)模块中购物车数量只在详情页中显示。待完善

suning's People

Contributors

yangyangsunwer 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.