设计题目

网上商城小程序

选

题

的

背

景

、

目

的

和

意

义

选题背景：

随着世界经济的快速发展，信息技术已经广泛地应用到经济贸易领域，电子商务应运而生。网上购物作为电子商务系统的重要组成部分，发展前景广阔，近年来，受到了广大消费者的青睐。近年来，随着微信的发展，其体系越来越完善，微信公众平台的开发，更是给企业、个人带来了许多商机，越来越多人来说关注微信营销。微信其发送信息快、及时的特点，大大提高了微信营销营业额。微信支付体系的完善，也为微信营销提供了便利。微信营销方式与传统的实体店销售相比，具有不可比拟的优势，例如降低实体店店面成本，人员工资，信息传输及时，客户群体广泛，不受时间地点的限制等，能大大的增加营业额，同时也方便用户通过微信平台进行商品的购买。因此为了满足大量用户微信平台购买商品的需求，提高电子商品企业营业额，特建设本基于微信平台的网上商城小程序。本基于微信平台的网上商城小程序采用PHP技术和MYSQL数据库，充分保证系统的稳定性，操作简单，界面清晰，便于维护。

选题目的：

网上商城小程序致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户，让客户通过网站便能对自由的选择地购买产品。

网上商城小程序是通过用户登录浏览商品、查看公告、购买、确定购买、实现用户模块功能。其中订单的生成，小程序后台系统，通过系统管理员管理商品、订单、用户来实现。网上商城小程序首先为商家带来客流量，解决商家客流难题，多入口引流，64个入口引流附近的店，微信搜一搜，聊天分享，公众号关联等诸多引流点。网上商城小程序自身定位是“随取随用”，相当于是轻量化的APP：小程序将APP的功能细化，针对性地保留核心功能，提升解决问题的精准度。在用户体验方面，微信小程序模块式自由填充，可上传高清头图、目前也实现了产品视频的投放，在用户体验方面不输原生APP。

网上商城小程序无需安装、无需下载、耗流低，彻底解放用户手机空间，帮助用户节省流量。同时可以在手机桌面快捷保存、方便二次使用，在这点上完全KO原生APP。开发一个原生APP动辄十几万，微信小程序的开发成本相对较低，且准入门槛低、申请流程简单，后台操作简单易行。

选题意义：

随着现代信息技术的迅猛发展，智能手机的普及，微信公众平台在微信应用软件中的应用日益广泛和深入，特别是互联网与智能手机的接轨，为微信的发展提供了丰富有力的条件。目前，微信主要分为个人微信以及微信公众号，微信公众号的开发为企业单位等带来了极大的方便。据我们互联网行业发布的最新报道显示，随着手机的不断更新，和手机价格的降低，智能手机呈快速增长趋势，使用微信的数量不断增加，这使得基于微信平台的网上商城小程序的成了必然。微信的信息交流互动性强，能够及时通过微信与客户进行交流,通过微信营销能够大大提高营业额，而且微信口碑相传性极强，这也能够大大的提高网上商城小程序的知名度，因此，开发本基于微信平台的网上商城小程序是必须的。随着微信的应用普及，微信营销也逐步的兴起;越来越多个人和企业都开始实行微信营销,构建企业微信公众平台，可以作为公司宣传平台又可作为商品营销平台。微信营销是基于微信平台，其信息传递速度快、沟通交流方便的特点，深受用户喜爱。近年来，越来越多的企业开始注重微信营销，都不同程度的实现了微信平台进行销售商品。智能手机的普及，微信庞大的客户群体。使得实现微信平台上的购物类小程序，已经成为未来商场竞争中，必不可少的成功筹码。

报

告

的

主

要

内

容

提

纲

1.绪论

1.1.研究背景

1.2.研究课题和意义

1.3.研究内容和论文结构

2.移动互联网环境下网络营销的现状分析

2.1.移动互联网环境下网络营销的特点

2.2.当前国内外移动互联网环境下网络营销的现状

2.3.微信给移动互联网环境下网络营销带来的影响

3.微信小程序开发相关技术介绍

3.1.微信小程序介绍

3.1.1.微信介绍

3.1.2.微信小程序简介

3.1.3.微信小程序基本功能

3.1.4.微信小程序高级功能

3.2.微信小程序开发技术的介绍

3.2.1.PHP

3.2.2.Javascript

3.2.3.XML

3.2.4.HTML

4.基于微信小程序的网上商城功能模块设计

4.1.基于微信小程序的网上商城需求分析

4.1.1.平台用户的功能需求

4.1.2.平台商家的功能需求

4.2.基于微信小程序的网上商城功能模块设计

5.基于微信小程序的网上商城开发与实现

5.1.基于微信小程序开发概述

5.1.1.微信小程序开发模式的数据交互方式

5.1.2.微信小程序开发模式的接口

5.2.基于微信小程序的网上商城核心模块的实现

5.3.1.购物车商品的增加或删除

5.2.1.收获地址编辑

5.2.2.商品功能性筛选

6.基于微信小程序的商城客户端功能测试

6.1.测试环境

6.2.具体测试

6.3.测试结果

7.总结与展望

应

用

原

理

和

关

键

技

术

应用原理：

