二手交易网站的设计与实现Word下载.docx
- 文档编号:624556
- 上传时间:2023-04-29
- 格式:DOCX
- 页数:26
- 大小:616.05KB
二手交易网站的设计与实现Word下载.docx
《二手交易网站的设计与实现Word下载.docx》由会员分享,可在线阅读,更多相关《二手交易网站的设计与实现Word下载.docx(26页珍藏版)》请在冰点文库上搜索。
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
Nvarchar
100
Y
用户名
Username
50
姓名
UserAge
Int
年龄
UserPhone
Varchar
15
电话
UserPws
20
密码
3.3.2商品表
卖家可以用商品表(如表2所示)来储存商品的基本信息,用户可以通过商品的信息来查找相应的商品,卖家也可以通过修改表的数据来修改表的信息。
表2 商品表:
BRGOODS
GoodsName
商品名称
GoodsType
商品类型Id
NewSale
decimal
商品专卖价
OldSale
Decimal
商品原价
GoodsCS
10
商品成色(新/旧)
UserTel
卖家联系方式
PoothPath
图片地址
UserName
卖家姓名
UserNo
学号
Userschool
卖家所在学校
GoodsMarks
Max
商品描述
GoodsJJ
是否接受讲价(是/否)
GoodsStatus
商品状态id(已出售/已下架)
3.3.3商品状态表
商品状态表(如表3所示)用来储存商品的购买状态即出售情况,改变此表内容可改变商品的购买状态,用于卖家和买家查看商品买卖的情况。
表3
商品状态表:
GOODSSTATUS
长度 是否为空
20 Y
商品状态(已出售/已下架)
3.3.4商品类型表
商品类型表(如表4所示)用来储存商品的类型(如服饰、书籍等等)。
用户在发布新的闲置商品时可使用此表来定位商品的类型,用户也可在搜索框里面输入商品类型来查找此类型的商品。
表4
商品类型表:
GOODSTYPE
TypeName
类型名称
OrderId
用作排序(可不使用)
3.3.5我的购物车
我的购物车表(如表5所示)用来储存用户浏览商品时加入购物车的信息,便于用户以后查询浏览过的商品。
表5 我的购物车表:
MYCAR
GoodsId
商品Id
AddrId
关联收货地址ID
使用状态表ID
3.3.6我的收货地址
用户可使用我的收货地址表(如表6所示)来存储自己的收货地址,卖家也可通过查看买家的收获地址来进行送货。
N
表6我的收货地址表:
MYADDR
AddrDesc
200
收货地址
收货人名称
收货人电话
3.3.7购物车物品是否购置的状态表
购物车物品是否购置状态表(如表7所示)用来存储购物车内商品的支付状态。
StatusDes
状态(未支付/已支付)
表7购物车物品是否购置的状态表:
GOODSSTATUS2
4系统详细设计与实现
4.1网站功能介绍
账号登录功能:
用户想要更全面的使用二手交易网站需要用此功能来注册个人的基本信息,信息提交后后台会存入数据库,页面将自动跳转至登录页面。
用户在登录页面输入账号信息便可完成登录。
关键词查询功能:
用户可在导航栏上面的搜索框内输入商品的信息再点击搜索来查询相同关键字的商品。
若有相关关键字的商品页面将跳转至相关页面,用户可继续浏览商品。
商品发布功能:
用户可以在发布闲置页面编辑新的闲置商品的信息,填写完成后点击发布。
系统后台同步完成过后,用户可在我的闲置页面里面的已发布看到。
商品加入购物车功能:
用户在浏览商品的时候看到自己感兴趣的商品却不想立刻就购买的时候,可以使用此功能来存储该商品的信息,便于以后的查看。
新用户注册功能:
新用户通过使用此功能来注册新的账号,系统将自动储存站好信息,便于以后登录。
信息切换功能:
用户在我的闲置这个页面上可以点击按钮来切换相应的闲置内容,这样节省了用户的时间也减少了页面量,操作起来更加的方便,页面也更清爽简洁。
4.2网站首页
二手交易网站的首页(如图3所示)由6个部分组成,分别是账户管理栏、搜索导航栏、分类导航栏、物品展示栏、物品分类栏以及网站版权信息栏。
游客可以在账户管理栏选择自己继续浏览网页的身份(登录或者注册一个新的账号);
用户在搜索导航栏可切换自己想去的页面,也可在右半部分的搜索栏中手动搜索自己想找的东西;
分类导航栏由3个部分组成,左边是二手交易网站主要几个交易物品的分类导航,中间部分是一个站内活动的滚动窗口用于宣传站内活动消息,右边是发布闲置的快捷按钮。
图3首页图a
图片轮播代码如下:
//延迟加载图片,演示的时候,使用本地图片
//上线后请改为二级域名提供的图片地址document.getElementById("
second"
).src="
images/2.png"
;
//使用图片宽660,高300document.getElementById("
third"
images/3.png"
document.getElementById("
four"
images/4.png"
}
functionturn(value){if(value!
=null){flag=value-2;
if(flag<
obj2.length-1)flag++;
else
flag=0;
obj1.style.top=flag*(-300)+"
px"
for(varj=0;
j<
obj2.length;
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="
<
div>
"
controlHtml+="
divid="
+item.id+"
onclick=shumaClick("
)style='
cursor:
pointer;
float:
left;
'
>
controlHtml += "
img src='
image/"
+ item.poothPath + "
width='
180px'
height='
150px'
br>
p>
ahref='
#'
+item.goodsName+"
/a>
controlHtml+="
¥"
+item.newSale+"
/p>
/div>
$("
#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所示)页面分为三个板块:
已发布内容、已购买内容、已卖出内容
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 二手交易 网站 设计 实现