1 引言
1.1 系统的开发背景
在目前这个社会,人们已经不仅仅只是满足于在网上购买一些日常就可以买到的商品,人们渐渐地会更倾向于购买一些外国的货品,所以开始出现了一些了各种代购,如果韩代、日代等。 但是这些一般都是在微信朋友圈的,比较乱,而且观看比较不方便。而这个网站就是主要经营一些外国的牌子,与主供应商进行交谈,成为一个主要代购护肤品的网站,让购买的更加方便,并且直接获取供应商提供商品,会使得货品的诚信提升,并且减少提货成本等一些额外费用,提高商品的利润,让网站更有经营成本。
1.2 系统开发的意义
当今社会,发达的网络已经渗透在我们的生活中,而与之同样的电子商务也已经深入人心。在现在随处可见出门不带钱,口袋只装了一部手机的人,有一部手机在身上,出门就不用担心了。技术的发展,解决了人们付款,看新闻,看视频等,也大大满足了人们的购买兴致。现在人们不只是想购买一些普通商品,也想要国外的商品。但目前专门销售国外货物的专门网站,且只销售一类商品的货物。这在一定程度上对购买者会有一定的吸引力。并且这个也在一定程度上大大降低了经营者的经营经费以及可扩大经营者的销售管道和销售范围。
1.3 系统实现的目标
在基于ASP.NET平台上进行开发,加上利用部分的HTML对网站的静态页面进行编写,使网站的实现更为简洁。且在操作上,也会更加的方便简单。
在网站功能上实现:
①用户可以对所需货品进行相关的操作;
②用户可以编辑与自己对应的东西,就像可以改掉原本的密码,自己的信息等操作;
③用户可以在使用完网站或者在使用货物后在网站进行一定的留言的操作;
④管理员可以增加管理员、删除管理员以及修改管理员的密码的操作;
⑤管理员可以进行增加、修改供应商的信息、删除供应商的信息的操作;
⑥管理员可以编写护肤知识,并且发布在网站上的操作;
⑦管理员可以进行对订单的审核管理的操作;
1.4 网站开发环境和运行环境
1.4.1 开发环境
开发操作系统:windows7 64位
开发使用工具:Microsoft Visual Studio 2010
开发使用的数据库:Microsoft SQL Server 2008
1.4.2 运行环境
运行使用的浏览器:IE浏览器
1.5 相关的开发技术
1.5.1 Visual Studio 2010
在开发的最初历史上,有着各有特色的开发工具,而历史最久的就是Visual Studio。它是首推出的Windows平台应用程序开发环境。主要用于创建该平台下的一些应用程序和插件。引入C#语言。主要应用在编写.NET的程序上。而本系统就是用ASP.NET进行的研究与开发。Visual Studio在不断得发展,后者成为了可跨平台开发的应用程,可创建多兼容性和多平台支持的应用程序。
1.5.2 SQL Server 2008
SQL Server 2008版本可以将结半结构化构化、和非结构化文档的数据直接存储到数据库中(红色字体这些你可以用脚标进行引用,就算查出来也没事)。该数据库可以对数据库进行的操作有:查询、搜索、同步、报告和分析。且可控制数据而无论数据存储在服务器或者桌面计算机等设备。且该数据库允许使用Microsoft .NET和Visual Studio开发的自定义应用程序使用数据,也可在面向服务的架构和通过Microsoft BizTalk Server 进行的业务流程中使用数据。
1.5.3 Javascript语言
Javascript是一种面向对象的动态类型的脚本语言,可以提供基本的技术验证,在一定程度上提高了网站的运行速度。
1.5.4 div+css
DIV+CSS 是一种网页的布局方法,可以实现页面内容与表现相分离【13】。DIV可以内嵌table和其他HTML代码,而在网页制作中试用CSS,可以有效地对页面的布局、字体等效果可以更好的控制。从而是静态页面的效果更加美观精简。
2 可行性研究分析
2.1技术可行性
网站主要用VS 2010 和SQL 2008来进行开发建立。在.NET的基础平台上,结合SQL 2008 来商品的销售进行一定的管理,在使用脚本以及CSS对静态页面进行的设置等。因为在学校学过技术,所以在技术上来说,这是可行。
2.2经济可行性
网站的开发周期不长,且开发工作是由自己完成,所以在开发上是不需要花钱的,当网站完成的时候,这个对经营者在经营费用上,比如店租、人力等都省下了,所以在经济上来说,还是可行的。
2.3操作可执行
操作可执行分析主要是网站是否会被投入一定的使用。在现在这是时候,购买是一种必然,而代购也是一种趋势。所以将一个代购的商品集成在一个网站,这对购买者具有一定的吸引力的。所以这是回被投入使用,且该网站界面简单明了,对用户的操作要求不高,且只要游览器,网络即可登录 该网站,所以在操作上是具有一定的可执行性的。
3 需求分析
3.1功能需求分析
网站为用户和管理员都提供了不同的操作界面,用户在前台进行商品查询、搜索、查看购买等一系列的操作。而管理员则在后台进行对商品货物情况、供应商等一系列相关情况进行的操作。现在就了解一下网站用户和管理员所需要的功能,进行可以更好的进行功能设计。
(1) 用户注册:用户需要在网站进行注册,才可进行购买;
(2) 登录:如果用户登录了,那么当前的用户可以编辑自己的信息,以及区购买或者浏览其他的商品等操作,如果用户在登录的时候突然忘记密码可以通过之前设置的密保问题来找回密码,然后可重新再进行登录。
(3) 商品搜索:用户可对所需商品进行搜索、查看;
(4) 管理员的后台登录:管理员可以通过验证身份成功后,进入后台首页界面,从而可进行相关的管理;
(5) 购物车:用户决定购买货物后,将其加入购物车等待付款;
(6) 商品管理:管理员需要对商品进行货物管理,查看商品的存货等信息;
(7) 供应商管理:管理员需要对提供商品的供应商进行信息保存,才能保持商品的长久性;
(8) 订单管理:在用户对商品进行购买后,管理员需要对商品进行一定的审核和查看,确保订单的售后处理;
(9) 护肤知识发布管理:管理员需要在护肤管理的页面上进行护肤知识编辑,然后发布在前端,让用户查看。
(10) 评价管理:管理员需要查看用户对网站以及商品的评价,进而进行对网站以及商品的管理。
3.2 性能需求分析
本网站是在基于ASP.NET平台上开发并且又利用DIV+CSS对网站的静态页面进行的设置,使得网站对网络速率要求并不会很高。且网站面向的用户一般是女性用户,所以一般在网站点击量最大的时候能支持50000人同时在线即可。
4 网站概要设计
4.1网站功能模块设计
4.1.1网站前端功能模块设
网站前端功能模块包括用户注册、用户登录界面、网站首页、网站查询、查阅某一个商品的详情信息、把选择好的商品加入到购物车中、进行支付界面、还可以对网站和商品进行观后感或者使用感,还可以阅读一些由管理员分享的护肤知识等。如图4-1所示:
图4-1网站的功能模块图
1、首页:一个网站在最开始运行,先进入用户的眼就是网站首页。用户可以通过网站首页看到各类商品的一部分,还可以在首页点击注册、登录或者找回密码等个人修改。还可以通过首页进入留言板功能和护肤护肤知识界面。在网站首页的最低端还有一个版权,客服的联系电话。
2、注册:要想成功在该网站进行商品购买,网站留言都必须要是该网站的用户啊,所以需要一个注册界面。
3、登录:当用户注册完成之后,使用其注册的账户和密码就可以进行更好的购物。
4、网站搜索:在网站根据用户所需要的商品,进行站内搜素,可以快速找用户所想要的商品。
5、查看商品详情:无论实在首页或者是在搜索所需的商品,然后需要点击查看商品的详情。如商品的照片,商品的名字,商品的成分,商品的功效还有商品的容量等相关信息
6、网站留言:用户在确定自己登录的情况下可在网络的留言板进行留言,不管你是想说明自己对网站的一些建议还是对商品的意见,或者是网站还需要增加什么商品。
7、护肤知识:这块是由后台管理员进行管理,编辑一些护肤知识,然后发布,让用户可以在购物之余也学习如何购买合适的护肤品。
4.1.2 网站后台功能模块设计
网站后台功能模块图如4-2所示:
图4-2网站后台功能模块图
1、管理员的后台登录:只有具有管理员身份,且数据库里有存在的用户才可以登录后台,否则将无法进去,对所有后台操作进行管理。
2、后台首页:在确定是管理员身份后,首先进入的是管理员首页。在后台管理员首页中,可以看到有会员管理、管理员管理、商品管理、供应商的管理、订单的审核、评价管理还有护肤知识编辑界面等。
3、会员管理:会员管理是管理员为了确定用户身份,对用户的进行的审阅与编辑,而且在一定特殊情况下,其可以删除此用户等操作。
4、管理员管理:网站运营有时候需要一定的人手,这时候就需要最初的管理员对新进来的管理员进行添加,使他们获得权限进入管理员界面。
5、供应商的管理:网站管理员的运营需要商品的支撑,而商品的来源来自供应商。所以管理员需要保存供应商的信息,以便于后续的长期合作。
6、商品的管理:管理员需要不定时查看商品库存,并且对商品进行更新或者下架的处理。
7、订单的管理:管理员需要审核每一个订单的详细情况,有时候用户在填错资料的时候,管理员需要帮忙修改,还有管理员需要仔细用户的备注,才可以准确发货。
8、护肤知识界面的管理:这个界面也相当于管理员与用户的一个沟通,管理员需要在该界面编辑相对应的知识后,然后发不上网站,让用户可以阅读到。
4.2 系统流程图
4.2.1系统流程图
系统流程主要是描绘系统之间一些物理关系,表达的是部件的信息流程关系。所以现在经过一定的分析,分别画出了网站前端的系统流程图和网站后台的系统流程图。网站前端的系统图如图4-1所示:
图4-1网站前端系统流程图
网站后台的系统流程图如图4-2所示:
图4-2网站后台的系统流程图
4.2.2网站的数据流程图
数据流程图是通过图像来描述数据流之间的关系。而为了可以较为清晰地描述数据之间的关系,顶层、中间层以及底层一般是数据流程图分类。
数据流程的顶层:主要决定系统的范围,说明了一个系统的边界范围。而该网站的顶层如图4-3所示:
图4-3数据流的顶层
数据流的中间层:中间层是顶层和顶层的夹层,这层在一定的情况下是还可以进行分解的,而该网站的中间层如图4-4所示:
图4-4数据流的中间层
3数据流的底层:当数据流的中间层在分析之后可生成底层,而底层则是不可在分析了,该网站的底层图如图4-5所示:
图4-5信息处理的数据流底层图
4.3 系统的数据库设计
4.3.1 数据库概念结构设计
数据库概念结构设计就是将需求分析中得到的用户需求抽象为信息结构。根据前期的需求分析,本网站实体可分为:用户、商品、管理员、供应商、留言板、护肤知识、订单等实体。如图3-1所示E-R图。
图3-1E-R系统图
4.4 实体E-R图
4.4.1会员管理模块
会员管理模块主要是对新增会员、以及会员密码等一系列问题,对用户的信息进行一系列的编辑等。会员的实体图如图3-2所示:
图3-2用户E-R图
4.4.2 商品模块
商品模块主要对商品的名称、类别、商品成分等相关属性进行一定的管理。实体图如图3-3所示:
图3-3商品E-R图
4.4.3管理员模块
管理员模块主要是可以增加管理员用户,对管理员进行一些密码修改,增删等一些基本的修改。管理员实体图如图3-4所示:
图3-4管理员E-R图
4.4.4 订单管理
后台管理员对订单的管理主要试针对会在网站上进行一定的管理,管理员可以通过订单模块,知道会员的购买情况,以及发货地址和会员的一些备注情况。实体图如图3-5所示:
图3-5订单E-R图
4.4.5 供应商模块
供应商模块主要是让管理员知道商品的供货情况,知道如何与供应商沟通从而进行进货。供应商实体图如图3-6所示:
图3-6供应商E-R图
4.4.6留言板模块
留言板模块是给用户在进行进行购买商品后对商品进行留言,让管理员可以对商品进行质量管理,留言板的实体图如图3-7所示:
图3-7留言板E-R图
4.5数据库逻辑结构设计
逻辑结构是独立于数据模型的。数据库的逻辑结构设计首先要将概念结构转化为一般的模型。然后再将模型向特定DBMS支持下的数据模型转换。最后需要对数据模型进行优化。 因此我们在进行数据库的设计是一个较为重要的阶段,需要考虑到整个系统的各个边边角角。所以根据上面对于系统的考虑,我设计了一个名为tb0601955_web的数据库表,建立了九张表。
4.6 系统数据库表
(1)会员表User
用户表是管理会员的密码、密保问题等一切与用户一些相关的问题。表4-8可具体说明,如下所示:
表4-8Users表字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
userid |
int |
否 |
用户Id |
|
username |
nvarchar |
20 |
是 |
用户名称 |
userpassword |
nvarchar |
40 |
是 |
用户密码 |
userquestion |
nvarchar |
200 |
是 |
密保问题 |
useranswerl |
navchar |
300 |
是 |
密保问题 |
usershengfen |
nvarchar |
20 |
是 |
用户身份 |
usershouji |
int |
15 |
是 |
用户手机 |
useradress |
nvarchar |
50 |
地址 |
|
Uers-email |
nvarchar |
50 |
是 |
用户邮箱 |
Users-youbian |
int |
20 |
是 |
用户邮编 |
|
(2)商品表
商品表主要是记录者商品的名称、进货价、出货价、商品成分等一些与商品相关的内容。表4-9可具体说明,如下所示:
表4-9商品表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
|
shangpingid |
int |
否 |
商品Id |
||
shangpingname |
nvarchar |
50 |
是 |
商品名称 |
|
price |
decimal |
(12,2) |
是 |
价格 |
|
quantity |
int |
是 |
数量 |
||
tatolprice |
decimal |
(23,2) |
是 |
总价 |
|
jinhuoprice |
decimal |
(12,2) |
是 |
进货价 |
|
fenleiid |
int |
50 |
是 |
分类 |
|
gysname |
nvarchar |
50 |
是 |
供应商名称 |
|
pic |
nvarchar |
50 |
是 |
图片 |
|
chengfen |
nvarchar |
200 |
是 |
成分 |
|
jieshao |
nvarchar |
100 |
是 |
介绍 |
|
rongliang |
int |
是 |
容量 |
||
danwei |
nvarchar |
10 |
是 |
单位 |
(3)供应商表
供应商的表是数据库用来储存供应商的名称、联系电话等公司的一些基本信息字段。表4-10可具体说明,如下所示:
表4-10供应商表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
gysID |
int |
否 |
供应商Id |
|
gysname |
nvarchar |
50 |
是 |
供应商名称 |
gyslinkman |
nvarchar |
10 |
是 |
供应商联系人 |
telephone |
nvarchar |
20 |
是 |
供应商电话 |
PostalCode |
nvarchar |
50 |
是 |
邮政编码 |
|
nvarchar |
30 |
是 |
电子邮件 |
adress |
nvarchar |
80 |
是 |
供应商地址 |
|
(4)管理员表
管理员表是数据库用来储存管理员的一些相关信息的字段,表4-11可具体说明,如下所示:
表4-11管理员表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
adminid |
int |
否 |
管理员Id |
|
adminname |
nvarchar |
50 |
是 |
管理员名称 |
adminpassword |
nvarchar |
40 |
是 |
管理员密码 |
(5)订单表
订单表是用来储存会员购买商品后的情况的相关信息的字段。表4-12可具体说明,如下所示:
表4-12订单表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
|
dingdanid |
int |
否 |
订单Id |
||
useradmin |
nvarchar |
50 |
是 |
用户管理员 |
|
shangpingid |
int |
是 |
商品id |
||
quantity |
int |
是 |
数量 |
||
tatolprice |
decimal |
(12,2) |
是 |
总价 |
|
username |
nvarchar |
20 |
是 |
用户名 |
|
uesrtelephone |
nvarchar |
15 |
是 |
用户电话 |
|
useraddress |
nvarchar |
50 |
是 |
用户地址 |
|
dingdanbeizhu |
nvarchar |
50 |
是 |
订单备注 |
|
dingdanshenhe |
char |
2 |
是 |
订单审核 |
(6)留言表
留言表是数据库用来储存用户对商品的的一些建议评价的信息。表4-13可具体说明,如下所示:
4-13留言板表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
lybid |
int |
否 |
留言板Id |
|
username |
nvarchar |
50 |
是 |
用户名称 |
useremail |
nvarchar |
30 |
是 |
用户电子邮件 |
lybcontent |
ntext |
是 |
留言板内容 |
(7)分类表
分类表用来储存对商品进行分类的相关信息。表4-14可具体说明,如下所示:
表4-14分类表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
fenleiid |
int |
否 |
分类Id |
|
fenleiname |
nvarchar |
50 |
是 |
分类名称 |
(8)护肤表
护肤表是数据库用来储存管理员对护肤只是进行的一个讲解的知识。表4-15可具体说明,如下所示:
4-15护肤表的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
id |
int |
否 |
Id |
|
author |
nvarchar |
50 |
是 |
作者 |
text |
nvarchar |
4000 |
是 |
内容 |
textname |
nvarchar |
220 |
是 |
文本名 |
(9)购物车表
购物车表主要是用来储存用户将商品选中决定购买的信息。表4-16可具体说明,如下所示:
表4-16购物车的字段说明
字段名 |
类型 |
长度 |
是否为空 |
描述 |
shangpinname |
vachar |
50 |
是 |
商品名 |
price |
decimal |
(12,2) |
是 |
价格 |
shuliang |
int |
否 |
数量 |
5 网站具体设计与实现
5.1 用户登录
一个网站需要用户登录后才能进行购买,所以登录这模块是每个网站系统必必需的。所以用户登录界面如图5-1所示:
图5-1用户登录
其登录实现的代码如图5-1-2所示:
图5-1-2 登录实现代码
5.2 网站搜索等功能
对网站进行对用户、商品、供应商等进行的搜索、删除和增加功能的实其表现图如下图所示:
图5-2搜索的界面