基于Django的电子商务系统的设计与实现

1、基于Django的电子商务系统的设计与实现本电子商务系统采用的是html+JavaScript+Python+Django，效仿的是现代社会网上交易平台的一种模式，所有的数据都是从网上找的，并导入到数据库中。电子产品有4到5种的划分，并且每个种类里面都都有不同牌子的划分，使得消费者能够很快的找到自己满意的产品，提高他们的购买欲望。Python在近几年的发展十分迅速，使用起来相比其他语言的话会快速简洁点，这使得本次毕设高效化。前端和后台都有明确的分工，前端使用的是html+JavaScript，后端的是Python+Django，Django框架的好处在于无需第三方库和工具即可创建网站，所以使用

2、起来也较为方便。该系统的主要功能有：产品的分类与条件筛选排序，用户的登录和注册，添加购物车，下单，或者删除订单，收货地址的管理。这些主要功能可以有效帮助到消费者更好更快的操作并且买到自己心仪的电子产品。基于现在的疫情影响，很多人都无法出门，而且现在线下的电子产品销售行情因为电商时代的到来也不理想，基于这样的情况，最后确定设计一套小型的商务系统来帮助消费者购物。关键词：html，JavaScript，Django，PythonAbstractThis e-commerce system adopts HTML + Javascript + Python + Django, which is a

3、model of online transaction platform in modern society. All data is found on the Internet and imported into the database. Electronic products are divided into four to five categories, and each category has different brands, which enables consumers to quickly find their own satisfactory products and

4、improve their purchase desire. Python has been developing rapidly in recent years. Compared with other languages, it will be faster and simpler, which makes the design more efficient. There is a clear division of labor between the front and the back . HTML + JavaScript is used in the front end and p

5、ython + Django is used in the back end. The advantage of Django framework is that the website can be created without a third-party library and tools, so it is too convenient to use. The main functions of the system are: product classification and sorting, user login and registration, add shopping ca

6、rt, order, or delete order, receiving address management. These main functions can effectively help consumers better and faster operation and buy their favorite electronic products. Based on the impact of the current epidemic, many people are unable to go out, and the current online electronic produ

7、ct sales market is not ideal because of the arrival of the era of e-commerce. Based on this situation, we decided to design a small business system to help consumers to shop.Keywords: html，JavaScript，Django，Python目录第1章：绪论11.1 背景及意义11.2 课题发展现状11.3 主要设计思路以及实施工具2第2章：开发工具介绍32.1 HTML简介32.2 JavaScript简介32

8、.3 Django框架32.4 Python简介52.5 MySQL数据库简介6第3章：系统分析73.1 系统可行性分析73.1.1 经济可行性73.1.2 技术可行性73.1.3 运行可行性73.2 系统流程设计73.3 系统运行环境8第4章：系统数据库设计94.1 数据库设计94.1.1 e-r图94.2.2 数据表12第5章：系统实现155.1 系统主要功能155.2 系统各个功能模块实现155.2.1 登录设计实现155.2.2 前台功能模块设计实现175.2.3 后台功能模块设计实现22第6章：系统测试246.1 功能测试246.2 安全测试246.3 用例测试256.4 性能测试2

9、76.5 测试结果分析27第7章：系统特色与创新287.1Django框架的使用287.2创新功能29第8章：结论31参考文献32致谢33广东东软学院本科毕业设计（论文）第1章：绪论1.1 背景及意义1996年，网上购物的人第一次出现了，但是真正开始大部分人数的普及时间可以准确的说是1997年，电子商务产业开始慢慢诞生，经过一年的时间，电子商务算是上升了一个全新的层面上来，按照我们的B2B研究院的研究表示，2009年的时候，我们的电商网站已经一共有了12282个，然后到了2012年的时候，电商的服务月度覆盖网民达到了2.4亿人次，吃的，穿的，喝的，甚至住的，都可以通过网上来实现了，很显然，那时

