二手交易网站的设计与实现.docx

二手交易网站的设计与实现.docx

《二手交易网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《二手交易网站的设计与实现.docx（26页珍藏版）》请在冰点文库上搜索。

二手交易网站的设计与实现

摘要：

随着二手物品交易数量的增加，各种各样的二手交易市场也随之出现。

现代网络交易平台由于面向群体庞大，具有距离远、信誉度低、价格随意的特点。

因此，构建实现一个具有用户距离近、信誉有保障、价格亲民、配送方式便捷等优点的二手交易网站就显得尤为重要。

该二手交易网站的主要客户群体为大学生，网站包含了用户注册登录功能、站内搜索功能以及商品发布的功能。

相比较其他二手交易网站，本课题研发的二手交易网站更加的切合校园生活。

因此，开发一个二手交易网站具有一定的实际意义。

关键词：

Web；二手交易；大学生

Abstract:

Withtheincreaseinthenumberofsecond-handgoodstransactions,avarietyofsecond-handtradingmarketshavealsoemerged.Themodernonlinetradingplatformhasthecharacteristicsoflargegroups,longdistances,lowcredibility,andfreeprices.Therefore,itisparticularlyimportanttobuildasecond-handtradingwebsitewhichhastheadvantagesofacloseuserdistance,agoodreputation,afriendlyprice,andaconvenientdeliverymethod.Themaincustomergroupofthissecond-handtradingsiteiscollegestudents.Thewebsiteincludesfunctionssuchasuserregistration,sitesearch,andproductrelease.Comparedwithothersecond-handtradingwebsites,thesecond-handtradingwebsitedevelopedbythistopicismorerelevanttocampuslife.Therefore,thedevelopmentofaweb-basedsecond-handhascertainpracticalsignificances.

Keywords:

Web;Second-handtransaction;CollegeStudents

II

目 录

摘 要 I

Abstract. I

目 录 II

1绪论 1

1.1引言 1

1.2研究意义 1

2系统分析 2

2.1系统概述 2

2.1.1用户使用游客身份登录 2

2.1.2用户使用会员身份登录 2

2.1.3用户登录网站流程 3

2.2系统功能板块分析 3

2.3系统的软、硬件需求 4

2.4系统技术需求 4

2.4.1前段界面设计需求 4

2.4.2数据库设计需求 5

3系统总体设计 5

3.1系统体系结构 5

3.2软件运用 5

3.2.1Notepad++. 5

3.2.2eclipse. 5

3.2.3SQLSever数据库 5

3.3数据库的设计 6

4系统详细设计与实现 9

4.1网站功能介绍 9

4.2网站首页 10

4.3商品页面 13

4.4登陆注册页面 17

4.4.1登陆页面 17

4.4.2注册页面 18

5系统测试与分析 22

5.1测试环境 22

5.2测试内容 23

6总结 24

参考文献 错误！

未定义书签。

致 谢 错误！

未定义书签。

1绪论

1.1引言

随着社会的发展、时代的进步，商品生产的工业化、批量化，很多“旧”东西依旧有自己的使用价值。

但人们却找不到“管理利用”旧东西的方法，这造成了大量可利用资源的浪费。

因此，二手物品的循环利用是这个社会不可不做的事情。

现今已有很多“二手交易平台”萌芽，为大家解决二手物品滞留的问题，但是大多数平台一直存在着很多问题。

例如，交易的不公平现象、线下交易物品没有对比性，不能做到“货比三家”、线上交易缺乏真实性。

据调查研究显示，大学校园内大量的二手书籍及闲置物品并没有完全丧失其使用价值，每年学生的学年变更为校园二手交易市场提供了丰富的资源。

现今大多数学生手里的闲置物品（如一些寝室神器，二手书籍等）要么丢掉，要么转手给其他的收售二手商品的商家。

若学生把这些物品卖给二手市场的商家，则价格会被压的很低，然后商家又以较高的价格卖给学生。

对我们学生来说是得不偿失的，所以本课题希望通过建立一个校园闲置物品的交易网站，为高校大学生提供一个更加公正、快捷、透明的闲置物品收售平台。

1.2研究意义

据最新的报告显示，2017年淘宝双十一前夕即10月30日-11月1日期间，二手物品的交易量与上个月相比增长了9%，“双11”前一周的二手商品转让量更是增长了17%。

由此可见二手交易是大家日常会选择的、可以接受的一种消费方式。

现在的市场上已经存在各种各样的二手交易平台，例如闲鱼（淘宝）、转转、京东二手商城、人人车、线下二手交易站点等等。

