看了几天python,想着做一个东西出来,就做出了一个小型二手 商城练练手
以下的二手 商城展示,商品照片为了好看,从京东上爬下来的,有一些动态效果,我只制作了一张,在线转换成gif的话由于录制屏幕视频文件太大不太容易转格式
2.用户在没有登录的时候点击买东西,会弹出首先登录,同时也可以选择注册
![在这里插入图片描述](https://camo.githubusercontent.com/d8ed5b6c2112434068567e4d675e187ca991a8dc7293810f5a9c7fbfae9d423e/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230323831323633352e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
3.卖东西的界面使用了可以拖拽的方式让用户上传商品更方便
![在这里插入图片描述](https://camo.githubusercontent.com/6a4d0c7849bfbd90cdd13dfa9f77b72efe55946edf32712875fc81e41f342745/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230323932383836312e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
4.用户添加商品到购物车的界面,由于二手商品数量每件比较少,所以限定用户在提交到购物车20分钟内完成结算,否则商品会从购物车内清除
![在这里插入图片描述](https://camo.githubusercontent.com/6b8627d97ca900cab5c883b03ea2b97912c1d75059d762826c4584a9f35976f0/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230333130323737312e676966)
5.加入购物车之后,用户可以去个人中心查看(顺便展示一下更换照片的界面)
![在这里插入图片描述](https://camo.githubusercontent.com/8ee00203aa78bc7a8ead11d44d6ea2af4b6b4d7a7fe45bb3773ef96117179652/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230333534373439332e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
6. 这个时候商品已经在你的购物车内,你在个人中心也可以看到购物车并且去结算
![在这里插入图片描述](https://camo.githubusercontent.com/7e9a384041b6f806c0070b1e2007699cfb63499dbe91220e1e50eb255991e3a5/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230333735363338312e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
![在这里插入图片描述](https://camo.githubusercontent.com/2dc64e8141c7c7c5523b4be7da7219be2f8dfb6e4379c1e0670a55d5816031b9/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230333833303539302e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
8. 如果用户没有完成结算的话,会在订单中,同样也有时间限制,每件商品都有根据当初进入订单那个时间算起至三十分钟后自动从订单中取消
![在这里插入图片描述](https://camo.githubusercontent.com/87ef38f041fa44245be3a726927ea1a6e366fea42355e341e884907f4b3bca66/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230343033363932382e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
![在这里插入图片描述](https://camo.githubusercontent.com/6f2e5041dc7ebec978f2d3c3f8b88143f988ff67179cde84b71d4d17a3eb8b45/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230343132373331362e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
10. 在二手商城中难免有些买家觉着卖家定价不合适,会跟商家交谈,所以我也做了一个商品议价的模块,可以实现回复再回复的问题
![在这里插入图片描述](https://camo.githubusercontent.com/99f9a4396f90a2bd66bc7cb333649db882486e05fb54d759c0938938144580ae/68747470733a2f2f696d672d626c6f672e6373646e696d672e636e2f32303138313131303230343431393133372e706e673f782d6f73732d70726f636573733d696d6167652f77617465726d61726b2c747970655f5a6d46755a33706f5a57356e6147567064476b2c736861646f775f31302c746578745f6148523063484d364c7939696247396e4c6d4e7a5a473475626d56304c3239325a5849784d5441314d6a493d2c73697a655f31362c636f6c6f725f4646464646462c745f3730)
- 上面只是简单的页面展示,具体代码在github上,这个项目中有很多的知识点
- 希望大家又遇到同样的功能不知道怎么实现的时候,我的代码能够帮到你
- 调bug是一件培养心态的一件事,做web也有二年左右了,感觉从代码中培养了好性格
上面的页面可能不太好看,我是一个写后端代码的小码农却喜欢做前台页面,我去努力进步的!,希望你的支持,谢谢花费时间看我的博客,万分感谢!