基于javascripthtmlcss的jshop商城管理平台【字数：11668】
摘 要本文首先对微信小程序、电商以及商城管理进行了学习研究并做其介绍；此外还介绍了开发一套基于微信小程序的商城管理平台所需要的语言及工具，包括JavaScript、HTML、CSS以及JavaScript的视图框架Vue.js。设计完成了一个商城管理平台该有的基本功能，包括商品搜索、加入购物车、下订单、购买、查看订单信息等功能。本文着重介绍前端开发部分，基于前端开发的每一个模块、页面布局做详细的设计说明与简要的代码介绍，并通过图文结合的形式对程序的主要功能进行验证。
目 录
1. 引言1
1.1 商城管理的现状与发展1
1.2 微信小程序的发展1
1.3 开发jshop商城管理的目的和意义2
2. 前端开发4
2.1 HTML元素定义4
2.2 CSS元素定位5
2.3 JavaScript5
2.3.1 Javascript简介5
2.3.2 Javascript的作用6
2.3.3 Vue.js7
3. 网页布局与设计8
3.1 前端页面模板设计8
3.2 程序设计整体框架图8
3.3 开发环境搭建9
3.4 账号登录9
3.5 首页布局12
3.6 商品详情页14
3.7 商品列表布局16
3.8 个人中心布局18
4. 小程序功能验证20
4.1 登录功能验证20
4.2 搜索功能验证20
4.3 加购功能验证21
结语24
参考文献25
致谢26 第1章 引言
1.1 商城管理的现状与发展
近年来，互联网行业发展迅速，网上购物逐渐受到人们的青睐，它作为一种新的购物方式在我们的生活中广泛普及。相比于传统购物，网上购物显得更加方便，大大地改变了当今社会大众的生活方式和生活习惯。网民数量的增加，加上人们越来越喜欢足不出户就可以满足自己的消费方式，网上购物逐渐进入大众视野，并以其独特的优势占领消费市场，成为了 *好棒文|www.hbsrm.com +Q: &351916072&
当今社会购物的热门潮流趋势。商城管理就是根据网上购物发展的现状及存在的问题，分别对消费者网上购物的需求、商品的成本利润和定位策略以及消费者的心理状态进行仔细分析，从而得出最终的结论以及解决的方法。网络购物有其很多发展的优势，它以其低成本、方便快捷、广覆盖面的优势为电子商务行业带来了前所未有的发展机遇。目前，我国电子商务企业发展迅猛，已经成为我国经济发展的不可缺少的中坚力量，同时，网络在企业的发展中也扮演着重要的角色，所以我国电子商务应该加强对网络营销方面的重视。
经济的发展带动了各项事业的产生，而各项事业的发展也推动了经济的进步。电子商城管理因为市场的高度占有率，成为了我国经济建设不可缺少的一部分，其管理政策的不断完善，是其得以在高度竞争的市场下站稳脚跟的重要保障。现如今，因为存在许多因素的制约，我国的商城管理工作，仍然存在着许多问题。要解决这些问题，不能空口而谈，而是要结合市场，制定科学完善的解决方案。只有从各个方面具体细致的解决每一个存在的问题，才能提高其发展的速度，从而为大众提供更好更完美的服务效果。
1.2 微信小程序的功能与发展
如今随着手机技术的发展，带动了越来越多的手机功能的产生。微信小程序，简称小程序，英文名Mini Program，它不同于手机app，不需要寻求安装包下载并安装，用户只需通过二维码扫一下或是搜索小程序便可直接进入应用；与其说他是个程序，倒不如将他看作一个网页。由于微信小程序体积小，占用资源少，其用户不用担心手机容量小或是性能不够的问题。它无需安装也无需卸载，不想要再使用时，长按移除即可。从影音娱乐到生活消费，小程序以其独特的优势已逐步渗透进许多使用场合。
微信小程序提供的功能多种多样，它可以做一个游戏，做一个论坛，亦或是做一个管理平台。总之，手机app可以实现的功能，它几乎都可以实现。当然，其相较于普通app最大的特色便在于易于分享。顾名思义，微信小程序是一个基于微信平台的占用资源少的微型程序，既是基于微信平台，它必然会具有这个平台的特性。微信现已成为人们广泛使用的聊天工具，基于微信开发的产品易于分享，包括好友、群以及朋友圈等。当然，它也可以被微信的搜索功能搜索到；可惜的是，微信虽然提供了搜索到它的途径，却限制了其搜索能力，用户只能根据名称和品牌等搜索到小程序，这大大限制了它的传播。相应的，微信平台也对其做出了补偿。若微信小程序的开发结合了公众号，则可以通过公众号推广小程序；另外，微信也提供了发现周边小程序以及扫码获得小程序的功能。它也可以像一个正常app一样再不用的时候可以挂起，并备份挂起前的状态，在下一次使用时自动返回当前页面。每个微信账号使用过的小程序也会被放入微信上方，下一次使用时只需拉开列表便可找到曾使用的小程序，不需要时也可移除它。
现今的微信小程序已经全面开放了申请，无论是政府主体、企业主体、媒体主题或是个人开发者，都可以申请注册开发小程序。小程序与公众号类似，它们无需下载安装，是一款满足人们需求的高新技术产物。经过一段时间的发酵，小程序已经形成了一套日趋完整的开发体系与相应的开发环境。小程序也因其开发的简易逐渐被大众程序员接受，也涌现了一批基于微信小程序的新的程序员种类。现今已经有超过百万的程序员加入了小程序的开发行列中，与大批小程序使用者共同推动小程序的完善与发展。如今的小程序用户，已经不同于以前寥寥无几的惨淡场景，它的日活跃用户已经超过了两个亿，应用场景覆盖了200余行业。微信小程序还为许多城市提供了交通支付的服务，包括地铁、公交等，推动了“一个手机行天下”的发展。人们可以用小程序替代传统的买票办理交通卡等形式，极大的提升了人们的出行体验。
小程序的发展如此迅速，离不开它本身的优势与定位。因其体积小，所以它更适合一些轻型程序，因此我们不能顾此失彼，忽略其仍有的缺点，专注于微信小程序的开发并渐渐轻视app的开发。微信小程序只适合微型程序的设计，很多资源占用大的程序仍然需要app的架构支持。小程序和app的相互竞争并在竞争中共同发展才是我们想看到的结果。
目 录
1. 引言1
1.1 商城管理的现状与发展1
1.2 微信小程序的发展1
1.3 开发jshop商城管理的目的和意义2
2. 前端开发4
2.1 HTML元素定义4
2.2 CSS元素定位5
2.3 JavaScript5
2.3.1 Javascript简介5
2.3.2 Javascript的作用6
2.3.3 Vue.js7
3. 网页布局与设计8
3.1 前端页面模板设计8
3.2 程序设计整体框架图8
3.3 开发环境搭建9
3.4 账号登录9
3.5 首页布局12
3.6 商品详情页14
3.7 商品列表布局16
3.8 个人中心布局18
4. 小程序功能验证20
4.1 登录功能验证20
4.2 搜索功能验证20
4.3 加购功能验证21
结语24
参考文献25
致谢26 第1章 引言
1.1 商城管理的现状与发展
近年来，互联网行业发展迅速，网上购物逐渐受到人们的青睐，它作为一种新的购物方式在我们的生活中广泛普及。相比于传统购物，网上购物显得更加方便，大大地改变了当今社会大众的生活方式和生活习惯。网民数量的增加，加上人们越来越喜欢足不出户就可以满足自己的消费方式，网上购物逐渐进入大众视野，并以其独特的优势占领消费市场，成为了 *好棒文|www.hbsrm.com +Q: &351916072&
当今社会购物的热门潮流趋势。商城管理就是根据网上购物发展的现状及存在的问题，分别对消费者网上购物的需求、商品的成本利润和定位策略以及消费者的心理状态进行仔细分析，从而得出最终的结论以及解决的方法。网络购物有其很多发展的优势，它以其低成本、方便快捷、广覆盖面的优势为电子商务行业带来了前所未有的发展机遇。目前，我国电子商务企业发展迅猛，已经成为我国经济发展的不可缺少的中坚力量，同时，网络在企业的发展中也扮演着重要的角色，所以我国电子商务应该加强对网络营销方面的重视。
经济的发展带动了各项事业的产生，而各项事业的发展也推动了经济的进步。电子商城管理因为市场的高度占有率，成为了我国经济建设不可缺少的一部分，其管理政策的不断完善，是其得以在高度竞争的市场下站稳脚跟的重要保障。现如今，因为存在许多因素的制约，我国的商城管理工作，仍然存在着许多问题。要解决这些问题，不能空口而谈，而是要结合市场，制定科学完善的解决方案。只有从各个方面具体细致的解决每一个存在的问题，才能提高其发展的速度，从而为大众提供更好更完美的服务效果。
1.2 微信小程序的功能与发展
如今随着手机技术的发展，带动了越来越多的手机功能的产生。微信小程序，简称小程序，英文名Mini Program，它不同于手机app，不需要寻求安装包下载并安装，用户只需通过二维码扫一下或是搜索小程序便可直接进入应用；与其说他是个程序，倒不如将他看作一个网页。由于微信小程序体积小，占用资源少，其用户不用担心手机容量小或是性能不够的问题。它无需安装也无需卸载，不想要再使用时，长按移除即可。从影音娱乐到生活消费，小程序以其独特的优势已逐步渗透进许多使用场合。
微信小程序提供的功能多种多样，它可以做一个游戏，做一个论坛，亦或是做一个管理平台。总之，手机app可以实现的功能，它几乎都可以实现。当然，其相较于普通app最大的特色便在于易于分享。顾名思义，微信小程序是一个基于微信平台的占用资源少的微型程序，既是基于微信平台，它必然会具有这个平台的特性。微信现已成为人们广泛使用的聊天工具，基于微信开发的产品易于分享，包括好友、群以及朋友圈等。当然，它也可以被微信的搜索功能搜索到；可惜的是，微信虽然提供了搜索到它的途径，却限制了其搜索能力，用户只能根据名称和品牌等搜索到小程序，这大大限制了它的传播。相应的，微信平台也对其做出了补偿。若微信小程序的开发结合了公众号，则可以通过公众号推广小程序；另外，微信也提供了发现周边小程序以及扫码获得小程序的功能。它也可以像一个正常app一样再不用的时候可以挂起，并备份挂起前的状态，在下一次使用时自动返回当前页面。每个微信账号使用过的小程序也会被放入微信上方，下一次使用时只需拉开列表便可找到曾使用的小程序，不需要时也可移除它。
现今的微信小程序已经全面开放了申请，无论是政府主体、企业主体、媒体主题或是个人开发者，都可以申请注册开发小程序。小程序与公众号类似，它们无需下载安装，是一款满足人们需求的高新技术产物。经过一段时间的发酵，小程序已经形成了一套日趋完整的开发体系与相应的开发环境。小程序也因其开发的简易逐渐被大众程序员接受，也涌现了一批基于微信小程序的新的程序员种类。现今已经有超过百万的程序员加入了小程序的开发行列中，与大批小程序使用者共同推动小程序的完善与发展。如今的小程序用户，已经不同于以前寥寥无几的惨淡场景，它的日活跃用户已经超过了两个亿，应用场景覆盖了200余行业。微信小程序还为许多城市提供了交通支付的服务，包括地铁、公交等，推动了“一个手机行天下”的发展。人们可以用小程序替代传统的买票办理交通卡等形式，极大的提升了人们的出行体验。
小程序的发展如此迅速，离不开它本身的优势与定位。因其体积小，所以它更适合一些轻型程序，因此我们不能顾此失彼，忽略其仍有的缺点，专注于微信小程序的开发并渐渐轻视app的开发。微信小程序只适合微型程序的设计，很多资源占用大的程序仍然需要app的架构支持。小程序和app的相互竞争并在竞争中共同发展才是我们想看到的结果。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/gdxx/43.html
