近年来,随着计算机技术的快速发展和互联网时代的到来,使Internet 技术持续迅猛的发展,也给传统的交易方式提出了新的模式。首先,按以往,人们只能通过果蔬店或电话来预定果蔬,去果蔬店即浪费时间又繁琐,电话订购虽然方便,但是不能获得果蔬的具体信息,而且还要受时间和空间的限制。社区果蔬网站可以很好的解决这个问题,拉近了消费者与商家间的距离。与传统的销售交易方式相比,通过线上购买果蔬可以让消费者在任何地方(只要拥有一台和网络连接的计算机和手机)都可以轻松的购买到自己中意的果蔬。对于商家来说,可以将更多的果蔬信息放在网络上,可以让更多的消费者来任意选购,同时还可以节约大量的人力和物力。用户可以在线对各种果蔬信息进行浏览。
随着商品经济的发展和信息技术的高度发达,商务行为电子化已经成方一种越来越流行的趋势,而电子商务则是这一趋势下的必然产物,越来越多的企业和个人的购物方式和以前有了实质的改变,以前的实体店已经不能足客户的需求,网上商店越来越多,交易的方式也从以前的网上发布,然网下交易购买,发展到了现在直接在网上进行在线支付。随着物流的发展交易的物品也从以前的大件物品,发展到现在基本所有商品都能在网上购买。
电子商务是在网络上进行的商务活动,即利用计算机网络进行产品、服务、信息等交易。电子商务作为一种独立的经济形态,已初具规模,一些电子商务网站如卓越、当当等的成功给人们的生活带来了巨大的影响。全球化下的经济快速增长结合信息技术的高速发展,电子商务的发展也与日俱增。电子商务网站系统作为网上贸易的桥梁,其设计和实现正如传统经济下企业店铺的经营和管理,凭借自身各方面的优势,网站在沟通和促进整个行业的发展方面都有至关重要的作用。在全球信息化浪潮的推动下,国内出现了众多的电子商务企业,而电子商务系统的开发和运用则是电子商务企业成败的关键。电子商务以一种全新的商务方式展现在人们眼前。电子商务已被广大的互联网用户所接受,网上销售系统作为其中的一部分也有了迅速的发展。目前,网上销售在国际互联网上可以实现的商务功能已经多样化,可以完成从最基本的信息展示、信息发布功能到在线交易、在线客户服务、在线网站管理等功能。
- (一)PHP开发语言
PHP是一种面向对象的程序设计语言,类是PHP程序的基本组成单元,类中又包含了属性和方法,在类中又可以创建无数个对象。类中包含的主要成员是字段和方法,字段是指一种数据变量,方法是指对字段进行操作的集合,包括给其他变量赋值、调用方法等。PHP代码都是编写在类体中,类体中的每个数据项都可以看作是一个对象,PHP不支持类的多重继承,但可以支持接口的多重继承,并且支持类和接口的实现。由于PHP通常在网络环境中使用,所以PHP提供了一个防止代码恶意攻击的安全机制,同时,PHP具有强类型机制、自动收集垃圾和异常处理等特性,这些都是PHP语言健壮性的重要保证。
1、PHP语言具有如下特点:
(1)PHP 结合 C、Java、Perl 以及自创的新语法形成了自己独特的语法。
(2)PHP可以更快速的执行动态网页,当然这只是相对于CGI或者Perl来说,PHP可以在HTML文档中嵌入程序,而且去执行,另外PHP能够实现CGI的所有功能,因此说明PHP具有很强大的功能。
(3)大部分当下流行的数据库和操作系统PHP语言都能够支持。
(4)PHP语言的最重要特点就是可以让C、C++进行扩展
2、PHP语言具有如下优势:
(1)开放源代码:事实上PHP的所有源代码都可以得到。
(2)免费性:PHP是开源代码并且免费
(3)快捷性:PHP对于初学者来说,它不止编辑简单可以嵌入与HTML语言中,而且对于程序开发和运行也是非常快速的,并且非常容易掌握。
(4)跨平台性强:PHP是可以在服务器运行的脚本语言,所以在UNIX、Android、Mac OS、WINDOWS等操作平台上都可以运行。
(5)效率高:PHP对系统资源的消耗相当少,所以它的效率高。
(6)图像处理:PHP不止是可以使用GD2对图像进行处理,而且他还可以完成对图像的创建。
(7)面向对象:php4、php5对于PHP在面向对象上,有了许多的改进,PHP语言开发大型商业程序也是可以胜任的。
- JavaScript脚本语言
此作品中,其中包含了页面的搭建,以及前后台数据接口的连接等,而对于实现用户页面交互以及一些页面逻辑性判断等功能都是用JavaScript完成的[7],而JavaScript是已经被广泛用于Web应用开发,是一种属于网络的脚本语言,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。JavaScript作为一种描述语言,作用于web前端,它基于对象(object)和事件驱动(Event Driven)并且安全性也较好。它可以有效的在客户端运行并为服务器减轻负担。
1、JavaScript具有的特点:
(1)脚本语言。JavaScript是一种脚本语言并具有解释性,在程序运行过程中,它就可以进行解释。
(2)基于对象。JavaScript可以创建对象,而且还可以使用现在存在的对象,它是基于对象的脚本语言。
(3)简单。JavaScript不对使用的数据类型有着严格的要求,应用的是弱类型的变量类型,设计是十分紧凑简单。
(4)动态性。JavaScript是可以不经过Web服务器对用户的操作做出相应,是可以采用事件驱动的脚本语言。
(5)跨平台性。JavaScript可以不依赖操作系统,但需要浏览器的支持。所以在编写JavaScript脚本后可以在任意机器上使用,但要注意的一点,使用的浏览器是支持JavaScript脚本语言,现在大多浏览器也支持JavaScript。
2、JavaScript的用途
JavaScript的用途是解决页面交互和数据交互,最终目的是丰富客户端效果以及数据的有效传递。
(1)实现页面交互,提升用户体验实现页面特效。即js操作html的dom节构或操作样式。
(2)客户端表单验证。当数据传送到服务端前,可以将用户填入并上交的信息快速有效的验证,进行了数据的交互,为服务器减轻了负担。
Mysql Database,通常简称为Mysql,是一款关系型数据库的管理系统。Mysql数据库系统是目前最流行的关系型数据库管理系统之一,其系统具有良好的可移植性,功能强大且使用十分方便。Mysql支持很多系统和硬件,包括HP-UX,Linux,MicrosoftWindows,SunSolaris,AppleMac等。
Mysql系统的特点:
(1)Mysql的多线索服务器的体系结构使其只利用很少的资源就能够支持多用户的、大数据的高性能事务处理;
(2)Mysql支持大量的多媒体数据,例如声音、动画、二进制图形和多维数据结构等;
(3)Mysql提供了安全保密管理系统,具有良好的安全性、一致性和完整性;
(4)具有新的分布式数据库能力和分布处理的能力;
(5)提供了一些高级语言的接口软件,可以帮助快速开发基于客户端的应用程序,具有良好的移植性、可连结性和可兼容性。
Mysql数据库逻辑结构包含表空间(tablespace)、段(segment)、范围(extend)、数据块(datablock)、和模式对象(schemaobject) 。每一个数据库都可以逻辑划分为一个或多个表空间,每一个表空间都是由一个或多个数据文件来组成。Mysql数据库分为系统表空间和非系统表空间,每一个Mysql数据库都包含一个称作SYSTEM的系统表空间。
- AJAX技术
AJAX是创建交互式网页的一种开发技术,利用AJAX技术可以实现以无刷新网页的方式更新HTML元素中的内容。传统的网页如果要更新网页内容,必须重新加载整个页面,而AJAX使用异步数据传输在网页和Web服务器之前传递HTTP请求,这样可以使网页只请求少量信息,而不用刷新整个页面。
- Thinkphp框架介绍
ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。最早诞生于2006年初,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进。
ThinkPHP是一个快速、兼容而且简单的轻量级国产PHP开发框架,诞生于2006年初,原名FCS,2007年元旦正式更名为ThinkPHP,遵循Apache2开源协议发布,从Struts结构移植过来并做了改进和完善,同时也借鉴了国外很多优秀的框架和模式,使用面向对象的开发结构和MVC模式,融合了Struts的思想和TagLib(标签库)、RoR的ORM映射和ActiveRecord模式。
ThinkPHP可以支持windows/Unix/Linux等服务器环境,正式版需要PHP5.0以上版本支持,支持MySql、PgSQL、Sqlite多种数据库以及PDO扩展,ThinkPHP框架本身没有什么特别模块要求,具体的应用系统运行环境要求视开发所涉及的模块。
作为一个整体开发解决方案,ThinkPHP能够解决应用开发中的大多数需要,因为其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件,并且对于跨版本、跨平台和跨数据库移植都比较方便。并且每个组件都是精心设计和完善的,应用开发过程仅仅需要关注您的业务逻辑。
(六)B/S体系结构介绍
B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起后的一种网络结构模式,WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。客户机上只要安装一个浏览器,如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer,服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互。
本系统将在经济、技术、操作这三个角度上进行可行性分析。
整个系统从设计到开发以及测试过程严谨步骤齐全,所有工作任务全部由本人完成,并未获取外部技术支持,节约了一切服务成本开销以及人工成本,在硬件方面,为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器,成本在一万元一下,真个网络部署也是由本人独立完成不涉及到其他人工费用,整个开发过程本着低成本,低消耗的原则。
技术可行性分析的目的是确认该系统能否利用现有技术实现,并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下,计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于PHP语言,所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少,所以用Mysql数据库开发和设计软件理论上没有问题,因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
社区果蔬网站的使用界面简单易于操作,采用常见的界面窗口来登录界面,通过电脑进行访问操作,用户只要平时使用过电脑都能进行访问操作。此系统的开发采用PHP技术开发,人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。
前台需求:
(1)用户模块:主要包括用户的注册和登陆、用户个人信息管理等功能。
(2)时令果蔬模块:主要包括时令果蔬信息浏览、信息展示、果蔬搜索、购买等功能。
(3)购买订单模块:主要包括添加购买订单、查看我的购买订单和删除购买订单等功能。
(4)订单模块:主要包括生成订单、我的订单、查看订单详细信息、在线支付等功能。
(5)积分记录模块:主要用于购买积分、可以查询个人积分记录。
(6)促销活动模块:用户可以查询促销活动。
后台需求:
(1)用户管理:主要包括用户列表、用户等级管理等功能。
(2)产品管理:主要包括产品列表、品类管理、产品添加、产品信息管理等功能。
(3)订单管理:主要包括订单确认、支付查看等功能。
(4)积分记录管理:主要对用户的积分记录信息进行管理。
(5)促销管理:对促销活动进行发布。
用户用例图如下所示。
图1 用户用例图
管理员用例图如下所示。
图2 管理员用例图
商家用例图如下所示。
图3 商家用例图
果蔬添加用例描述如下表所示。
表1果蔬添加用例描述
用例名称 | 添加新果蔬 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行添加新果蔬操作 | |
前置条件 | 管理员添加新果蔬前必须登录系统 | |
后置条件 | 系统中添加一个新果蔬 | |
基本事件流 | 参与者动作 | 系统响应 |
4、管理员填写新果蔬信息,点击“添加”按钮。 | 2、系统打开添加新果蔬界面。 3、系统检查管理员输入的果蔬信息是正确有效的。 5、系统将果蔬添加到数据库中。 6、系统提示“操作成功”。 7、系统跳转到果蔬管理界面。 | |
其他事件流 | 1、系统验证管理员输入的果蔬名为空,则提示“*请填写果蔬名称!”。 2、系统验证管理员输入的价格不是数字格式,则提示“*价格必须是数字格式!” |
果蔬删除用例描述如下表所示。
表2果蔬删除用例描述
用例名称 | 删除果蔬 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行删除果蔬操作 | |
前置条件 | 管理员删除果蔬前必须登录系统 | |
后置条件 | 系统中删除一个果蔬 | |
基本事件流 | 参与者动作 | 系统响应 |
1、管理员在后台主界面选择“果蔬管理”。 4、管理员选择一个果蔬,点击“删除”按钮。 6、管理员点击“确定”按钮。 | 2、系统从数据库中获取果蔬信息列表 3、系统打开果蔬列表界面。 5、系统提示“你确定要删除吗?”。 7、系统将果蔬从数据库中删除。 8、系统提示“删除成功”。 9、系统跳转到果蔬管理界面。 | |
其他事件流 | 无 |
用户编辑用例描述如下表所示。
表3用户编辑用例描述
用例名称 | 修改用户 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行修改用户信息操作 | |
前置条件 | 管理员已经登录系统 | |
后置条件 | 系统中更新一条用户记录 | |
基本事件流 | 参与者动作 | 系统响应 |
1、管理员在后台主界面选择“用户管理”。 4、管理员在用户列表中选择一个用户,点击“编辑”按钮。 6、管理员填写用户信息,点击“保存修改”按钮。 | 2、系统从数据库中获取用户信息。 3、系统打开用户列表界面。 5、系统打开修改用户信息界面。 7、系统将更改后的添加到数据库中。 8、系统提示“操作成功”。 9、系统跳转到用户管理界面。 | |
其他事件流 | 无 |
果蔬购买用例描述如下表所示。
表4果蔬购买用例描述
用例名称 | 果蔬购买 | |
参与者 | 用户 | |
用例概述 | 本用例用于用户进行对果蔬购买操作 | |
前置条件 | 用户已经登录系统 | |
后置条件 | 系统中增加一条用户购买记录 | |
基本事件流 | 参与者动作 | 系统响应 |
1、用户在前台首页选择任意一个果蔬分类。 4、管理员在用户列表中选择一个果蔬。 7、用户填写购买订单,点击“购买”按钮。 | 2、系统从数据库中获取果蔬列表信息。 3、系统打开果蔬列表界面。 5、系统从数据库中获取果蔬信息。 6、系统打开果蔬信息及购买界面。 8、系统检查用户输入的信息是正确有效的。 9、系统将购买记录添加到数据库中。 | |
其他事件流 | 1、系统验证用户输入的字段为空,则提示“*购买数量不能为空!”。 |
随着用户量的增加,系统可能会需要同时服务上千、上万个页面,服务器需要同时响应大量用户的操作,这就要求系统需要有良好的可扩展性,否则系统会出现延迟,卡顿甚至服务器崩溃的问题。高扩展性可以使软件保持旺盛的生命力,同时也能够使系统更好的适应用户增加、提高性能需求、增加应用功能等改变。
系统中保存了大量用户和管理员的个人信息,因此,保证系统服务器和数据安全是在开发过程中需要考虑的重要问题。安全性包括服务器安全、操作系统安全、数据库安全、程序代码安全以及用户个人信息和支付安全等,系统可以通过采用防火墙技术、加密技术、认证技术等来增强其安全性,只有一个健壮安全的系统才能具有长久的生命力。
社区果蔬网站的前台中,用户模块和产品模块进行数据交互,实现购买的功能。前台的功能主要包括用户模块、时令果蔬模块、促销活动模块、积分记录模块、兑换申请、购买模块和订单模块。
社区果蔬网站的后台中,管理员对用户在前台提交申请产生的数据进行处理,以满足用户的需求。前台系统和后台系统有数据交互,整个系统各个部分相互独立又密不可分。后台的功能主要包括用户管理、产品管理、活动管理、活动订单管理、兑换申请管理。
通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同,将系统分为各种功能大块。系统功能结构如下图所示。
图4系统功能结构图
注册/登录
游客(未进行注册或登陆的用户)可以浏览、搜索果蔬信息,但不能进行收藏和购买。用户注册首先需要进行表单验证,来验证账号和密码是否合法,然后验证账号是否已经存在,验证通过即可注册。
注册成功后,用户可以通过输入用户名来登录系统,输入密码后进行验证。登录成功后,用户可以进行果蔬信息查看、购买、查看我的订单、促销活动了解、个人信息管理等功能。
个人信息管理
用户登录系统后,在账户设置中,可以修改昵称、头像、登陆密码、收货地址等个人基本信息。
果蔬搜索
系统首页展示了果蔬搜索输入框,用户在输入框内输入与果蔬名称相关的关键字,系统通过模糊查询搜索到用户需要的果蔬并展示。
果蔬信息展示
用户在浏览果蔬时,点击某一个果蔬,跳转到该果蔬的信息展示页。在果蔬信息页面展示了果蔬的具体信息,比如果蔬产地,价格详情等,用户通过浏览信息了解果蔬的具体信息,最终决定是否购买。
果蔬购买
在果蔬信息页面,用户可以通过点击“购买”进行购买果蔬,点击后跳转到订单生成页面。订单生成页面会展示果蔬信息,收货地址,配送信息等,用户确认后信息无误点击“提交”生成订单,订单生成后跳转到支付页面,支付完成则购买成功。
查看订单详情
用户在查看我的订单列表时,可以点击某一个订单来查看该订单的详细信息,主要包括订单编号、订单状态、订单日期、订单中的上商品信息、交易金额等。订单详情还可以查看订单的配送信息。
概念设计包括实体和联系两部分,如该系统中,用户是一个实体,其属性包括用户 ID 标识、用户名、密码、电话、地址等属性。联系是指实体之间有意义的关联,包括一对一、一对多、多对多三种类型。
系统E-R图如下所示。
图5系统E-R图
在图中,用户购买商品,关系为1:N,管理员管理商品信息,关系为1:N,用户和订单的关系为1:N。
连接数据库的文件在Resources 文件夹下的application.yml文件,代码如下:
server:
port: 5000
servlet:
context-path: /api
spring:
datasource:
url: jdbc:mysql://127.0.0.1:3306/CS725260_20211101091736?serverTimezone=GMT%2B8&useSSL=false&characterEncoding=utf-8
username: root
password: root
driver-class-name: com.mysql.cj.jdbc.Driver
jackson:
property-naming-strategy: CAMEL_CASE_TO_LOWER_CASE_WITH_UNDERSCORES
default-property-inclusion: ALWAYS
time-zone: GMT+8
date-format: yyyy-MM-dd HH:mm:ss
servlet:
multipart:
max-file-size: 100MB
max-request-size: 100MB
针对系统的实体和属性,结合数据设计思想,对系统的逻辑设计的内容进行如下描述。
果蔬(果蔬编号、编号、名称、图片、价格、库存)。
购买订单(购买订单编号、商品名称、购买数量、总额、购买人、购买时间)。
订单(订单编号、用户名、订单内容、总金额、收货地址、是否支付)。
果蔬展示(展示编号、名称、描述信息、图片)。
数据库表是设计和实现系统的一个重要基础。以下列出了社区果蔬网站几个重要的数据库表。
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
registered_user_id | int | 11 | 是 | 是 | 注册用户ID |
user_name | varchar | 64 | 是 | 否 | 用户名 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
Fruits and vegetables_id | int | 11 | 是 | 是 | 果蔬ID |
commodity_attribute | text | 0 | 否 | 否 | 商品属性 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
cart_title | varchar | 125 | 否 | 否 | 标题: |
cart_img | text | 0 | 否 | 否 | 封面图 |
cart_description | varchar | 255 | 否 | 否 | 描述 |
cart_price_ago | double | 8 | 是 | 否 | 原价:[1] |
cart_price | double | 8 | 是 | 否 | 卖价:[1] |
cart_inventory | int | 11 | 是 | 否 | 库存 |
cart_type | varchar | 64 | 是 | 否 | 商品分类: |
cart_content | longtext | 0 | 否 | 否 | 正文: |
cart_img_1 | text | 0 | 否 | 否 | 主图1: |
cart_img_2 | text | 0 | 否 | 否 | 主图2: |
cart_img_3 | text | 0 | 否 | 否 | 主图3: |
cart_img_4 | text | 0 | 否 | 否 | 主图4: |
cart_img_5 | text | 0 | 否 | 否 | 主图5: |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
order_id | int | 11 | 是 | 是 | 订单ID: |
order_number | varchar | 64 | 否 | 否 | 订单号: |
goods_id | mediumint | 8 | 是 | 否 | 商品id |
title | varchar | 32 | 否 | 否 | 商品标题: |
img | varchar | 255 | 否 | 否 | 商品图片: |
price | double | 10 | 是 | 否 | 价格: |
price_ago | double | 10 | 是 | 否 | 原价: |
num | int | 8 | 是 | 否 | 数量: |
price_count | double | 8 | 是 | 否 | 总价: |
norms | varchar | 255 | 否 | 否 | 规格: |
type | varchar | 64 | 是 | 否 | 商品分类: |
contact_name | varchar | 32 | 否 | 否 | 联系人姓名: |
contact_email | varchar | 125 | 否 | 否 | 联系人邮箱: |
contact_phone | varchar | 11 | 否 | 否 | 联系人手机: |
contact_address | varchar | 255 | 否 | 否 | 收件地址: |
postal_code | varchar | 9 | 否 | 否 | 邮政编码: |
user_id | int | 10 | 是 | 否 | 买家ID: |
merchant_id | mediumint | 8 | 是 | 否 | 商家ID: |
create_time | timestamp | 0 | 是 | 否 | 创建时间: |
update_time | timestamp | 0 | 是 | 否 | 更新时间: |
description | varchar | 255 | 否 | 否 | 描述 |
state | varchar | 16 | 是 | 否 | 订单状态 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
cart_id | int | 11 | 是 | 是 | 购物车ID: |
title | varchar | 64 | 否 | 否 | 标题: |
img | varchar | 255 | 是 | 否 | 图片: |
user_id | int | 10 | 是 | 否 | 用户ID: |
create_time | timestamp | 0 | 是 | 否 | 创建时间: |
update_time | timestamp | 0 | 是 | 否 | 更新时间: |
state | int | 1 | 是 | 否 | 状态: |
price | double | 8 | 是 | 否 | 单价: |
price_ago | double | 8 | 是 | 否 | 原价: |
price_count | double | 10 | 是 | 否 | 总价: |
num | int | 8 | 是 | 否 | 数量: |
goods_id | mediumint | 8 | 是 | 否 | 商品id |
type | varchar | 64 | 是 | 否 | 商品分类: |
description | varchar | 255 | 否 | 否 | 描述 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
Fruits_id | mediumint | 8 | 是 | 是 | 时令果蔬id |
title | varchar | 125 | 否 | 否 | 标题 |
img | text | 0 | 否 | 否 | 封面图 |
description | varchar | 255 | 否 | 否 | 描述 |
price_ago | double | 8 | 是 | 否 | 原价:[1] |
price | double | 8 | 是 | 否 | 卖价:[1] |
customize_field | text | 0 | 否 | 否 | 自定义字段 |
sales | int | 10 | 是 | 否 | 销量 |
inventory | int | 11 | 是 | 否 | 库存 |
type | varchar | 64 | 是 | 否 | 分类: |
hits | int | 10 | 是 | 否 | 点击量 |
content | longtext | 0 | 否 | 否 | 正文 |
create_time | timestamp | 0 | 是 | 否 | 创建时间: |
update_time | timestamp | 0 | 是 | 否 | 更新时间: |
img_1 | text | 0 | 否 | 否 | 主图1: |
img_2 | text | 0 | 否 | 否 | 主图2: |
img_3 | text | 0 | 否 | 否 | 主图3: |
img_4 | text | 0 | 否 | 否 | 主图4: |
img_5 | text | 0 | 否 | 否 | 主图5: |
source_table | varchar | 255 | 否 | 否 | 来源表: |
source_field | varchar | 255 | 否 | 否 | 来源字段: |
source_id | int | 10 | 是 | 否 | 来源ID: |
user_id | int | 11 | 否 | 否 | 添加人 |
- 系统实现
用户注册完成后,点击“登陆”进入到登陆页面,输入用户名和密码,点击“登陆”按钮,对用户名和密码进行验证,根据传入的用户名和密码在数据库中是否能查询到一条用户信息,若不能返回用户信息则登陆失败,页面提示用户名或密码错误。
登陆拦截管理器,在config文件夹下的WebAppConfig.java文件,代码如下:
return [
// 数据库类型
'type' => 'mysql',
// 服务器地址
'hostname' => '127.0.0.1',
// 数据库名
'database' => 'CS85950_20211206165410',
// 用户名
'username' => 'root',
// 密码
'password' => 'root',
// 端口
'hostport' => '3306',
// 连接dsn
'dsn' => '',
// 数据库连接参数
'params' => [],
// 数据库编码默认采用utf8
'charset' => 'utf8',
// 数据库表前缀
'prefix' => '',
// 数据库调试模式
'debug' => true,
// 数据库部署方式:0 集中式(单一服务器),1 分布式(主从服务器)
'deploy' => 0,
// 数据库读写是否分离 主从式有效
'rw_separate' => false,
// 读写分离后 主服务器数量
'master_num' => 1,
// 指定从服务器序号
'slave_no' => '',
// 自动读取主库数据
'read_master' => false,
// 是否严格检查字段是否存在
'fields_strict' => true,
// 数据集返回类型
'resultset_type' => 'array',
// 自动写入时间戳字段
'auto_timestamp' => true,
// 时间字段取出后的默认时间格式
'datetime_format' => 'Y-m-d H:i:s',
// 是否需要进行SQL性能分析
'sql_explain' => false,
// Builder类
'builder' => '',
// Query类
'query' => '\think\db\Query',
// 是否需要断线重连
'break_reconnect' => false,
// 断线标识字符串
'break_match_str' => [],
];
登录界面如下图所示。
图5-1登录界面
用户登录的关键代码如下。
{
if (Request::isPost()) {
$request = Request::param();
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
$request['password'] = md5($request['password']);
$result = $this->model->login($request, $this->table);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
return json_encode($data);
}
public function login($request=[],$table_name = ''){
$username = $request['username'];
$password = $request['password'];
$bol = $this->where(['username'=>$username])->find();
if ($bol){
$password = md5($password);
if ($request['password']==$bol['password']) {
//添加token信息
$access_token['create_time'] = date('Y-m-d H:i:s');
$access_token['update_time'] = date('Y-m-d H:i:s');
$access_token['info'] = json_encode($bol);
// $access_token['info'] = $bol;
$access_token['token'] = md5(date('Y-m-d H:i:s'));
$bol_token = Db::name('AccessToken')->insert($access_token);
if ($bol_token){
$data['obj'] = $bol;
$data['obj']['token'] = $access_token['token'];
return ['result' => $data];
}else{
return ['error' => ['code' => 5000, 'message' => '登录失败,token生成失败']];
}
} else {
return ['error' => ['code' => 5000, 'message' => '登录失败,密码不正确']];
}
}else{
return ['error' => ['code' => 5000, 'message' => '登录失败,账号不存在']];
}
}
- 系统前台主要功能实现
用户界面要尽量简洁大方,使用户能够方便找到需要的功能入口,浏览果蔬信息,且要易于修改和维护,同时还要保证用户合法和系统安全。
首页界面如下图所示。
图5-2首页界面
用户进入系统首页后,点击“注册”链接进入到注册页面,按照页面提示输入用户名、密码和果蔬号,页面进行表单验证,验证输入的用户名是否合法,表单验证通过后,点击“立即注册”按钮,利用 Ajax 技术,对用户名实现页面无刷新验证,检测数据库中是否已经存在该用户名,若数据库中不存在,则注册成功,注册成功后,自动跳转到登录页面。
用户注册界面如下所示。
图5-3用户注册界面
用户注册逻辑代码如下:
public function register()
{
if (Request::isPost()) {
$request = Request::param();
$request['create_time'] = isset($request['create_time']) ? $request['create_time'] : date('Y-m-d H:i:s');
$request['update_time'] = isset($request['update_time']) ? $request['update_time'] : date('Y-m-d H:i:s');
$result = $this->validate($request, $this->validate);
if (true !== $result) {
// 验证失败 输出错误信息
$data['error'] = 30000;
$data['message'] = $result;
} else {
$request['password'] = md5($request['password']);
$result = $this->model->register($request, $this->table);
$data = $result;
}
} else {
$data['error'] = 30000;
$data['message'] = "field的值不能为空!";
}
return json_encode($data);
}
public function register($request=[],$table_name = ''){
$username = $request['username'];
$bol = $this->where(['username'=>$username])->find();
if (!$bol){
$result = self::allowField(true)->save($request);
if ($result) {
return ['result' => 1];
} else {
return ['error' => ['code' => 3000, 'message' => '注册失败']];
}
}else{
return ['error' => ['code' => 3000, 'message' => '注册失败,账号已存在']];
}
}
时令果蔬页面,如下图所示。
图5-4时令果蔬页面
时令果蔬的关键代码如下。
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
系统首页提供了搜索果蔬的输入框,用户在输入框内输入想要查找果蔬的关键字,点击搜索按钮,系统将用户输入的关键字传递到后台。首先创建一个实体类 PageBean,该实体类的属性包括页码 pageCode、每页记录数 pageSize、总记录数 totalRecord 和一个 List 集合 beanList,用循环将搜索到的结果分页展示。
果蔬列表界面如下图所示。
图5-5果蔬列表界面
果蔬列表的关键代码如下。
public function avg_group()
{
$request = Request::param();
if (isset($request['groupby']) && isset($request['field'])) {
if (!empty($request['groupby']) && !empty($request['field'])) {
$result = $this->model->avg_group($request, $this->table, $this->table_id);
$data = $result;
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "groupby或者field的值不能为空!";
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "groupby或者field的值不能为空!";
}
return json_encode($data);
}
用户在浏览果蔬信息时,对于心仪的想要购买的商品,可以将该商品添加到购买订单中。点击“添加购买订单”按钮,页面将该果蔬的数据传递到后台,首先查询数据库购买订单表中是否已经存在该果蔬,若存在直接将果蔬数量加一,若不存在则创建一个新的购买订单对象,添加购买订单成功,数据库中的购买订单表添加一条信息。用户还可以点击“我的购买订单”查看添加到购买订单的果蔬,系统通过读取 session获取到用户 ID,将用户 ID 传递到后台,在购买订单表中查询该用户的所有购买订单信息,返回数据到我的购买订单页面。
活动订单界面如下图所示。
图5-6活动订单界面
我的积分界面如下图所示。
图5-7我的积分界面
管理员对系统用户的管理,在管理员管理实现管理员用户的管理,包括录入、删除、修改,修改密码通过SESSION获取用户名,然后输入新密码,使用sql命令更新密码。
用户管理界面如下图所示。
图5-8用户管理界面
管理员可以获取系统中所有果蔬的列表并对其进行编辑。管理员在添加果蔬时,需要输入果蔬基本信息,如名称、价格、图片等,还需要输入果蔬详情描述,包括对果蔬功能的描述以及展示图片等。添加果蔬完成,数据库果蔬表添加一条信息。管理员可以搜索果蔬,同时可以对已经添加的果蔬进行编辑。
果蔬管理界面如下图所示。
图5-9果蔬管理界面
果蔬管理关键代码:
public function avg()
{
$request = Request::param();
if (isset($request['field'])) {
if (!empty($request['field'])) {
$result = $this->model->avg_field($request, $this->table, $this->table_id);
$data = $result;
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
} else {
$data['error']['code'] = 30000;
$data['error']['message'] = "field的值不能为空!";
}
return json_encode($data);
}
管理员在后台管理界面点击到所有订单界面列表,可以搜索当前所有订单信息,调用搜索全部订单的请求,向数据库的订单表搜索当前所有订单并将订单信息以对象的形式层层返回到订单列表界面,显示出当前所有订单信息。同时可以删除过期订单,确认已有订单,进行发货处理。
订单管理界面如下图所示。
图5-10订单管理界面
会员积分管理界面如下图所示。
图5-11会员积分管理界面
以进入系统首页的访问速度为例展示系统的性能测试;系统的主要用户群体是购物理念较为先进的消费者,系统要在3秒钟内响应;需要完成页面的菜单栏、首页轮播图片、类目及果蔬信息、果蔬商城以及各功能模块入口等元素的显示。
功能性测试是指执行指定的工作流程,通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。
系统功能性测试表如下表所示。
表11系统功能性测试表
编号 | 测试功能 | 测试内容 | 测试结果 |
1 | 用户登录 | 1.验证用户名与密码的正确性。 2.验证密码是否可见。 | 通过 |
2 | 首页展示 | 1.首页数据是否成功加载。 2.验证搜索功能的准确性。 3.验证是否可以异步加载。 4.验证导航栏按钮。 | 通过 |
3 | 个人信息修改 | 1.验证登录名是否可以正常更改。 2.验证联系方式是否可以更改。 3.验证收货地址可以正常修改。 4.验证密码是否可以修改。 | 通过 |
4 | 订单管理 | 1.购买订单清单是否可以生成。 2.验证消费信息是否准确。 | 通过 |
7 | 果蔬分类管理 | 1.验证类目新增是否可以成功。 2.验证类目删除是否可以成功。 | 通过 |
8 | 果蔬信息管理 | 1.果蔬信息是否与上传一致。 2.是否能完成价格修改。 3.验证库存信息修改。 | 通过 |
9 | 订单处理 | 1.能否正常上传单号完成发货。 2.验证数据准确性。 | 通过 |
10 | 添加时令果蔬 | 1.上传时令果蔬是否添加验证。 2.图片是否成功上传。 3.验证表单是否提交成功。 | 通过 |
11 | 用户管理 | 1.验证用户录入功能。 2.验证用户违规清理功能。 | 通过 |
集成测试后,所有的模块已经全部连接完毕,形成了一个完整的系统。合格性测试是在集成测试完毕后,进一步对系统进行综合性的检测。经过合格性测试,可以检查出系统是否符合系统的设计,能够完成需求的所有功能。本系统经过最后的测试,所有模块功能都能按预定要求工作。
在实际测试中,经过一系列系统性的测试,使我们能够及时发现一些系统在设计中出现的疏忽和漏洞。经过严密的测试,不仅发现了模块内部的错误,也查找到模块连接后产生的错误。经过测试,对系统产生错误的地方进行优化、修改和完善,使得系统能够实现最初设计的基本功能。
网站开发需要多少钱衢州建站建站网址六安网站优化公司网站建站网址app开发语言班级网站模板网站制作计划优化建站江西小程序开发wangzhan定制建站网站建设松江网站建设安卓应用软件开发网站设计建设泰州网站建设网站建设书移动网站建设高端品牌网站建设温州seooa软件开发广州网站建设公司商丘网站优化手机建站网站制作一条龙洛阳做网站网站制作流程中山seo个人主页网站模板设计制作