10、候人们开始改变对网上购物的看法。到了2020年的今天，网上购物成了我们生活至关重要的一环，在疫情期间，无法出去逛街的时候，网上购物就为我们解决了衣食住行中的衣和食了，这足以说明它在生活中发挥的至关重要的作用了。电子商务系统为消费者提供一个较为方便的购物平台，在科技发达的时代，电子商务系统可以说是一个很好的机遇，既帮助消费者解除了不愿出门买东西的烦恼，也让创业的人有新的想法和途径去创业。对于消费者来说，1.可以买到便宜，多样化的商品，2.不用花费很多的时间去逛街买东西，尤其是在2020年的新冠肺炎疫情期间，网上购物显得十分重要。对于创业者即卖家来说，1.部分可以减少一线城市铺租的压力，2.库存压

11、力可能较小，经营的规模不受地域的影响，经营的成本相对来说会比较低。在另一方面，能够促进经济的进一步发展，而且慢慢成熟到从国内电商扩大到跨境电商，相信它进入我们生活的步伐将谁也阻挡不了。1.2 课题发展现状随着科技时代的到来，电子商务的发展可谓是如同火箭发射般的迅速，从以前的年轻人相信网购到现在的老年人都网购，可以看出，消费人群的数量在逐步增加，消费人群的生活各方面都得到了很好的改善。在70，80年代，传统的方式有一定的局限性，经济的发展有一定的瓶颈期，但到了后来，电子商务的到来，使得了经济来往覆盖到了全国，乃至国外。传统的模式是线下购物，假设在一定的区域内没有一些商品的话，我们可能就需要自己跑

12、腿去买或者叫人代买，这样的方式不是很方便，也不利于各地之间经济的交易往来。在国外，很多欧美国家比中国的起步更早，而且很快应用的领域和范围更大，2001年，尤其是美国的电子交易额占全球全部的50%甚至更多，而且它在网站上占90%的份额，且网上的B2B，B2C的销售数目出现了增加的现象，像Ama-zon和Ebay等这些现在比较通用的电商网站的出现就是很好的例子，使得美国的经济发展越来越迅速。在国内，电子商务交易量增长也十分迅速，周所周知的电子商务网站现在是越来越多，比如淘宝，京东，闲鱼，拼多多等等，在短短的十几年中，他们的发展为了国内的消费者和创业者提供了很大的便利。2014年的时候的天猫成交额度

13、一共是571亿元，再到2019年的2684亿元，这足以看出这五年来，天猫就是最好的例子去呈现出电子商务的发展是如此迅速，电子商务的到来，无疑让我们的生活出现了一个跨时代的改善。1.3 主要设计思路以及开发工具主要设计思路：1. 基于大学中需要购买的电脑的人数较多，而学校附近的商城等地方卖电子产品的较少，不利于学生的购买，所以我决定做个关于电子产品的电子商务系统。2. 首先从网上找电子产品数据，经过大量查找的并导入数据库，基于数据库大部分都是MySQL使用的比较多并且方便，所以这次设计选择使用MySQL。3. 其次再设计前端页面，先制作一个静态的页面，由于html的通用性和简易性较好，而且htm

14、l作为主流的前端语言，所以选择用html先做一个静态的网页。4. 静态网页中所设计的内容，包含了产品的分类，推荐与筛选，用户的登录和注册，购物车里面商品的查看，添加，下单，收货地址的管理操作，订单的查看。5. 设计完静态内容后，利用JavaScript去实现动态的页面，页面的跳转以及接口数据的获取。6. Web运用框架是Django，它具有较好的插件，其扩展能力也较强，后台管理比较自助式，这样操作起来比较方便。开发工具：1. MySQL数据库2. Html3. JavaScript4. Django框架5. Python6. Window10操作系统第2章：开发工具介绍2.1 HTML简介Ht

15、ml的英文全名是Hyper Text Marked Language，被叫做超文本标识言语，由html编译完成的文档就是我们所说的html文档，它可以独立在很多种电脑系统上。HTML语言的运用，将所想要表明的消息按照某些特定的规定编写成HTML文件，经过一些专门的浏览器识别，并且能够将HTML文件转化成可以识别的信息，即我们现在上网站看到的网页。HTML是一门创建网页文件的编程语言，以有标记的指令的方式，将影像，图片，声音，文字等元素展现到网页上面去。它理解起来比较容易，操作起来也方便简单，一般来说，html做的网页一般都是静态的。Html的版本从1993年的html1到现在的html5，显然

