微信小程序的微商城设计与开发【字数:13839】
摘 要随着目前信息时代的迅速发展,一种无需下载、操作不弱于应用程序客户端的新型应用程序进入人们视野 -- 微信小程序。借助它,用户可以通过简单地拿出手机搜索或扫描就可以打开诸多应用程序。同时现在网购已经越来越成为人们生活的一部分,因此,本次课程设计的主题围绕“基于微信小程序设计制作的微商城”展开,希望能设计出一个集“轻”、“便”、“易”于一体的微信购物小程序。本次课题设计主要采用微信开发者工具+Phpstorm+Wampserver服务器作为主要开发环境。前端页面主要采用微信小程序的wxml+wxss+js+json设计规范,后端采用基于MVC设计模式的php技术进行开发,最终设计出一个能模拟现实购物流程的微商城系统。本次设计的微商城主要可以分为两大部分小程序前端和商城后台。小程序端属于用户可操作模块,用户可以进行首页浏览(最新商品、热销商品、为您推荐、详情查看)、商品分类浏览(支持按价格排序、销量排序、商品搜索)、商品购买、购物车管理(购物车结算、购物车商品管理)、订单管理(查看订单、物流查看)、个人中心(取消订单、确认收货、地址设置、公告查看);商城后台属于商家操作模块,商城管理员可以进行商城营业额查看、畅销商品及其种类查看、商品及其分类管理、用户管理(商城用户信息更新、小程序用户信息查看)、商城设置(商品配送区域设置、商品运费规则设置、商品运费计算方式设置)、小程序设置(小程序首页、导航、公告中心设置)、订单管理(订单查看、订单发货、物流查看)。
目 录
1.绪论 1
1.1研究背景 1
1.2课程设计目标及思想 1
1.3课程设计产生的影响 2
2.开发工具及关键技术 2
2.1 开发工具 2
2.1.1开发环境PhpStorm 2
2.1.2 开发语言Php 2
2.1.3 服务器Wampserver 2
2.1.4 数据库MySql 2
2.2 开发技术 2
2.2.1 MVC设计模式 3
2.2.2 JQuery、AJAX技术 3
3.微商城总体设计 4
3.1 商城功能需求分析 4
3.1.1 商品模块需求 4 *好棒文|www.hbsrm.com +Q: #351916072#
3.1.2 购物车模块需求 4
3.1.3 订单模块需求 5
3.1.4 个人中心模块需求 5
3.1.5 商家管理模块需求 5
3.1.6 系统自动验证模块需求 5
3.1.7 商城用例图 6
3.2 商城数据库的设计 6
3.3.1 系统数据库 6
3.3.2 数据库表的关系图 6
4.商城功能详细设计与实现 10
4.1 小程序端功能的实现 11
4.1.1用户浏览商品模块 11
4.1.2购物车模块 17
4.1.3订单模块 22
4.1.4个人中心模块 30
4.2 微商城后台管理模块功能的实现 34
4.2.1 管理员登陆模块 34
4.2.2 商品管理模块 36
4.2.3 商品类别管理模块 41
4.2.4 用户管理模块 43
4.2.5 订单管理模块 44
5.商城测试及演示 48
5.1 测试方法 48
5.2 测试内容 48
5.3 测试总结 49
6.总结与展望 50
6.1 系统项目总结 50
6.2 展望 50
参考文献 52
感想与感谢 53
1.绪论
1.1研究背景
由于现代信息通讯技术以及计算机软硬件的快速发展,智能手机如同雨后春笋般涌入现代人们生活。人们为了日常通讯,使用微信频率不断增加,这为基于微信平台的微商城小程序的出现提供了可能。
由于微信的信息交流互动性、传播普及性极强,这便能够大大提高微商城小程序的熟识度。因此,本次开发基于微信平台的微商城小程序是可行的。而且,只要微商城设计的足够合理有效,就可以拓宽商家的销售渠道。同时借助于微信平台互动共享的特点,开发一个基于微信平台的微商城小程序,就可以实现微信平台销售商品的便利化、个性化。
近年来,随着微信通讯的迅速普及以及微信营销成本低的特点,越来越多的商家开始注重微信平台的使用。同时借助于信息时代智能手机的广泛使用以及微信庞大的用户群,使得微信营销逐步成为未来电子销售行业中成功的法宝。
因此,研究本课题能够很好的理解相关操作知识并懂得微信小程序设计开发的流程。
1.2课程设计目标及思想
本课程设计的主要目的是利用微信小程序和现代互联网技术为商家和用户搭建一个便利的线上交易平台—微商城。它实现了降低商家运营费用和用户便捷购物的统筹兼顾,达到共赢的目的。该系统的优势在于:一方面,降低了商家入驻线上商城的成本,同时减少了商家宣传自家产品的费用,能够大幅度提高商家利润;另一方面,借助于微信小程序病毒式的扩散速度和互联网技术的迅猛发展,大大省去了用户去线下选购的时间,用户能够随时随地购买自己所需的商品,提高生活的效率。这样也就达到了本此课程设计的初衷。
本次课程设计是在Windows10系统环境下开发的,设计的目标是想通过本课题的研究和应用,达到熟练掌握一套前端+后台操作的知识体系以及微信小程序的设计开发流程。微商城前台是基于微信小程序的规则开发而成,后台采用目前火热的基于MVC设计模式的ThinkPhp框架,后台管理界面使用简洁大气的Boostrap风格设计。使用微信开发者工具和PhpStorm作为开发工具,Wampserver集成工具作为Web服务器。利用ThinkPhp独特的路由机制、缓存机制、Api友好等技术优势完成了商品及其类别管理、订单管理、购物车管理、用户管理、配送规则管理等一系列设计。
1.3课程设计产生的影响
本次课程设计的微商城遵循法律规范,旨在便利人们的生活,同时能够简化生活中人们购物的流程,用户无需再跑去线下购买,这在一定程度上减少了塑料产品的使用促进了环境保护;同时借助于互联网技术的发展,本系统推动了线上商城的发展,也促进了物流行业的更新,一定程度上增加了就业。
2.开发工具及关键技术
本系统基于Windows 10环境下开发的,开发工具有:Wampserver服务器、PhpStorm开发环境、MySql数据库、微信开发者工具;用到的主要技术有:MVC设计模式、Ajax技术、JavaScript、Jquery、Boostrap等。
2.1 开发工具
2.1.1开发环境PhpStorm
PhpStorm 是 JetBrains 公司开发的一款商业的 PHP 集成开发工具,旨在提高用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。
2.1.2 开发语言Php
PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。
2.1.3 服务器wampserver
目 录
1.绪论 1
1.1研究背景 1
1.2课程设计目标及思想 1
1.3课程设计产生的影响 2
2.开发工具及关键技术 2
2.1 开发工具 2
2.1.1开发环境PhpStorm 2
2.1.2 开发语言Php 2
2.1.3 服务器Wampserver 2
2.1.4 数据库MySql 2
2.2 开发技术 2
2.2.1 MVC设计模式 3
2.2.2 JQuery、AJAX技术 3
3.微商城总体设计 4
3.1 商城功能需求分析 4
3.1.1 商品模块需求 4 *好棒文|www.hbsrm.com +Q: #351916072#
3.1.2 购物车模块需求 4
3.1.3 订单模块需求 5
3.1.4 个人中心模块需求 5
3.1.5 商家管理模块需求 5
3.1.6 系统自动验证模块需求 5
3.1.7 商城用例图 6
3.2 商城数据库的设计 6
3.3.1 系统数据库 6
3.3.2 数据库表的关系图 6
4.商城功能详细设计与实现 10
4.1 小程序端功能的实现 11
4.1.1用户浏览商品模块 11
4.1.2购物车模块 17
4.1.3订单模块 22
4.1.4个人中心模块 30
4.2 微商城后台管理模块功能的实现 34
4.2.1 管理员登陆模块 34
4.2.2 商品管理模块 36
4.2.3 商品类别管理模块 41
4.2.4 用户管理模块 43
4.2.5 订单管理模块 44
5.商城测试及演示 48
5.1 测试方法 48
5.2 测试内容 48
5.3 测试总结 49
6.总结与展望 50
6.1 系统项目总结 50
6.2 展望 50
参考文献 52
感想与感谢 53
1.绪论
1.1研究背景
由于现代信息通讯技术以及计算机软硬件的快速发展,智能手机如同雨后春笋般涌入现代人们生活。人们为了日常通讯,使用微信频率不断增加,这为基于微信平台的微商城小程序的出现提供了可能。
由于微信的信息交流互动性、传播普及性极强,这便能够大大提高微商城小程序的熟识度。因此,本次开发基于微信平台的微商城小程序是可行的。而且,只要微商城设计的足够合理有效,就可以拓宽商家的销售渠道。同时借助于微信平台互动共享的特点,开发一个基于微信平台的微商城小程序,就可以实现微信平台销售商品的便利化、个性化。
近年来,随着微信通讯的迅速普及以及微信营销成本低的特点,越来越多的商家开始注重微信平台的使用。同时借助于信息时代智能手机的广泛使用以及微信庞大的用户群,使得微信营销逐步成为未来电子销售行业中成功的法宝。
因此,研究本课题能够很好的理解相关操作知识并懂得微信小程序设计开发的流程。
1.2课程设计目标及思想
本课程设计的主要目的是利用微信小程序和现代互联网技术为商家和用户搭建一个便利的线上交易平台—微商城。它实现了降低商家运营费用和用户便捷购物的统筹兼顾,达到共赢的目的。该系统的优势在于:一方面,降低了商家入驻线上商城的成本,同时减少了商家宣传自家产品的费用,能够大幅度提高商家利润;另一方面,借助于微信小程序病毒式的扩散速度和互联网技术的迅猛发展,大大省去了用户去线下选购的时间,用户能够随时随地购买自己所需的商品,提高生活的效率。这样也就达到了本此课程设计的初衷。
本次课程设计是在Windows10系统环境下开发的,设计的目标是想通过本课题的研究和应用,达到熟练掌握一套前端+后台操作的知识体系以及微信小程序的设计开发流程。微商城前台是基于微信小程序的规则开发而成,后台采用目前火热的基于MVC设计模式的ThinkPhp框架,后台管理界面使用简洁大气的Boostrap风格设计。使用微信开发者工具和PhpStorm作为开发工具,Wampserver集成工具作为Web服务器。利用ThinkPhp独特的路由机制、缓存机制、Api友好等技术优势完成了商品及其类别管理、订单管理、购物车管理、用户管理、配送规则管理等一系列设计。
1.3课程设计产生的影响
本次课程设计的微商城遵循法律规范,旨在便利人们的生活,同时能够简化生活中人们购物的流程,用户无需再跑去线下购买,这在一定程度上减少了塑料产品的使用促进了环境保护;同时借助于互联网技术的发展,本系统推动了线上商城的发展,也促进了物流行业的更新,一定程度上增加了就业。
2.开发工具及关键技术
本系统基于Windows 10环境下开发的,开发工具有:Wampserver服务器、PhpStorm开发环境、MySql数据库、微信开发者工具;用到的主要技术有:MVC设计模式、Ajax技术、JavaScript、Jquery、Boostrap等。
2.1 开发工具
2.1.1开发环境PhpStorm
PhpStorm 是 JetBrains 公司开发的一款商业的 PHP 集成开发工具,旨在提高用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。
2.1.2 开发语言Php
PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。
2.1.3 服务器wampserver
版权保护: 本文由 hbsrm.com编辑,转载请保留链接: www.hbsrm.com/jsj/qrs/76.html