闲喵闲置物品交易WEB APP的设计与实现计算机毕业论文.docx
- 文档编号:26374438
- 上传时间:2023-06-18
- 格式:DOCX
- 页数:34
- 大小:1.19MB
闲喵闲置物品交易WEB APP的设计与实现计算机毕业论文.docx
《闲喵闲置物品交易WEB APP的设计与实现计算机毕业论文.docx》由会员分享,可在线阅读,更多相关《闲喵闲置物品交易WEB APP的设计与实现计算机毕业论文.docx(34页珍藏版)》请在冰豆网上搜索。
闲喵闲置物品交易WEBAPP的设计与实现计算机毕业论文
---文档均为word文档,下载后可直接编辑使用亦可打印---
摘要
随着近年来我国经济的发展,人们的生活条件得到了极大的改善,通过购物,能够满足自己的物质生活需要。
在更新换代迅速的当今社会,也就会有越来越多的闲置物品的出现,这些物品的出现不仅仅会占用个人的空间,而且也对资源进行了浪费。
为了迎合绿色生活的理念,我们需要一个平台来对这些闲置物品进行处理,当发现了这种情况后,我们利用NODE开发环境开发了基于B/S模式下的闲置物品交易WEBAPP,实现了闲置物品的浏览、物品查询、结算、即时对话、发布闲置等功能。
本系统不仅能帮助大家解决闲置物品的堆积和浪费造成的问题,还对每个用户的信誉值进行了计算,在保证安全的这一方面的功能进行了加强,确保每个用户在可以看到对方信誉度的情况下进行闲置物品的交易。
关键词:
闲置物品;在线交易;NODE;B/S模式;系统设计
DesignandImplementationofXianmiaoIdleArticlesTradingWEBAPP
Abstract
WiththedevelopmentofChina'seconomyinrecentyears,people'slivingconditionshavebeengreatlyimproved.Throughshopping,theycanmeettheirmaterialneeds.Intoday'ssocietywherechangesarefast,moreandmoreidleitemswillappear.Theemergenceoftheseitemswillnotonlyoccupypersonalspace,butalsowasteresources.Inordertocatertotheconceptofgreenlife,weneedaplatformtodealwiththeseidleitems.Whenthissituationisdiscovered,weusetheNODEdevelopmentenvironmenttodevelopaWEBAPPbasedontheB/SmodeofidleitemtransactionstoachieveidleThefunctionsofitembrowsing,itemquery,settlement,instantconversation,releaseidle,etc.Thissystemcannotonlyhelpyousolvetheproblemscausedbytheaccumulationandwasteofidleitems,butalsocalculatethereputationvalueofeachuser.ThefunctionofensuringsafetyisstrengthenedtoensurethateachusercanseeDealingwithidleitemswiththeotherparty'scredibility.
Keywords:
Idlearticles;Onlinetransactions;Thenode;B/Smode;Thesystemdesign
1 绪论
1.1 研究背景
市场经济开展以来,各种类型的交易形式、交易市场不断发展,各式各样的消费品让人应接不暇,随着社会经济水平的快速增长,我们的生活水平也随之得到了普遍的提高,而在这样的国民消费情况下,随之而来的电子商务行业迅速发展,人们都特别喜欢购物,并享受购物带来的服务和快感,购物也成为了人们宣泄情绪的一种简单直接的方式,人们生活中的物品更新换代的速度也越来越快,当新的物品出现或者更为实用的精美的物品出现,那么以前的旧物品就闲置了下来,这些物品都还可以继续使用,但对于这些物品,拥有它们的人是最难以抉择的,这些大大小小闲置的物品不仅占用我们的生活空间,并且也是一种资源浪费。
当今社会,全社会都坚定地坚持可持续发展,把可持续利用资源作为我们充分利用资源的最佳途径[1]。
十九大中指出,目前,我国目前已经进入了新时代,人们的追求目标已经发展了改变,从以往对物质上的满足转向了精神上的富足,这种转变不仅体现在精神的追求上,也同时体现在对美好生活环境的追求上[2]。
所以为了迎合勤俭节约,绿色发展的理念,我们需要这样一个平台,既可以减少资源的浪费,减轻自然的负担,又可以为需要这些物品的用户提供经济实惠的商品,对于双方而言,实现了共赢,因此,创建二手物品交易市场对校园、社会、国家都有着重大的积极意义,也有着广阔的发展前景[3]。
在电子商务迅速的发展下,我国的线上交易系统也层出不穷。
在实际生活当中,很多网站都提供了综合的二手交易服务[4]。
最有代表性的为“闲鱼”“转转”等,但一般都是移动端APP,这些平台能解决大量的闲置物品,它们大大的方便了我们生活。
目前,市场上各种各样的信息发布平台,如易货网、交易网等,但发布的信息内容缺乏针对性,信息排列混乱[5]。
1.2 研究意义
国民经济水平以及生活水平的提高,刺激了周身各种物品更新换代的速度,形形色色的商品更新得越来越实用、潮流、物美价廉。
与此同时,就会产生很多用不到,却又没坏掉的物品,如同鸡肋,留之无用,弃之可惜。
由于人们有着越来越多的闲置物品,自己用不到,扔了又浪费,这样来看,如果存在这样一个平台,能使人们在此平台上进行各种物品的交易,那么这些令人困扰的问题可能就会迎刃而解了。
一般来说,我们把这种平台叫做二手系统,所谓的二手系统就是把人们闲置的产品整合到一起,在这个二手系统中进行产品的交换,传递到下一个有需要的人手中,通过这样的方式能够让资源得到合理的利用[6]。
闲置物品交易平台绝不只是一个用来交换产品的电商平台,还是一个能够传递、交换人们手中的闲置产品的平台[7]。
而这些闲置的二手商品交易对买卖双方都有着极大的好处,急于出售的用户将自己的闲置的物品出售之后还能得到一笔收益,而急于收购的用户只需要花少量的钱就可以买到对自己有用的物品。
并且在此过程中,人们还能够做到节约资源,合理利用,绿色生活,提高商品利用率,减少浪费,真正的做到物尽其用,使更多的人们养成了保护环境、勤俭节约的良好品德,并且还符合国家可持续发展的理念。
而且,闲置物品交易平台相对而言比较方便,不用浪费时间并且麻烦的去摆跳蚤市场,也不用在各种群内发送各种出售或者收购的消息,直接在手机上便可实现对物品买卖的各种操作,而且还可以维持学校或者城市的文明建设,可以提高环境的形象,不需要场地管理,并且减少了对管理人员的浪费。
1.3 国内外研究现状
目前,各个国家越来越重视对资源的循环利用,循环使用物品是节能的方式这是社会普遍的共识[8]。
我国的科技发展起步本身比较晚,相比之下,而国外则在信息科技这一方面发展的比较早,目前,发达国家已经完善了其电子政府的建设工作,电子政府拥有整个国家最优质的技术、资源、人才等,网络信息技术已经比较发达[9]。
但我国发展的速度较快,近几年,我国已经大规模熟练的使用信息技术了,但是,若要具体针对国内的一些目前存在的相关情况来讨论的话,现如今国内的整体水平和情况相比较于国外来说还是有一段缓慢且艰辛的路要走。
闲置物品交易系统的普遍性和实用性也有待提高和完善。
2 开发技术简介
2.1 React简介
从狭义的角度看,React是一套JavaScript框架,但是广义的看,它就是一个完整的前端技术生态体系[10]。
React是一种用来建立反应式图形界面的JavaScript库,是Facebook公司开发的系统,Instagram网站及 Facebook部分网站都是借助这种框架构建起来的。
目前,出现了基于AngularJS、MeteorJS 和Polymer的Model-Driven Views等框架,React也适应了这种趋势。
React建立在数据模型的基础之上表明用户界面的理念,底层的数据个用户界面是始终同步更新的。
与前面谈及的框架不同,为了增强界面的灵活度,React没有选择HTML而是JavaScript来组建起整个用户界面。
所谓的React指的就是函数式,在这种模式下,采用的是单向数据流动的方式:
将原始界面(或数据)增加一点变化,就可以产生出一点新的变化(界面或者数据的更新)。
借助React的方式能够最大限度的简化前端界面开发的工作,每个功能可以被分成独立的组建,这方便了开发者的工作,整个前面程序界面的搭建可以是自由可控的。
被打包过的React最后只有一个页面,这种设计能够带来较好的用户体验。
React的特点有以下几点:
声明式的的设计范式,能够对应用有简单轻松个表达;方便且能够提高效率,与DOM的互动少了;React能够被灵活的应用在各种JS数据库中;采用JSX语法设计的方式;编码方式组件化,代码重用性较强;单向响应的方式,重复的代码多次使用。
2.2 MongoDB数据库
MongoDB 数据库采用的是分布式文件储存的方式。
MongoDB 选择的数据模式更加灵活,其逻辑组成主要包括文档、几何和数MongoDB据库三个部分[11]。
编写语言是C++。
这种方式能够提高建立在WEB (WordWideWeb)环境下的应用给出性能较高的数据储存和解决方案。
MongoDB 同时具备关系数据库和非关系数据库的特征,它拥有着关系数据库最丰富多样的功能,同时它能够兼容较为分散的数据结构,即使是JSON的BSON格式这种比较复杂的数据类型都能够储存。
Mongo有一个非常明显的特征就是它有着极为强大的语言查询功能,这种语法类型比较像面对对象的查询语言,基本上能够实现诸如数据库表单查询的大部分功能,同时,还能够提供查询索引。
MongoDB是一种数据库管理系统,主要是为web应用程序和互联网基础设计的。
MongoDB实际上就是数据库,属于NoSQL这一类,拥有的是文档、集合这类概念,其数据模型结构是BSON(类JSON),面对不是二维表而是对象。
2.3 MVC模式与Express框架技术
2.3.1 MVC模式
MVC指的是模型(Model)、视图(View)和控制(Controller),是其缩写,系统被MVC分成了模型、视图、控制器三个部分,在这个环节中,每一步都是比较独立于其它部分的,每一个部分的功能都比较单一,分工较为明确,他们再自己的功能范围运行着它们的逻辑。
MVC针对的是较为复杂的系统,对其进行梳理和分解,这种方法的实质就是“关注点分离”。
2.3.2 Express框架技术
Express灵活简便,这种方式建立在Node.js的WEB应用框架基础之上,给出了许多强大的功能帮助开发者设计出各种WEB应用和多样化的HTTP工具。
借助Express能够很快的创建出一个功能齐全的网站。
设置中间件来接受和相应HTTP发出的请求,同时对不同的HTTP请求工作进行了规范和定义,能够借助模板传递参数来渲染HTML页面。
3 需求分析
3.1 系统业务流程设计
普通用户尚未登录时可以浏览商品,查找商品,登录之后便可以对商品进行交易,联系卖家,查看评论和卖家信息以及对个人信息进行查看和修改,也可以对订单进行查看和管理,也可以发布闲置。
管理员验证登录之后,可以对商品、用户、评价进行管理。
业务流程图实例如图1所示。
图1 闲喵闲置物品交易WEBAPP业务流程图
3.2 系统数据流程设计
3.2.1 顶层数据流图
用户在登陆之后,既可以作为买家去求购想要的物品,也可以作为卖家去出售闲置的物品。
若卖家想要出手闲置,则卖家可以发布想要出售的商品的信息,若买家想要一件物品,则可以通过直接浏览或搜索进行查找,在搜索到的信息里可以进行对比从而进行更好的选购,并且进入到某个商品详情页时,用户可以点击“我想要”进入聊天界面,两个用户即可进行即时聊天,买家可以找卖家商量物品的具体细节,双方交易过后就会在各自的订单中更新自己买到或者卖出的信息,买家结束交易并且收货后可以对物品进行评价。
而管理员可以对违规的商品或者评论以及用户信息等进行管理。
闲喵闲置物品交易WEBAPP的顶层数据流图如图2所示。
图2 闲喵闲置物品交易WEBAPP顶层数据流图
3.2.2 第一层数据流图
闲喵闲置物品交易WEBAPP的第一层数据流图主要包括用户注册、用户登录、搜索商品、结算、发布信息等。
当用户没有登录时只能以游客的身份进行浏览查看,当用户登录之后则可以选择想要的商品并进行结算,结算之后当收到物品时可以确认收货以及对商品发表评价,用户也可以对之前的商品进行评价,这时用户自己的订单中也就会进行更新,也可以发布自己想要出手的商品。
闲喵闲置物品交易WEBAPP的第一层数据流图如图3所示。
图3 闲喵闲置物品交易WEBAPP第一层数据流图
3.2.3 第二层数据流图
在第二层数据流图中,有商品搜索模块和发布商品模块两种。
不论用户登录与否是都可以进行浏览搜索的,可以直接搜索商品名称,也可以在主页的分类中进行查找,系统会根据用户输入的关键字返回相应的内容。
用户既可以入手商品,也可以出手商品,若用户想要出售,则可以点击发布闲置按钮,用户可以给商品命名和添加详细描述,并且可以添加多个图片和为商品定价,详细信息完善之后,商品就可以进行发布了。
搜索模块的数据流图如4所示。
发布商品模块的数据流图如图5所示。
图4 闲喵闲置物品交易WEBAPP搜索模块数据流图
图5 闲喵闲置物品交易WEBAPP发布模块数据流图
3.3 系统用例设计
主角、用例和他们之间的关系构成了整个用例图。
这种图详细清楚的展示了系统每个用例和参与用例的部分的联系沟通机制,这种图能够对系统、子系统这种功能做好模型和可视化的构建工作,用例图能够让用户更加明白怎么去利用这些元素,怎么让开发者用最简单的方式实现效果。
用例图是对整个系统功能的规范和定义,主要展示的是系统的外部功能,而不是展示系统内部功能是如何实现的。
设计并实现一个基于B/S模式的闲喵闲置物品交易WEBAPP,本系统包括普通用户、游客、管理员这三种用户角色。
三种角色的功能各不相同。
其中,游客在未登录时只能浏览商品、搜索商品、和注册。
普通用户可以登录、浏览、搜索,用户登录之后可以对个人的信息进行修改,可以在首页中按分类搜索,当看到心仪的物品之后可以查看详情,可以与发布者进行对话,也可以查看发布者的信誉度;对于自己想出手的物品,可以在发布界面,对物品分类以及定价,也可以对已发布的物品进行信息的修改;对于已经到手的物品可以对它进行评价。
也可以在已卖出、已买进和已发布中对自己的订单进行管理。
管理员有全面的管理权,能够对所有的用户的操作进行管理,管理用户发布的商品,发布的评价等。
本系统的总体用例图如图6所示。
图6 系统总体用例图
4 系统总体设计
对系统的需求进行分析,在本系统中,主要有消息管理、个人用户管理、个人订单管理、发布个人闲置、浏览和搜索商品、管理员中对商品的管理、对评价的管理等子系统。
其中,消息管理子系统包括删除消息、查看消息、即时聊天等功能;用户管理子系统能够编辑和管理个人基本信息;订单管理子系统中共有对买到和卖出的商品进行编辑的功能;管理员系统中包括对用户信息的管理、商品的管理、评价的管理等功能。
本系统的功能结构图如图7所示。
各个模块的功能描述如下。
图7 系统功能结构图
(1)消息管理子系统
①删除消息:
对会话中的消息进行删除,聊天记录表中的内容也会删除。
②查看消息:
对会话中的消息进行查看。
③即时聊天:
买家可与卖家聊天沟通,记录会添加到聊天记录表中。
(2)用户管理子系统
①个人信息的修改:
用户可以修改自己的头像、昵称、住址、昵称、简介、联系方式等基本信息。
(3)订单管理子系统
①买到的商品:
用户可以查看自己买到的商品,并且可以删除,用户买到的商品的信息会存入到订单表中。
②卖出的商品:
用户可以查看自己买到的商品,并且可以删除,用户卖出的商品信息也会存入到订单表中。
③我的发布:
用户可以在这里看到自己的发布动态,同时能够进行编辑和修改。
(4)管理员模块
①用户管理:
可以增添、删除、编辑用户。
②商品管理:
对违规发布的产品进行管理。
③评价管理:
对违规发布的评价进行管理。
5 数据库设计
5.1 数据库概念设计
数据库概念结构设计被用来分析和设计系统各个实体之间的关系,在设计的时候,首先需要处理分析系统中的数据,同时依据数据来对系统中的系统进行操作[12]。
闲喵闲置物品交易WEBAPPE-R图如图8所示。
根据本系统的功能需求分析,确定系统中存在多个实体,每个实体拥有不同的属性。
主要有user(用户)、buyorsells(订单)、pjs(评价)、fabus(发布)等多个实体。
部分实体属性图如图9至图14所示。
图8 系统E-R图
图9 用户实体属性图
图10 订单实体属性图
图12 管理员实体属性图
图11 发布实体属性图
图13 评价实体属性图
图14 商品实体属性图
5.2 数据库逻辑设计
数据的逻辑设计,就是对数据库的逻辑结构进行规范化处理,这和具体的DBMS(DatabaseManagementSystem)并无太大关联,这主要是对业务逻辑的一种反映。
在本系统中,数据库的逻辑是这样设计的:
(1)用户表(用户ID、用户名、用户密码、用户分类、头像、用户简介、发布次数、卖出数量、买入数量、总计收入、电话、性别、出生日期、居住地、推荐、信用等级、信用积分)
(2)发布表(发布ID、商品标题、商品图片、发布人昵称、发布人头像、想要的人数、商品分类、用户ID、价格、想要商品ID、信用等级、信用积分)
(3)订单表(订单ID、商品标题、买家昵称、买家头像、卖家昵称、卖家头像、商品图片、价格、买家ID、卖家ID、商品分类、发布ID、是否卖出、是否评价、交易时间)
(4)推荐表(推荐ID、想要的用户ID、商品标题、商品图片、用户昵称、头像、想要人数、商品分类、用户ID、价格)
(5)评价表(订单ID、商品标题、买家昵称、买家头像、卖家昵称、卖家头像、商品图片、买家ID、卖家ID、商品分类、发布ID、评价内容、评价类型、交易时间、是否已评价)
(6)聊天记录表(聊天ID、发消息的用户ID、收消息的用户ID、是否已读、消息的内容、消息的发送时间、当前商品的图片、当前商品的ID)
(7)其他闲置表(用户ID、宝贝标题、宝贝的详细描述、发布地点、价格、所属分类、发布日期、用户名称、用户头像、想要人数、宝贝图片、信用级别、信用积分)
以上7个表是本系统中主要用表,剩下的几个商品分类表其字段大致一致,之后不再做介绍,
5.3 数据库物理设计
数据库物理设计主要是对数据库的物理结构进行组织,这是建立在数据库的逻辑结构基础上来选择RDBMS(RelationalDatabaseManagementSystem)(如Oracle、Sybase等),同时对数据库的存储结构、方式进行设计。
本系统数据库中有以下的数据表:
个人用户表(users)、男装表(boys)、用户订单表(buyorsells)、聊天记录表(chats)、发布表(fabus)、女装表(girls)、家用电器表(jydqs)、美妆表(mzs)、其他闲置表(others)、评价表(pjs)、生活百货表(shbhs)、手机数码表(sjsms)、推荐表(tuijians)、箱包表(xbs)。
关系表详细说明如表1至表7所示。
其中,用户表、订单表、聊天记录表、发布表、其他闲置表、评价表、推荐表等7个表是最主要的,以下对这7个表进行了详细的介绍。
表1用户表(users)
字段名
描述
类型
长度
是否空
是否主键
id
用户id号
string
32
否
否
Username
用户名
string
20
是
否
userPwd
用户密码
string
32
是
否
type
用户类型
string
50
是
否
header
头像
string
20
是
否
userInfo
用户简介
string
4
是
否
fabuCount
发布次数
Int
200
是
否
sellCount
卖出数量
Int
50
是
否
buyCount
买入数量
Int
20
是
否
totalMoney
总计收入
Int
50
是
否
phone
电话
string
11
是
否
sex
性别
String
2
是
否
birthday
出生日期
String
20
是
否
live
居住地
String
50
是
否
tuijian
推荐
Array
50
是
否
xinyongClass
信用等级
String
30
是
否
xinyongJf
信用积分
Int
100
是
否
表2发布表(fabus)
字段名
描述
类型
长度
是否空
是否主键
id
发布ID
String
32
否
是
title
商品标题
String
50
是
否
Pic
商品图片
String
50
否
否
username
发布人昵称
String
30
否
否
续表2
字段名
描述
类型
长度
是否空
是否主键
header
发布人头像
String
50
否
否
want
想要的人数
Int
20
否
否
fenLei
商品分类
String
30
否
否
user_id
用户ID
String
30
否
否
price
价格
Int
20
否
否
Want_user_id
想要商品ID
Array
30
否
否
xinyongClass
信用等级
String
20
否
否
xinyongJf
信用积分
Int
30
否
否
表3订单表(buyorsells)
字段名
描述
类型
长度
是否空
是否主键
id
订单ID
String
32
否
是
title
商品标题
String
50
否
否
BuyuserName
买家昵称
String
100
否
否
Buy_header
买家头像
String
32
否
否
Sell_userName
卖家昵称
String
30
否
否
Sell_header
卖家头像
String
30
否
否
Pic
商品图片
String
30
否
否
Price
价格
Int
20
否
否
buyerId
买家ID
String
30
否
否
fenLei
商品分类
String
30
否
否
fabuId
发布ID
String
30
否
否
isSell
是否卖出
Mixed
10
否
否
isPj
是否评价
Boolean
10
否
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 闲喵闲置物品交易WEB APP的设计与实现计算机毕业论文 闲置 物品 交易 WEB APP 设计 实现 计算机 毕业论文