16、，很多方面都在慢慢因现在的需求得到了改善，比如图形的绘制方面，多媒体内容方面，更好的页面结构，更好的处理方式，定位等等。随着科技时代的发展，需求的多样化，html的完善也会一步步进行下去，发展的趋势将慢慢朝着几个方向进行：html技术的移动端，web内核标准提升，优化web操作体验，移动视频，在线直播等等。2.2JavaScript简介JavaScript最开始的设计人是Brendan Eich。更值得一提的是，它是甲骨文公司的注册商标。Ecma用它的原则规定了一套准则，也就是ECMAScript。它能够被用于另外的方面，如服务器端的编程。它的全体实现需要一共要有这三个环节：文档对象的模型,E

17、CAScript，浏览器对象的模型。JavaScript的简单一点的称呼是js，属于一种函数优先的轻量级，立刻编译型和解释型的编程言语，能够发挥这样的用处，也就是和html的网页进行交互动作，还能够嵌入html，最大部分的浏览器都支持运行，所以它的跨平台性可以说是非常好的，可以实现web界面的人机交互，所以对于本设计有一定的帮助，即JavaScript的使用更有利于与前端的交互。2.3 Django框架 Django是一种开源的web的运用框架，采用的模式是MTV模式，一共有3种，一是发挥处理业务对象与数据库的对象的对应关系的作用，即Model（模型）；二是发挥提供给用户页面观看的作用，即Te

18、mplate（模板）；三是进行业务逻辑，在需要实现一部分功能的时候调用前两者，即View（视图）。另外，它还拥有urls分发器，它的详细用处是把URL的功能和页面的需求转发给不一样的view来解决，然后view再来调用对应的前面所说的模型和模板。Django是为了简洁迅速得去开发数据库驱动的网站的一种框架，经常是代码反复使用，大部分组件能够十分轻松得用一种“插件”的方式去服务这个框架，Django还拥有很多较强性能的第三方插件，你而且能够方便的开发出你的工具包，这说明了Django拥有较强的可扩展性。而且它还强调两个准则，一是极速开发的准则，二是DRY(Do Not Repeat Yourse

19、lf)准则。而且Django支持现在的大部分数据库，即Oracle，MySql，Sqlite3等等。Django框架的图示如下：2.4 Python简介Python属于解释类型的脚本言语，应用的领域十分广，比如：web开发，科学计算和统计，人工智能，软件开发，后端开发，网络爬虫等等。Python语言的易读性，简洁性和可扩展性都较好，使得越来越多人选择用Python进行编程。它的设计理论十分明确，即优雅，简单，明确。在编写Python语言的时候，用Python编程的开发者一般情况下都是不会使用花里胡哨的语法，都会去选择目的明确，基本没有什么歧义的语法。另一方面，Python还拥有各式各样的库，比

20、如图像库，标准库等等，他可以快速协助解决很多问题，比如数据库，网页浏览器等等。它相比于其他语言来说，还是容易学的。由于它的底部实际上用c语言写，不仅如此，连第三方库和标准库这两类库都是是c编写的，所以运行的速度上很明显会快很多。所以用Python作为本次的主要语言来编程的话，相信在运行速度上以及操作上会快速和方便很多。2.5 MySQL数据库简介该电子商务系统的商品的数据需要存在一个数据库里面，这样的话会方便调用和查看，一个数据库在一个系统中用来处理用户的数据是不可或缺的。它能保证数据的独立性，一致性，安全性，可存储性。DB2和Oracle这两类数据库归属于非关系型数据库，MySQL数据库本系

21、统归属于关系型数据库，比较适合本设计的数据库。目前市面上所使用的数据库主要是这两类数据库。不同类型的数据库都有自己的优势所在，在这边就不做具体介绍。采纳MySQL建立本系统的数据库，在前期可以对数据的整合处理，以及对后台对数据的管理时具有很大的帮助。因此MySQL是比较适合的数据库。第3章：系统分析3.1 系统可行性分析3.1.1 经济可行性本次设计在经济上的可行性还算ok的，跟其他的大型项目相比，人力，物力和财力基本是必不可少的，要花费很多，本次设计需要电脑，主要是消耗精力和时间观看相关的书籍和视频，掌握相关的基础知识和积累开发经验，在时间成本上的花费可能会稍微大点，但是在总得来说，不需要花