有的二手交易网站是一些大型的交易网站的分支网站，机制相对来说比较成熟，对大家来说也比较靠谱。

但是这些网站面向的群众广，卖家、买家素质不一，商品描述质量难以保证。

24

25

第 页（共 页）

针对这些现象，本二手交易网站拟定服务对象为在校大学生。

在校大学生素质统一，居住距离近，商品（例如书籍、学习资料等物品）使用种类相似，需求响应率更高。

特别是即将要毕业的大学生，他们的寝室里面堆积了四年的“宝贝”，想要全部带走却力不从心，不带走又觉得特别浪费，最后都不了了之。

大学里面往往会有“一次性书籍”的现象，有的教科书可能只会被使用一学期便被丢在寝室，有的资料在利用完毕过后被闲置，而每个学生每学期都会购买新的教科书。

本二手交易网站给在校大学生提供这样一个平台，拉近彼此的距离，让“校园一次性用品”能得到更好的循环利用，同时也减轻了学生们的购买负担。

2系统分析

2.1系统概述

本二手交易网站页面简洁明了、操作便捷。

用户可选择游客和会员两种方式登录二手交易网站，针对不同身份的用户本网站提供不同的服务。

该二手交易平台结构清晰，布有导航栏，用户可以轻松的找到各个功能界面及各种二手物品的分类导航，搜索栏则能够帮助用户更快的找到自己想要的物品。

本网站的主要功能模块主要体现在购物车、发布闲置、我的闲置这几个页面，用户可以在这几个页面上修改相应的信息。

2.1.1用户使用游客身份登录

（1）浏览首页权限；

（2）浏览商品页面权限；

（3）可以通过导航栏的搜索工具搜索物品。

2.1.2用户使用会员身份登录

（1）浏览首页权限；

（2）浏览商品页面权限；

（3）可以通过导航栏的搜索工具搜索物品；

（4）管理购物车；

（5）发布闲置物品功能；

（6）管理闲置物品状态。

2.1.3用户登录网站流程

用户登录

是否注册

注册

是否注册

进入交易平台

选择各种操作

老用户在登录页面输入自己的正确的信息即可进入首页，新用户需要在注册页面注册自己的基本信息验证通过后返回登录进入首页。

如下图所示（如图1所示）：

图1 登陆注册流程图

2.2系统功能板块分析

当用户成功注册二手交易网站后，用户登录网站有以下功能（如图2所示）可以使用。

页面信息切换功能

新用户注册功能

图2用户功能图

2.3系统的软、硬件需求

硬件平台：

2G以上的内存。

CPU：

英特尔酷睿i5

软件平台：

数据库：

SQLSever

开发工具：

VS//notepad++

浏览器：

IE/chorme/360浏览器等

显示器分辨率：

最佳效果1024*768像素

2.4系统技术需求

2.4.1前段界面设计需求

（1）网站整体界面紧凑、简洁、实用性强、色彩搭配合理；

（2）各个部分功能完善；

（3）配合适当图片，图片颜色应当与主界面搭配合理；

（4）配合适当的文字导航说明；

（5）配合适当的音频使用户使用体验更加完美。

2.4.2数据库设计需求

（1）表的设计合理，无数据冗余；

（2）采用英文方式命名表及字段，字段长度及类型合理；

（3）前台操作与后台数据库之间的连接正确。

3系统总体设计

3.1系统体系结构

本系统采用B/S模型，因为B/S有分布性特点，可以随时随地进行查询、浏览等操作。

维护起来比较简单，后台改变网页，用户端便可同步。

业务扩展简单，服务器功能的增加只需增加网页即可，具有开发简单和共享性强的特点。

本二手交易网站的设计分为两个板块：

前端页面板块和后端数据库板块。

3.2软件运用

3.2.1Notepad++

Notepad++是Windows操作系统下的一套文本编辑器（软件版权许可证:

GPL），有完整的中文化接口及支持多国语言编写的功能（UTF8技术）。

Notepad++功能比Windows中的Notepad（记事本）强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。

Notepad++不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

本网站利用Notepad++的优点攥写了登录注册页、首页、发布页以及其他的子网页的html代码和css文件。

3.2.2MicrosoftVisualStudio

VS是MicrosoftVisualStudio的简称。

VS是美国微软公司的开发工具包系列产品。

VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境（IDE）等等。

所写的目标代码适用于微软支持的所有平台，包括MicrosoftWindows、Windows

Mobile、WindowsCE、.NETFramework、.NETCompactFramework和MicrosoftSilverlight及WindowsPhone。

3.2.3SQLSever数据库

