这是一个电商app,模仿的sasa原生app。你可以从sasa官网下载app观看。
里面所有数据是从原生app中抓包获取的
本app没有调用任何原生功能,你可以将代码clone,直接本地服务器环境下运行可以看本app的效果。
抓包获取的数据是存放在data文件夹下,根据不同的请求,来请求不同的文件。以模拟真实的环境。
data/banner中是首页轮播图的八张图片。
data/class中是首页八个按钮对应的数据。
data/details中是为数不多的几个商品的详情数据。以商品id划分。每个详情中又有三条数据,分别是商品基本信息,评论,促销信息。 如果你用浏览器查看,如果你在详情页刷新,不会有数据渲染,因为打开详情页时带有id参数,刷新则没有,而且会报错。
data/index是首页对应的数据。
另外提一点,data/user.json中的帐号(用户名也是本app的参与者),是唯一能登录成功的帐号,条件有限,没有实现注册功能。所有在用户操作中产生的数据都是存储在localstorage中,比如用户购物车,浏览记录,收藏功能等。不同的用户会有不同的显示。你可以在设置中退出帐号。
app中的css是采用less预编译的。里面声明了较多的变量和规范,但是基本没用到,因为项目实施起来非常放任。
font文件夹里面是下载的阿里巴巴的图标库。
js文件夹里面是主要的逻辑代码,引用的外部库或框架都在lib文件夹里面。根据不同的命名可以对应是不同的页面的js。commonjs里面是一些很多页面都可以调用的方法。新手上路,写的不规范,划分也不规范,请谅解。项目的架构信息主要在mainjs里面。
page文件夹里面是html文件,对应不同的页面或组件。
car:购物车页。
classinfo:列表页。
details:详情页。
home:主页。
limit:限时特卖页。
list:分类页。
my:个人中心。