摘要：本文首先对微信小程序、电商以及商城管理进行了学习研究并做其介绍；此外还介绍了开发一套基于微信小程序的商城管理平台所需要的语言及工具，包括JavaScript、HTML、CSS以及JavaScript的视图框架Vue.js。设计完成了一个商城管理平台该有的基本功能，包括商品搜索、加入购物车、下订单、购买、查看订单信息等功能。本文着重介绍前端开发部分，基于前端开发的每一个模块、页面布局做详细的设计说明与简要的代码介绍，并通过图文结合的形式对程序的主要功能进行验证。

关键词：微信小程序  商城管理  前端开发  Vue.js 

目录

摘要

Abstract

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