在这个软件工程毕业设计中，我们选择了采用前后端分离的微服务架构。前端利用了Vue+Vue-router+Vuex+Element-ui+Axios，并参考小米商城的设计理念进行实现。后端则选用了Java(SpringCloud Alibaba)+Mysql构建微服务体系。前端部分包括了11个核心页面，包括首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算、我的订单以及错误处理。整个系统实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、用户登录、注册、购物车管理、订单结算、用户订单查询、用户收藏列表以及错误处理等功能。后端方面，采用了MVC模式，根据前端需求划分模块，设计相应的接口、控制层和数据持久层。技术栈包括前端：Vue+Vue-router+Vuex+Element-ui+Axios，后端：Java、SpringCloud Alibaba、ES，数据库：Mysql、Redis。登录页面引入了element-ui的Dialog组件，实现了弹出蒙版对话框效果，而登录按钮则位于App.vue根组件，通过vuex中的showLogin状态来控制登录框的显示与隐藏。这一设计的目的在于通过点击页面按钮实现用户登录。