22、费太大的开销，所以这次电商系统还是可以合格可以通过的项目。3.1.2 技术可行性本次设计是主要以Django框架为主，后端部分用Python语言编程的，前端部分用html言语，JavaScript言语来编程。在框架的选择上，由于Django框架简单易操作后台，而且扩展性和有较强的第三方插件，并且支持多种数据库，所以选择的话基于这几点，我选择了Django框架。Python属于开发速度很快的语言，能够使我在这次设计系统花费的时间成本降低不少。Html和JavaScript是现在开发web项目前端的主要使用的语言，而且现在html版本的不断更新，很多功能的升级更有利于开发的进行。所以本次项目在技术

23、上的可行性是可以达到成功开发的标准的。3.1.3 运行可行性这个系统是基于Django框架开发完成的小商务系统，Python中有MySqldb用于连接MySQL数据库。还有可以用于zope里面的ZMySQLDA模块，通过这个模块就可以在zope中连接到mysql数据库，所以在数据的访问和修改的方面是可行的。在Django框架，可以清楚简单的可以进行操作数据的变更，而且它也支持数据库MySQL，所以在与数据库之间的关联是可行的。综上所述，无论是经济和技术，还是外部的运行可行性上，本设计的开发能够达到正常的水平。3.2 系统流程设计流程图是将一个操作的各个顺序步骤按照一定的逻辑展示出来的一个图形。

24、只要这个操作有过程，那么肯定有一个流程。流程图就是对于描述这个操作的解释。流程图对于我们进行现行的过程或者根据需要进行新的改进的时候有着非常重要的作用。本系统流程设计如下图3.1所示。图3.1系统流程设计图3.3 系统运行环境系统运行的环境如下：CPU：英特尔i5-6200U内存大小：4G硬盘大小：500G操作系统：Windows 10开发工具：PyCharm2020.164数据库：MySQL34第4章：系统数据库设计4.1 数据库设计4.1.1 e-r图关系型的数据库（本系统采用的MySQL数据库为一种轻量级关系型数据库）是目前应用市面上的系统中使用比较频繁的一种数据库。本系统运用的是pyt

25、hon语言，以Django框架为主，绝大部分面向对象系统设计，因此数据库的设计和其他的一样也是面向对象的。E-R模型图按照下图4-1展现：图4.1 数据库E-R图依赖于系统功能的需求，下面的的实体与关系模型为进行细分系统中的E-R图后的模型：（1）系统商品类别属性按照4.2展示：图4.2用户具体属性图（2）生产商属性按照4.3展示：图4.3生产厂商类具体的属性图（3）商品信息类实体属性图，按照4.4展示。图4.4房产信息类具体的属性图（4）订单类实体属性图，按照4.5展示。图4.5订单类具体的属性图（4）订单类实体属性图，按照4.6展示。图4.6收货地址类具体的属性图（4）用户档案类实体属性图

26、，按照4.7展示。图4.7用户档案类具体的属性图4.1.2 数据表系统中使用到的主要数据表有订单表，用户的信息表，商品的信息表，收货地址表，商品类别表，生产商表等。具体表结构如下：表4-1 订单表（order）表4-2 用户档案表(userprofile) 表4-3 商品信息表（product）表4-4 收货地址表（diveryaddress）表4-5 商品类别表（category）表4-6 生产商表（manufacturer） 第5章：系统实现5.1 系统主要功能经过一段时间系统需求上的归纳与调查，结合了其他电商网站的特点与需求，我将这次的设计划分为前台和后台两个模块，前台的包括用户登陆、注

