Slog97_使用React框架进行前端开发9

ArthurSlog

SLog-97

Year·1

Guangzhou·China

October 16th 2018

个人网站:http://www.arthurslog.com

CSDN:https://blog.csdn.net/u010997452/article/list/1

GitHub:https://github.com/BlessedChild/ArthurSlog

NPM:https://www.npmjs.com/~arthurslog

掘金:https://juejin.im/user/59f2a424f265da432f305c66/posts

简书:https://www.jianshu.com/u/b9ebe10f0534

segmentfault:https://segmentfault.com/u/arthurslog/articles

任何不以降低成本为目的的雇佣关系 都是在耍流氓

开发环境MacOS(Mojave 10.14 (18A391))

信息源

参考各大线上运营的商城

开始编码

本次完成了四个基础页面的编码,分别是‘个人中心’、‘购物车’、‘全部商品’ 和 ‘个人中心’

其中 除了‘购物车’ 页面 其他三个基础页面都是带有底部导航的

而 ‘购物车’ 的底部导航栏更新为支付导航栏

‘购物车’ 页面 在左下角新增了一个 ‘返回主页’ 的标签

目前 各个页面提供的的业务功能如下:

‘商城主页’

‘购物车’

‘全部商品’

‘个人中心’

以上完成了基础页面的业务功能

相关代码已经更新至Github

可以直接到Github上看一看源码 顺便点个star 支持一下谢谢(笑)

文件结构的处理是一个需要权衡的关键点 鉴于时间有限 目前先暂时不做大的调整

下面 上几张当前mobile端的产品界面:

工程文件已经上传至Github:https://github.com/BlessedChild/ArthurSlogStore

至此,实现了四个基础界面 ‘商城主页’、‘购物车’、‘全部商品’、‘个人中心’ 的前端编码。

如果你喜欢我的文章 欢迎点赞 留言

谢谢

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181016G0CONK00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券