跟着项目学vue.js(六) 在线商店项目介绍

版权声明:本文为博主原创文章,未经博主允许不得转载。博客地址: https://blog.csdn.net/m0_37057454/article/details/83180464

国庆之后,天气陡然变冷,导致胃痉挛发作,修养了这么长的时间,终于又可以开始更新了。。。

接上文,项目是原公司商店app的wap版,包括在线产品目录购物车结账功能。

在线产品目录:客户可以按类别浏览和分页浏览

购物车:客户可以添加和移除产品

结账:客户可以输入发货详情并下单

完整的网站都需要一个后台管理区域,用于网站配置和功能模块的录入与维护,该区域受到保护,只有管理员登陆后才可以进行操作。

但现实中,该项目作为商店app的wap版,和商店app共用一套接口。而对于已经运行过N年的app来说,它的后台功能已经很完善了。

所以在这个系列中,并没有类似网站后台的功能,不过这对于一篇入门级的系列文章来说,还是可以接受的。在后面的文章中,会有专门的Vue开发中后台项目的讲解, 但肯定不会是这个系列了。

花几分钟搞了一个很low的首页原型设计用作参考,这正是原创文章应有的既视感:

1、项目初始化

用脚手架创建搭建真实项目BLStore,并使用上文中创建的预设ProjectStandard

2、项目创建成功

3、点击【安装依赖】按钮,添加组件库weui-vue

 

4、安装成功, 点击查看详情按钮,可以进入github中的主页,查阅相关文档。

5、点击【运行】按钮,进入我们熟悉的欢迎界面。

 

猜你喜欢

转载自blog.csdn.net/m0_37057454/article/details/83180464
今日推荐