美国Microsoft公司推出的一种关系型数据库系统。

SQLServer是一个可扩展的、高性能的、为分布式客户机/服务器计算所设计的数据库管理系统，实现了与WindowsNT的有机结合，提供了基于事务的企业级信息管理系统方案。

本网站运用了SQL Sever对二手交易网站登陆、注册、发布闲置物品信息做了数据库的建立从而与之前设计好的前端页面相交互达到网站能够登陆注册用户账号的功能以及用户能够发布、管理自己发布的闲置物品的功能。

3.3数据库的设计

3.3.1用户表

用户可以储存自己的个人信息（如表1所示）方便以后直接登录到网站：

表1 用户表：

BRUSERINFO

字段名称

类型

长度

是否为空

描述

Id

int

N

Email

Nvarchar

100

Y

用户名

Username

Nvarchar

50

Y

姓名

UserAge

Int

Y

年龄

UserPhone

Varchar

15

Y

电话

UserPws

Nvarchar

20

Y

密码

3.3.2商品表

卖家可以用商品表（如表2所示）来储存商品的基本信息，用户可以通过商品的信息来查找相应的商品，卖家也可以通过修改表的数据来修改表的信息。

表2 商品表：

BRGOODS

字段名称

类型

长度

是否为空

描述

Id

Int

N

GoodsName

Nvarchar

100

Y

商品名称

GoodsType

Int

Y

商品类型Id

NewSale

decimal

Y

商品专卖价

OldSale

Decimal

Y

商品原价

GoodsCS

Nvarchar

10

Y

商品成色（新/旧）

UserTel

Nvarchar

15

Y

卖家联系方式

PoothPath

Nvarchar

50

Y

图片地址

UserName

Nvarchar

50

Y

卖家姓名

UserNo

Int

Y

学号

Userschool

Nvarchar

50

Y

卖家所在学校

GoodsMarks

Nvarchar

Max

Y

商品描述

GoodsJJ

Nvarchar

10

Y

是否接受讲价（是/否）

GoodsStatus

Int

Y

商品状态id（已出售/已下架）

3.3.3商品状态表

商品状态表（如表3所示）用来储存商品的购买状态即出售情况，改变此表内容可改变商品的购买状态，用于卖家和买家查看商品买卖的情况。

字段名称

表3

类型

商品状态表：

GOODSSTATUS

长度 是否为空

描述

Id

GoodsStatus

Int

Nvarchar

N

20 Y

商品状态（已出售/已下架）

3.3.4商品类型表

商品类型表（如表4所示）用来储存商品的类型（如服饰、书籍等等）。

用户在发布新的闲置商品时可使用此表来定位商品的类型，用户也可在搜索框里面输入商品类型来查找此类型的商品。

字段名称

表4

类型

商品类型表：

GOODSTYPE

长度 是否为空

描述

Id

Int

N

TypeName

Nvarchar

20 Y

类型名称

OrderId

Int

Y

用作排序（可不使用）

3.3.5我的购物车

我的购物车表（如表5所示）用来储存用户浏览商品时加入购物车的信息，便于用户以后查询浏览过的商品。

表5 我的购物车表:

MYCAR

字段名称

类型

长度

是否为空

描述

Id

Int

N

GoodsId

Int

Y

商品Id

AddrId

Int

Y

关联收货地址ID

GoodsStatus

Int

Y

使用状态表ID

3.3.6我的收货地址

用户可使用我的收货地址表（如表6所示）来存储自己的收货地址，卖家也可通过查看买家的收获地址来进行送货。

字段名称

类型

长度

是否为空

描述

Id

Int

N

表6我的收货地址表：

MYADDR

AddrDesc

Nvarchar

200

Y

收货地址

UserName

Nvarchar

50

Y

收货人名称

UserTel

Nvarchar

15

Y

收货人电话

3.3.7购物车物品是否购置的状态表

购物车物品是否购置状态表（如表7所示）用来存储购物车内商品的支付状态。

字段名称

类型

长度

是否为空

描述

Id

Int

N

StatusDes

Nvarchar

20

Y

状态（未支付/已支付）

表7购物车物品是否购置的状态表：

GOODSSTATUS2

4系统详细设计与实现

4.1网站功能介绍

账号登录功能：

用户想要更全面的使用二手交易网站需要用此功能来注册个人的基本信息，信息提交后后台会存入数据库，页面将自动跳转至登录页面。

用户在登录页面输入账号信息便可完成登录。

关键词查询功能：

用户可在导航栏上面的搜索框内输入商品的信息再点击搜索来查询相同关键字的商品。

