Code Monkey home page Code Monkey logo

nyist_python_secondmall's Introduction

看了几天python,想着做一个东西出来,就做出了一个小型二手 商城练练手

1.解释

以下的二手 商城展示,商品照片为了好看,从京东上爬下来的,有一些动态效果,我只制作了一张,在线转换成gif的话由于录制屏幕视频文件太大不太容易转格式

2.用户在没有登录的时候点击买东西,会弹出首先登录,同时也可以选择注册

在这里插入图片描述

3.卖东西的界面使用了可以拖拽的方式让用户上传商品更方便

在这里插入图片描述

4.用户添加商品到购物车的界面,由于二手商品数量每件比较少,所以限定用户在提交到购物车20分钟内完成结算,否则商品会从购物车内清除

在这里插入图片描述

5.加入购物车之后,用户可以去个人中心查看(顺便展示一下更换照片的界面)

在这里插入图片描述

6. 这个时候商品已经在你的购物车内,你在个人中心也可以看到购物车并且去结算

在这里插入图片描述

7. 去结算

在这里插入图片描述

8. 如果用户没有完成结算的话,会在订单中,同样也有时间限制,每件商品都有根据当初进入订单那个时间算起至三十分钟后自动从订单中取消

在这里插入图片描述

9. 商品列表页面

在这里插入图片描述

10. 在二手商城中难免有些买家觉着卖家定价不合适,会跟商家交谈,所以我也做了一个商品议价的模块,可以实现回复再回复的问题

在这里插入图片描述

11.我的总结:

  1. 上面只是简单的页面展示,具体代码在github上,这个项目中有很多的知识点
  2. 希望大家又遇到同样的功能不知道怎么实现的时候,我的代码能够帮到你
  3. 调bug是一件培养心态的一件事,做web也有二年左右了,感觉从代码中培养了好性格

上面的页面可能不太好看,我是一个写后端代码的小码农却喜欢做前台页面,我去努力进步的!,希望你的支持,谢谢花费时间看我的博客,万分感谢!

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.