小米商城项目(上)

小米商城是集许多种功能为一体的网站,能够满足用户的需求和体验感,极大的为用户的购物提供了方便,我写的这个小米商城只是一个简洁版,包含小米商城首页,用户登录板块,用户注册板块,商品分类板块,商品详情页面板块,购物车板块,结算页面板块,订单页面板块以及我的收藏板块这九大模块构成,感兴趣的小伙伴可以继续往下看,接下来献上逻辑图

小米商城项目(上)_第1张图片
这篇博客(上)主要是带大家看一下项目结构和了解一下用到的技术栈,下一篇博客才会对这个小米商城进行一个深入的解析

Element-ui:

  • 他就是一套为开发者,设计师和产品经理准备的基于Vue2.0的一个组件库,提供了配套设计资源,帮助你的网站快速成型.

Vue:

  • 简单来说它就是一套用于构建用户界面的渐进式框架

Vue-router:

  • 它是一个vue.js下的路由组件它有俩种模式一种是history模式,另一种是hash模式

Axios

  • 用于浏览器和node.js的基于promise的Http客户端,可以进行跨域请求

Vuex

  • 它是一个专门为Vue.js应用程序开发的状态管理模式,它采用集中式存储和管理程序的所有组件的数据

后端:Node.js:

  • Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP,Python等服务端语言平起平坐的脚本语言

页面截图

首页:


用户登录

小米商城项目(上)_第2张图片
用户注册

小米商城项目(上)_第3张图片

全部商品

小米商城项目(上)_第4张图片
购物车


我的收藏

小米商城项目(上)_第5张图片
结算页面

小米商城项目(上)_第6张图片

商品详情

小米商城项目(上)_第7张图片

订单页面

小米商城项目(上)_第8张图片

各位客官请移步小米商城项目(下),将会对各个板块进行一个大致的概括!

在这里插入图片描述

你可能感兴趣的:(项目,vue,vue.js,javascript)