若有相关关键字的商品页面将跳转至相关页面，用户可继续浏览商品。

商品发布功能：

用户可以在发布闲置页面编辑新的闲置商品的信息，填写完成后点击发布。

系统后台同步完成过后，用户可在我的闲置页面里面的已发布看到。

商品加入购物车功能：

用户在浏览商品的时候看到自己感兴趣的商品却不想立刻就购买的时候，可以使用此功能来存储该商品的信息，便于以后的查看。

新用户注册功能：

新用户通过使用此功能来注册新的账号，系统将自动储存站好信息，便于以后登录。

信息切换功能：

用户在我的闲置这个页面上可以点击按钮来切换相应的闲置内容，这样节省了用户的时间也减少了页面量，操作起来更加的方便，页面也更清爽简洁。

4.2网站首页

二手交易网站的首页（如图3所示）由6个部分组成，分别是账户管理栏、搜索导航栏、分类导航栏、物品展示栏、物品分类栏以及网站版权信息栏。

游客可以在账户管理栏选择自己继续浏览网页的身份（登录或者注册一个新的账号）；用户在搜索导航栏可切换自己想去的页面，也可在右半部分的搜索栏中手动搜索自己想找的东西；分类导航栏由3个部分组成，左边是二手交易网站主要几个交易物品的分类导航，中间部分是一个站内活动的滚动窗口用于宣传站内活动消息，右边是发布闲置的快捷按钮。

图3首页图a

图片轮播代码如下：

//延迟加载图片，演示的时候，使用本地图片

//上线后请改为二级域名提供的图片地址document.getElementById（"second"）.src="images/2.png";

//使用图片宽660，高300document.getElementById（"third"）.src="images/3.png";document.getElementById（"four"）.src="images/4.png";

}

functionturn（value）{if（value!

=null）{flag=value-2;

}

if（flag

else

flag=0;

obj1.style.top=flag*（-300）+"px";for（varj=0;j

obj2[j].style.backgroundColor="#ffffff";

}

obj2[flag].style.backgroundColor="#666666";

}

//关键词搜索功能

$.ajax（{

type:

"get",

contentType:

"application/json;charset=utf-8",url:

"getxianzhishuma.ashx",

data:

{},dataType:

"json",async:

false,

success:

function（resultdata）{resultdata=eval（resultdata）;

$.each（resultdata,function（i,item）{varcontrolHtml="

$（"#shuma"）.append（controlHtml）;

}）;

},

error:

function（e）{

varerror=e;

}

}）;

$（"#Search"）.click（function（）{

window.sessionStorage.goodsSearchName=

$（"#gover_search_key"）.val（）;

change_html1（）;

}）;

首页的中间部分（如图4所示）由闲置数码、闲置小电器、寝室神器、服鞋配饰、我的二次元几个站内主要元素的商品图片、商品名称以及商品价格组成的图片导航，用户可以通过直观的观察选择心仪的物品。

图4首页图b

首页的末端（如图5所示）也设置有相关物品导航，分类更加细致，导向更加明确。

用户也可点击这些文字跳转到其他页面。

图5首页图c

4.3商品页面

以直接点击商品的名字跳转到商品详情页面（如图7所示）了解商品详情。

商品的子页面（如图6所示）主要由导航栏，次级导航栏、商品信息等部分组成。

导航栏沿用首页的导航栏布局清晰与首页相同使整个网站具有整体感；商品信息展示了商品图片、商品名称、价格、卖家名字等商品的基本信息。

用户可

图6商品页面图

商品详情页面（如图7所示）由卖家信息字、商品图片、商品简介、商品介绍组成，用户可在此页浏览商品的信息。

该页面具有加入购物车和立即购买的功能，用户可以在需要的情况下点击这连个按钮并完成后续操作。

图7 商品详情页面图

购物车页面（如图8所示）由商品的简要信息、结算功能键和删除商品功能键组成，用户可在此页面查看之前加入到购物车的商品并对其进行处理。

点击结算可完成商品的购买，点击删除商品可删除此条记录。

图8 商品详情页面图

发布闲置页面（如图9所示）主要由导航栏和发布信息栏组成。

发布信息栏包含了商品的标题、类别、新旧度、价格、卖家信息、商品图片以及商品描述等

部分组成。

二手交易网站为了保证交易的安全性和可靠性，用户必须输入这些信息来发布想要卖出的东西，发布后新的物品信息会自动更新到首页。

图9 商品发布页面图

我的闲置（如图10所示）页面分为三个板块：

已发布内容、已购买内容、已卖出内容