Slog96_使用React框架进行前端开发8

ArthurSlog

SLog-96

Year·1

Guangzhou·China

October 14th 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))

信息源

各大线上运营的商城

开始编码

过去这几天 研究了几款上线的产品的设计

同时调查了解了一下一些主流的开发方案

结合做几天收集的信息 我先杂糅在一起 然后提取出最本质的东西

还是以项目为导向

本次完成了‘个人中心’页面的功能设计 和 页面布局的设计 以及 前后端接口的设计

本篇来完成‘个人中心’页面的功能设计 和 页面布局的设计

前后端的接口设计另起一篇来写

市面上的微信h5商城非常繁多

但一些必须的业务是高度统一的 例如‘订单系统、个人信息系统、支付系统’

根据分析 为‘个人中心’产品页面设计了以下业务功能：

上面几个 都是是基础必要的业务（店铺主页只是简单路由到主页）

代码比较多 就不一个一个列出来了 没什么意思

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

在文件结构的安排上 目前还没有完全固定

主要是样式文件的解耦和业务之间的权衡一直在变化 所以有一些文件命名和代码还未全部更新完

下面上一下当前mobile端 ‘个人中心’页面的产品图

接下来 使用ajax来获取页面信息内容了

考虑到产品上线之后的运营 还需要在web端开发一个运营平台

这个运营平台可以来更新 产品里面产品的数据内容 例如图片、产品介绍、价格等一些日常高频率使用的功能

其他比较大的功能 解耦出来 进行深度开发

上一次提到了 页面上的字体采用 css3 的 rem单位特性（随着根节点font-size的大小变化而变化）

这次‘个人中心’页面 也全面采用了 rem特性和百分比来处理页面样式

更新README，增加 产品的 ‘个人中心’ 页面的设计

Github上工程的名称更新了

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

至此，实现了mobile端 ‘个人中心’ 页面的功能设计 和 布局设计。

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

谢谢