微信小程序可以分解为“微信”和“小程序”两部分，其中“微信”可以理解为“微信中的”，指的是小程序的执行环境；当然微信在提供执行环境的同时也延长了用户使用微信的时间。“小程序”是说它首先是程序，然后具备轻便的特征。

微信小程序使用 JSON 技术来表现应用的配置信息。包含应用的基本信息，页面配置和路由，应用全体的信息等。使用经过定制 CSS+XML 技术来实现视图层的描述。画面元素，例如列表、按钮、文本框、选择框等都通过 XML语言来描述，遵从 XML 语法，对于页面的共同风格，使用 CSS 进行定义。使用 Javascript 语言来实现逻辑层结构。包括用户操作的处理，系统 API 的调用等。

关键技术：

JSON（Javascript Object Notation）：是一种轻量级的数据交换格式。它基于 ECMAScript（W3C 制定的 Javascript 规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

XML（Extensible Markup Language）：中文名为可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。

CSS层叠样式表（Cascading Style Sheets）：是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

Javascript ：一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 Javascript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上用，用来给 HTML 网页增加动态功能。

实

施

方

案

第1阶段：进行技术调研，搭建编程环境；

第2阶段：进行需求分析；

第3阶段：进行概要设计和详细设计；

第4阶段：在2020年1月，完成ThinkPHP框架数据库模块；

第5阶段：在2020年1月底，完成WXml编写界面；

第6阶段：在2020年2月，实现WXss相关数据处理；

第7阶段：在2020年2月底，编写测试用例；

第8阶段：在2020年3~4月，继续完善功能，完成定稿，自行查重；

预

期

成

果

完成主要包括基本小程序的四大模块的基本交互主界面（首页，分类，购物车，我的）。首页的推荐具体商品信息二级交互展示，商品图片的轮播展示。完成“分类页面”的不同商品类别二级交互界面。购物车增加或删除商品基数，立即结算之后的三级支付页面。我的主界面增加删除或编辑收货地址，显示代付款、发货，已发货、已完成订单。个人账号的切换等功能。

工

作

进

度

计

划

2019.11.11-2019.11.24，接受毕业设计（论文）任务书，准备开题。

2019.11.25-2019.12.15，完成开题工作。

2019.12.16-2019.12.22，提交阶段性成果，接受前期工作检查。

2019.12.23-2019.12.29，开展实习、调研和社会调查等。

2019.12.30-2020.2.23，继续完成毕业实验、系统设计开发、实现等工作。

2020.2.24-2020.3.1，接受毕业设计中期检查。

2020.3.2-2020.4.19，毕业设计(论文撰写)的修改、定稿阶段。

2020.4.20-2020.4.26，提交定稿到学院进行相似度检测。

2020.4.27-2020.6.7，毕业设计 (论文)评审与答辩资格审查，毕业设计 (论文)答辩与评优工作。

主

要

参

考

文

献

[1]马建红.JSP应用与开发技术[M].第三版.清华大学出版社.2018

[2]杨占胜.JSP WEB应用程序开发教程[M].电子工业出版社.2018

[3]张继东.MySQL数据库基于JSP的访问技术[J/OL].电子技术与软件工程，2017,（15）：169（2017-08-03）

[4]王金龙，张静.基于JSP+Mysql的高校慕课（MOOC）教学系统设计[J].通讯世界，2017,（20）：276-277.

[5]潘国荣.基于JSP+PHPBean+Servlet实现模式的增删改模块的设计与实现[J].信息通信，2017,（08）：101-103.

[6]崔娜.JSP的网络数据库连接技术探讨[J].黑龙江科技信息，2016,（36）：259.

[7]刘杨.基于JSP的电子商城系统的设计与实现[J].电脑知识与技术，2016,12（29）：270-272.

[8]刘博.JSP网上购物平台的设计与实现[J].无线互联科技，2016,（01）：9-10.

[9]胡锋.基于JSP的小型购物网站设计与实现[J].信息与电脑（理论版），2016,（03）：94-95.

[10]李君.巧用Jsp和PHP连接Mysql数据库[J]. 现代商贸工业，2015,（07）：94-95.

[11]基于PHP的网上购物系统的设计与开发[D].朱成,2019,TP311.52

[12]David Johannes.A large-scale empirical study of code smells in Javascript projects.[J]Software Quality Journal, 2019, Vol.27 (3), pp.1271-1314

[13]Blanco-Míguez Aitor; Fdez-Riverola Florentino; Sánchez Borja; Lourenço Anália.BlasterJS: A novel interactive Javascript visualisation component for BLAST alignment results.[J]PloS one,2018,page：E0 205-286

[14]Ivan Drnasin; Mislav Grgić; Goran Gogić.Javascript Access to DICOM Network and Objects in Web Browser.[J]Journal of Digital Imaging,Springer journal,2017,page:537-546

[15]Schoen Jeffrey Gregg,PHP Verilog Cross Compiler[P],2019-10-17,G06F8/41

指

导

教

师

评

语

及

改

进

意

见

□ 同意开题                  □ 不同意开题

指导教师签字：             年     月    日

系

部

意

见

□ 同意开题                  □ 不同意开题

系主任签字：               年     月    日