摘要：基于原生小程序框架的网上商城，可以实现电商场景化、概念化的特点。融合了微信公众号以及H5的功能，能够将用户体验和线上线下进行打通 。为了满足网上商城的实际需求，在开发过程中使用了原生微信小程序及云服务开发，实现了用户、商品及订单模块。用云服务开发数据库能快速使用微信配套服务，能够达到小程序快速开发以及用户快速上手。本文对商城小程序进行了细致的需求分析以及设计，并对各个功能模块进行了描述与基本的实现说明，最后对完成的小程序进行了各个方面的测试并完成了测试结果分析，最后对整个开发流程进行了总结与探讨。

 

关键词：原生框架；云服务；商城 

 

目 录

摘 要

Abstract

1 引言-1

1.1选题背景-1

1.2系统开发意义-1

2 开发环境与工具-2

2.1系统运行环境-2

2.1.1硬件环境-2

2.1.2软件环境-2

2.2 开发工具/技术-2

2.2.1 VScode+微信开发者工具-2

2.2.2 Javascript语言-2

2.2.3 WXML语言-2

2.2.4 WXSS语言-3

2.2.5 框架-3

2.2.6 数据库-3

3 系统分析-4

3.1 系统需求分析-4

3.2 系统概述-4

3.3 可行性分析-4

3.4系统功能需求-4

3.5系统要求-6

4 系统概要设计-7

4.1 开发与设计的总体思想-7

4.2 系统模块结构设计-7

4.3 系统功能模块划分-8

4.4 系统流程描述-14

4.5 数据库设计部分-15

4.5.1数据库E-R图设计-15

4.5.2数据库表结构-15

5 系统详细设计及实现-20

5.1 界面设计-20

5.1.1 登录界面-20

5.1.2 商品主界面-21

5.1.3 商品分类界面-21

5.1.4 商品列表界面-22

5.1.5 商品详情界面-22

5.1.6 购物车界面-23

5.1.7 商品结算界面-23

5.1.8 搜索商品界面-24

5.1.9 其他界面-24

5.2连接数据库实现-25

5.2.1模块设计-25

5.2.2关键性代码-25

5.3用户登录实现-26

5.3.1模块设计-26

5.3.2 关键性代码-26

5.4 商品搜索实现-26

5.4.1模块设计-26

5.4.2关键性代码-26

5.5 地址选择实现-28

5.5.1模块设计-28

5.5.2关键性代码-28

5.6 购物车实现-29

5.6.1模块设计-29

5.6.2关键性代码-29

6 系统测试-30

6.1测试目的-30

6.2测试环境-30

6.3测试方案-31

7 总结与展望-31

参 考 文 献-32

致  谢-33