1.1研究的目的意义
21世纪以来，全球进入了经济高速发展阶段，伴随着信息技术的发展，人们的生活方式和消费观念发生了翻天覆地的变化，特别是近期兴起的网上购物成为了一种新型的购物方式。网上购物方式让购物变得方便、简单、快捷，可以实现足不出户即可以购买所需商品，不再受时间和空间的限制。
由于人们消费观念的转变和网上购物形式的普遍性，我国电子商务得到了快速的发展。电子商务形式从最初的 B2C 形式、C2C 形式，发展到了 B2C、B2B、C2A 等多种形式，此种发展形式和速度是信息时代所特有的。B2C 是一种商业零售企业对消费者的销售模式，换言之，是商业零售企业在后台数据库发布各种商品信息和服务信息，然后提供消费者浏览搜索，最终将商品和服务销售给消费者的过程。C2C是一种消费者对消费者的销售模式，一位消费者如果想把自己的商品出售出去，可以通过购物平台出售给另一位消费者。我国的网上购物从以前的不完善和不安全到如今的快捷安全，这是技术进步带来的改变。
小米商城系统是一个商业信息交互功能的系统，原理是在虚拟的网络。环境中模拟现实购物形式，并且具有传统购物形式所没有的方便快捷的优点。
1.2国内外研究现状
随着近年来电子商务的不断发展，阻碍人们进行网上购物的因素逐一被解决。从前人们担心的技术问题、物流安全问题、网络安全问题、消费者权益保障和物流速度问题都不断地得到了改善。另外，网络中的资源非常多，可比较性非常强，所以使得电子商务不但在国外很火爆，而且在国内也非常的流行。虽然国内电子网上商城系统的设计与实现商务起步较晚，但是在近几年中网络技术和网络市场不断完善，发展势头非常猛烈，正逐渐与国外电子商务缩小差距。
在国外，亚马逊是最主要的网上购物平台。在每年的购物狂欢节中，亚马逊等网上购物商城系统的订单量会大幅提高。亚马逊不仅能够满足大量在线订单请求、付款结算和采购入库管理等方面的计算请求，还是全球最大的云计算服务供应商。电子商务在国外人们生活中扮演着越来越重要的角色，这使得科技巨头在物流方面加大资本的投入。
国内的电子商务公司和国外的电子商务公司大有不同，国外以大型的零售类型公司为主，但是国内的大部分电子商务公司都是互联网公司。还有一个非常重要的特点是:中国的互联网公司不断走向国际化，例如阿里巴巴、聚美优品和京东商城陆续赴美上市。这些互联网公司不但在销售额上取得了非常突出的成绩，而且电子商务技术在整个行业中也有非常大的提高。云计算的发展在某种层面上促进了电子商务的发展，电子商务的发展也在一定程度上推动了云计算的发展。国内云计算技术处于遥遥领先的电商是淘宝，美国是亚马逊，这些都是市场选择的结果，不是巧合。电子商务的发展，不但提高了整个行业的销售额，而且还促进了物流等辅助行业的蓬勃发展另外还为国家增加了税收，增加了大量的就业机会，在某种程度上，我们的生活已经越来越离不开电子商务。
1.3主要参考文献
[1]《Vue.js设计与实现》 ISBN：9787115583864 作者：霍春阳
[2] 《HTML5+CSS3+JavaScript从入门到精通（标准版）基础视频讲解与案例实战，8大素材库，源代码配套学习更轻松web开发技术web前端开发网页设计网页制作》 ISBN：9787517054245 作者：未来科技
2.1研究目标、研究内容及拟解决的关键问题
研究目标：使用JavaScript开发小米电商网站
研究内容：1）研究JavaScript小米电商网站基本理论特征。
2）研究JavaScript小米电商网站背景意义。
3）研究JavaScript小米电商网站发展前景。
4）研究客户JavaScript小米电商网站需求
5）对JavaScript开发小米电商网站需求分析。
6）设计并实现一个基于JavaScript开发小米电商网站。
关键问题：响应式布局兼容不同设备、登录注册页面、主页面布局、轮播图功能等。
2.2拟采取的研究方案、研究方法及可行性分析
研究方案：通过研究学习Vue.js的官方文档，完成论文的撰写以及小米电商网站的开发
可行性分析：前端技术不断发展，作为主要三大框架的Vue框架，也渐渐被普及，不断完善，大量的参考文献提供我们参考。
2.3成果理论或技术（方法）创新之处
vue可以进行组件化开发，数据与结构相分离，使代码量减少，从而提升开发效率，易于理解vue最突出的优势在于对数据进行双向绑定，使用虚拟DOM，相较于传统页面通过超链接实现页面跳转，vue会使用路由跳转不会刷新页面vue是单页面应用，页面局部刷新，不用每次跳转都请求数据，加快了访问速度，提升了用户体验。
2.4成果说明提纲
网站：小米电商网站。本网站使用前端三件套，CSS，HTML，js。结合Vue前端，后端使用数据库Mysql,实现在网站就可以买到自己心仪的电器设备。
论文：基于JavaScript小米电商网站设计与实现。本论文集合网站的设计，多方面展示小米这一系列的产品，同时证明前后端技术的重要性。
3.研究条件与基础基于JavaScript小米电商网站设计与实现
3.1相关研究经验与基础积累
大学选择的是计算机专业，具有一定的编程基础，基本掌握C、、java等编程语言。从大学期间做过一个基于Springboot的项目电影，也学过关于html5+Css3的页面设计。
3.2已具备条件、尚缺少条件及拟解决途径
已具备条件：
有一定相关基础知识，同时也实操过。
尚缺条件：
对Vue的部分知识了解不够深入。
拟解决途径：
通过查阅vue官方论坛等相关教程，完成项目的开发以及毕业论文的撰写。
3.3本人已取得的相关成果
一、研究小米官网系统的设计逻辑和布局分析：
一、字体图标使用：字体文件使用了icomoon字库。
二、网站TDK三大标签SEO优化：
① title 网站标题，title 具有不可替代性，是我们内页的第一个重要标签，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。
② description 网站说明，简要说一下小米电商网站的内容。
③ keywords 关键字。
三、具体实现：
①头部：头部顶栏site_topbar制作与头部site_header制作。
②主要部分：菜单menu制作与轮播图.focus制作。
③推荐部分。
④内容产品部分：手机模块、手表模块、家电模块、视频模块。
⑤底部：site_footer部与site_info部分。
⑥侧边固定栏：滚动至内容产品之前的侧边栏与滚动至内容产品之后的侧边栏。
二、总结对于小米商城课题的总结，包括经验和教训。
盒子focus设置和图片一样的宽和高，然后写js实现左右箭头和小圆圈结合图片播放的功能，实现功能以后给focus一个overflow: hidden;超出大盒子的图片就会被隐藏。
基于JavaScript小米电商网站功能包括前台和后台。基于JavaScript小米电商网站包括了前后台两大功能板块，功能涉及注册与登录模块、管理员功能模块、个人用户模块、商品浏览模块、商品检索模块、商品信息模块、订单管理模块、购物车管理模块。
基于JavaScript小米电商网站后台管理系统是一个结合现代计算机编程技术而开发的一个管理系统，是为了使网上后台管理者能够在管理后台商品商品的过程中运用系统软件来对商品，订单，管理人员等方面进行一个有效，系统，方便，快捷的管理过程。
在前台，用户注册后，使用用户名和密码进行登录，然后通过关键字查询商品信息，在商品列表中点击商品的标题或者图片，跳转到商品详情页面，在详情页面可以查看商品的基本介绍和图片信息。在详情页面还有加入购物车和提交订单的按钮。点击加入购物车，可以将当前页面的商品加入到购物车中，当点击提交订单，直接进入到收银台页面。在购物车界面查看加入购物车中的商品列表，在收银台页面可以进行支付和填写收货地址信息。在个人中心中可以查看个人的信息，对个人信息进行修改。查看我的订单记录，通过我的订单可以查询所有购买的历史订单信息。留言交流模块中，通过发布留言信息，咨询相关购买的问题，也可以查看其他的留言列表。
在后台，管理员管理商品的分类，通过商品的分类添加商品，一个分类对应多个商品，当删除分类后，对应的商品将删除商品。订单管理中，管理员根据订单的状态来操作审核订单信息，统计订单的金额。系统管理中对系统的基本信息、留言、资讯等信息进行管理。
如需定做或者获取更多资料，请联系QQ：375279829
客服QQ