27、册、查看筛选商品、增加订单、加入购物车、会员中心等功能模块；商品管理、用户信息管理、订单管理、产品管理等功能模块为后台主要功能。其中的功能结构图按照图5.1展示：图5.1系统功能结构图5.2 系统各个功能的模块实现5.2.1 登录设计实现当用户没有登录就开始下单或者其他操作的时候的话，会提示去登录，用户必须正确填写用户名以及密码就能够显示出登录成功，与数据库的数据相匹配了才可以正确登录，只要有一个失败的话都会提示登录失败，按下图5.3-5.4展现：图5.3 系统登录界面图5.4系统登录流程设计图5.2.2 前台功能模块设计实现前台模块主要包含了用户登录与注册，用户把商品加到购物车里面，用户查看

28、和修改收货地址，用户下单显示订单的模块。（1）首页模块系统首页的运行界面如图5.5所示。图5.5首页实现界面（2）用户添加购物车模块的实现在添加购物车操作界面，用户可以查看商品详情，确认需要的数量，再添加进购物车等操作，添加购物车实现界面按照图5.6展现： 图5.6添加购物车模块实现界面（3）用户注册功能和登录模块的实现会员准备注册与登录的功能界面按照下图5.7展现。图5.7用户注册和登录实现界面（4）用户下单显示订单信息状态模块的功能实现用户下单显示订单信息状态的界面如图所示：图5.8用户下单并显示订单信息状态实现界面（5） 用户查看和修改收货地址模块的功能实现用户查看和修改收货地址模块实现

29、界面如图所示：图5.9用户查看和修改收货地址模块实现界面5.2.3 后台功能模块设计实现后台模块主要包含管理员的对订单状态的管理，对商品信息的处理模块。（1）订单信息的管理模块管理员对订单信息增加，删除，查看，修改是此模块主要实现的功能。这个模块的页面按照5.8展现：图5.8订单信息管理的模块界面（2） 商品信息的处理模块管理员对商品信息的处理模块中主要包含了对商品的不同筛选排序方式，以及对关键字搜索找到商品。模块的使用页面按图5.9展现：图5.9订单信息管理模块界面第6章：系统测试系统测试在设计开发里面是一个关键的环节之一，对软件的功能性，安全性和实用性都有很重要的帮助。通过对系统不同方面的

30、测试，能够找出系统不足以及漏洞，及时改善便利于一个好的系统的开发。6.1 功能测试功能性方面的测试呢，主要有几种：依从性、适用性、可操作性、准确性、安全性。本系统功能测试按表6-1展示：表6-1 系统功能测试6.2 安全测试详细的安全性测试方面按表6-2展现：表6-2安全测试6.3 用例测试具体测试方面分两种，一种是系统可用性测试，一种是系统用例测试，如表6-3，表6-4所示：测试项目测试用户评价网站的启动是否正常是否能够跳转到其他页面图片的显示是否正常数据是否能够正确显示出来产品筛选是否能够成功实现操作流程是否简单易操作鼠标点击是否能够支持表6-3 系统可用性测试序号用例名称用例操作预期结果

31、测试结果1用户登录在相应的位置上去输入用户名，密码。输入的用户名和密码同时正确，则显示一条信息，即成功登陆，失败的话会显示登录失败提示。符合预期的结果2添加购物车浏览到自己想要的商品，然后点击并输入购买的数量，点击添加购物车。点开我的购物车，会显示我们添加到购物车的商品信息。符合预期的结果3删除购物车的商品打开我的购物车，察看里面的商品的信息，选择自己要删除的商品，点击删除按钮。点击删除按钮，商品信息会消失，重新打开购物车，就不会看到我们刚刚删除的商品信息了。符合预期的结果4下单打开我的购物车，确认好我们需要买的商品信息，点击下单，会显示提交成功，并可以查看我的订单详情。成功下单，并能够看到我

32、们下单的商品详情以及收货地址等等订单详情。符合预期的结果5付款当用户付完钱的时候，后台管理会把订单的状态修改，并显示在我的订单详情里面。订单的状态成功修改。符合预期的结果6商品筛选点击筛选的不同方式后，查看显示的商品筛选的商品的排列方式符合筛选的规则。符合预期的结果表6-4 系统用例测试6.4 性能测试性能测试对系统的后期修改和用户体验有很大的帮助，性能测试一共有三种，压力上的测试，负载上的测试，容量上的测试，简而言之就是测试不同环境，多个用户登录系统，电脑系统的大负荷情况下会不会造成系统的奔溃，如下面表6-5所示：序号测试项目预期结果测试结果1测试50个用户登录网站，检测是否所有用户都能成功

33、登陆所有用户都能成功登录与预期结果符合2在电脑多程序启动的情况下，登录账户并使用系统，查看是否有卡顿现象无卡顿现象与预期结果符合3多达100个订单的添加，是否会导致订单的无法再次添加大量订单添加的情况下，订单可以继续添加与预期结果符合表6-5性能测试6.5 测试结果分析经过多个方面对该系统的测试之后呢，没有出现太大的与预期结果不符合的误差，并且主要的是测试操作简单，测试的结果还算理想，这样的话有利于用户更好的体验，所以该测试结果可以使的该系统可供用户使用。第7章：系统特色与创新7.1Django框架的使用Django框架的应用比较便利，当然界面清晰，对后台管理有挺大的协助作用，能够提高管理员的

34、工作效率，本系统有筛选排序功能，该框架的使用，能够清楚看到筛选的方式，可以清楚查到不同筛选排序下商品的信息。商品的排序有利于用户更加直观的去对不同品牌，不同款商品的比对，这样很好的提高用户的体验感。Django的框架操作，方便后台管理员的操作查看后台数据，对用户的订单增删查改都会比较方便，不需要去看数据库就可以在里面直接修改查看。而且后台用户还可以直接通过关键字去搜索到关键字去修改和查看产品的信息，这样对后期的管理有很大的协助作用。7.2创新功能 每个设计项目都会有属于自己的独特点以及创新点，为了提高用户对系统的体验感受，能够直观的看出商品信息之间的差异，做出了一个筛选排序的功能，这样的好处是

35、能够让用户浏览数据比对，就能够挑选到它喜欢的商品，大大提高用户的满意度。实现的过程是：只要用户去点击筛选的排序方式，就会显示出商品的信息，前端会调用到后台的ur地址的数据，返回去到前端，并且显示在前端页面，用户就能看到筛选排序后的商品信息。相关实现代码实现以及功能页面由图7.1-7.5所示：代码部分：（1）：（2）：功能实现截图：（1）：（2）： 图7.1-7.5第8章：结论经过这段期间的学习和李志中老师的指导，我可算一步一个脚印地完成了这份毕业设计，自己也是收获良多，在基础知识上的学习自己也是花费了较长的时间去找视频看，不会的时候都会去问李志中老师或者同学，很庆幸他们都能义无反顾得帮助我，我

36、很想对他们表示感谢。当然啦，在这次设计上，我还是遇到很多困难，对Django框架的使用从一脸茫然到现在能够掌握一大半的状态，前端的知识之前也是没怎么学习，在自己经历长时间的学习，也还是慢慢掌握了，Python这门语言也是大三大四才学的，所以多多少少还有点了解，这对设计还是有一定的帮助的。在选择做什么的时候，自己也是请教了指导老师和同学，基于自己所掌握的知识，最后选择了电商系统。自己也去网上找一些电商系统做参考，然后制定自己的用户需求，慢慢一步步得添加功能，虽然这个过程很漫长并且累，但是当自己能够每次经过调试成功运行的时候，心里不由得很欢喜。每个模块的制定，都需要花时间去慢慢摸索与考量，当我想不

37、到idea的时候，我都会去网上找找看，也请教了老师，他们都给了我很多灵感和建议。这次设计也让我收获到，一个好的系统不是一蹴而成的，是需要一步步了解需求，制定模块，慢慢一个个功能块去实现的。一个好的系统，测试也是必不可少，之前很少做测试，后来才发现，测试可以检验出很多问题，这样有利于从中去修改，使得系统逐步完善，提高用户的体验感。坚持，努力，虚心求教让我终于完成了这个设计，但是由于时间和经验的不足，我觉得我的设计还是有很多地方值得去改进和优化的，希望以后我在开发上不求最完美，只求更完美。该系统拥有下面的特点：1、 界面比较清晰简洁，用户使用起来挺方便。2、采用Django框架方便后台管理，有利于数据修改更