鞋子销售网站设计与实现论文Word下载.docx
《鞋子销售网站设计与实现论文Word下载.docx》由会员分享，可在线阅读，更多相关《鞋子销售网站设计与实现论文Word下载.docx（17页珍藏版）》请在冰豆网上搜索。
2.4MicrosoftAccess2000介绍7
2.5数据库的代码7
第3章的总体设计与实现8
3.1的总体规划8
3.2的制作8
3.3功能模块的介绍11
第4章后台管理设计11
4.1后台登录界面的制作11
4.2各子模块界面及12
4.3各个模块的运行13
结束语13
参考文献14
致14
引言
Internet是目前世界上最大，最流行的计算机互联网络，它的发展为信息化的当今世界提供了极大的便利。
随着互联网在中国的进一步普及应用，网页的设计和的编辑已经成为了社会上一种热门的行业。
表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。
电子商务时代的到来，改变了传统的商务形式，使商务跨越了时间和空间的限制。
成为了企业开展电子商务的一个方式，它为企业更好地宣传与营销提供了保障。
随着网络的发展，在当今社会，太多的传统企业逐渐向电子商务化发展，所谓的电子商务是，在全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式，要实现这一种模式，就必须要建立一个销售类的企业。
消费者通过网络在网上购物、在网上支付。
由于这种模式节省了客户和企业的时间和空间，大大提高了交易效率，特别对于工作忙碌的上班族，这种模式可以为其节省宝贵的时间。
很多企业都需要靠这一个平台发展。
第1章概述
随着信息时代的来临，计算机迅速普及，传统的购物方式已越来越不能满足人们的购物需求，全民皆商已成为大势所趋。
是网民朋友网上购物的依托，没有的支撑，网上购物只能是一纸空文，而美观、简洁、人性化的必将吸引更多的眼球。
1.1课题开发背景
伴随着淘宝网、京东网、卓越网、当当网等在全国围席卷开来，越来越多的人开始接受这一新型而热门的购物方式。
电脑走进了百姓人家，通过鼠标的点击就可完成交易过程。
销售有着很大的环境优势，人们不受时间的限制，不受空间的限制，不受传统购物的诸多限制，可以随时随地在网上交易，销售也有更开阔的市场，在网上这个世界将会变得很小，一个商家可以面对全球的消费者，而一个消费者可以在全球的任何一家商家购物，销售更快速的流通和低廉的价格：
电子商务减少了商品流通的中间环节，节省了大量的开支，从而也大大降低了商品流通和交易的成本。
更符合时代的要求：
如今人们越来越追求时尚、讲究个性，注重购物的环境，网上购物，更能体现个性化的购物过程。
销售成为当今经济发展的第一增长点，是创造价值的新经济形态。
销售是建立在有一个，做交易的平台这个基础上的。
对一个运营商业企业来说，电子商务是其生存的理由和基础，同时也是企业对外展示信息、从事商务活动的窗口和界面。
1.2如何实现的设计
的设计，所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop（以下简称PS）等图片处理软件将需要制作的界面布局简单的构画出来，顶部一般式包括logo图片，下面就是导航条，容部分在首页可以展示一些图片，及信息；
底部包括一些信息。
最重要的一步，应该确定页面的布局。
布局是指在一个限定的面积围合理地安排、布置图片和文字的位置，把信息按照一定的顺序列出来，并对页面进行装饰和美化。
的色彩搭配，首页是否有创新。
包括的logo，导航条，产品和介绍等等。
设计结构图如图1-1所示。
图1-1结构设计图
1.3DreamweaverMX2004介绍
MacromediaDreamweaverMX2004是一套功能强大的可视化网页设计软件。
使用该软件，开发人员和设计师能够快速创建代码规的应用程序。
该软件集成度非常高，开发环境简而高效，开发人员能够使用该软件与服务器技术进行配合，构建功能强大的网络应用程序，并且可以与用户数据货网络服务体系进行，实现各种高级应用。
1.4安装IIS服务器
1.4.1IIS简介
InternetInformationServer的缩写为（IIS）是一个WorldWideWebserver。
Gopherserver和FTPserver全部包容在里面。
IIS意味着你能发布网页，并且有ASP（ActiveServerPages）、JAVA、VBscript产生页面，有着一些扩展功能。
IIS（InternetInformationServer，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。
1.4.2IIS的添加
先下一个IIS安装包，进入“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加（我在安装时出现了错误，通过查询得知添加/删除Windows组件”附件-游戏前面的勾要去掉，才能正确安装。
1.4.3IIS的运行
当IIS添加成功之后，再进入“开始→设置→控制面板→管理工具→Internet服务管理器（Internet信息服务）”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启。
（运行asp文件时发生错误，最常见的就是端口应改为8080端口，这样就可以运行了）
第2章网页设计运用的多个软件
2.1Dreamweaver的运用
2.1.1表格的使用
表格是一种能够有效描述信息的组织方式.在网页中表格也被用来控制页面版式,即控制文字、图形及其他所有页面元素之间的位置。
一个优秀的，除了用精美的图片、丰富的容来装饰页面，还要利用表格的绚丽效果来锦上添花。
可见，如果不能有效地利用好表格，那我们的网页就像是一个图像和文字堆砌的茅草屋，而不是一栋结构清晰、美观大方的建筑。
2.1.2超级
超在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
各个网页在一起后，才能真正构成一个。
超级也可以直接指向地址而不是一个文件，那么单击直接跳转到相应的地址。
例如，在框里输入index.asp就可以直接到首页了，同理就可以一个了。
在网页中，一般文字上的超都是蓝色（当然，用户也可以自己设置成其他颜色），文字下面有一条下划线。
当移动鼠标指针到该超上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超相连接的网页或WWW上去。
如果用户已经浏览过某个超，这个超的文本颜色就会发生改变。
只有图像的超访问后颜色不会发生变化。
2.2ASP.简介
MicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。
有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。
当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。
例
<
%=rs（"
id"
）%>
这个是最简单的asp语句，主要连接数据库，显示id。
千万不要被“<
%%>
”符号搞糊涂，这其实是标准的ASP定界符。
<
%
dimid,nametext,passtext,sql
id=request（"
hid"
）
nametext=request（"
nametext"
passtext=request（"
passtext"
'
response.Writeid&
nametext&
passtext
sql="
updatenoticesetbiaoti='
"
&
neirong='
passtext&
whereid="
id&
setrs=conn.execute（sql）
response.Redirect"
Untitled-3.asp"
response.Write（"
修改成功！
%>
这个就是修改公告运行的语句。
如果成功就会显示修改成功！
进入数据库更改资料。
Asp语句可以连接后台管理系统使网页完整。
分页
%
rs.pagesize=15
ifpage=0thenpage=1
pages=rs.pagecount
ifpage>
pagesthenpage=pages
rs.absolutepage=page
forj=1tors.pagesize
%>
rs.movenext
ifrs.eofthenexitfor
next
pageno=page
mpage=rs.pagecount
<
%ifcint（pageno）>
1then%>
ahref=<
%=myself%>
?
page=1onfocus=this.blur（）title="
最前页"
>
%endif%>
fontface="
Webdings"
9<
/font>
/a>
page=<
%=pageno-1%>
onfocus=this.blur（）title="
上一页"
7<
pp=cint（pageno）-2
ifpp<
1then
pp=1
endif
forpno=pptompage
p=p+1
ifpno*1=cint（pageno）*1then
fontcolor="
#FF0000"
[<
%=pno%>
]<
%else%>
onfocus=this.blur（）>
ifp>
=8thenexitfor
%ifcint（pageno）<
mpagethen%>
%=pageno+1%>
下一页"
8<
%=mpage%>
最后页"
:
endif
rs.close
setrs=nothing
conn.close
setconn=nothing
上传图片，如图2-1所示。
图2-1上传图片界面
上传图片到数据库显示
dimformsize,formdata,bncrlf
carp=request（"
carp"
carj=request（"
carj"
response.Writecarp
response.buffer=true
formsize=request.TotalBytes
formdata=request.BinaryRead（formsize）
bncrlf=chrB（13）&
chrB（10）
divider=leftB（formdata,clng（instrb（formdata,bncrlf））-1）
datastart=instrb（formdata,bncrlf&
bncrlf）+4
dataend=instrb（datastart+1,formdata,divider）-datastart
mydata=midb（formdata,datastart,dataend）
select*fromimgwhereidisnull"
setrec=server.createobject（"
adodb.recordset"
rec.opensql,conn,1,3
rec.addnew
rec（"
）=carj
）=carp
img"
）.appendchunkmydata
rec.update
rec.close
setrec=nothing
response.Redirect（"
load2.asp"
2.3运行网页所需的必要软件
网页设计运用软件：
DreamweaverMX2004AdobePhotoshopCS4MacromediaFlash8.0Access等多个软件
2.4MicrosoftAccess2000介绍
本系统采用MicrosoftAccess2000数据库。
Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。
它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；
提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规化；
为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。
而数据是保存在数据表中。
数据表由字段构成。
2.5数据库的代码
数据库连接界面，如图2-2所示。
图2-2连接数据库界面
在网页body上面，应加一语句<
!
--#includefile="
conn.asp"
-->
连接数据库。
在数据库里建表分子段。
写入一些信息。
sql语句写入sql="
insertinto表格名称（字段1,字段2）values（request定义）
运用到表格里
insertintousern（nametext,passtext）values（'
'
）"
ifnametext<
andpasstext<
then
setrs=conn.execute（sql）
response.write"
增加用户成功！
else
用户名或密码不能为空！
显示表格里的具体数据时一般用sql="
select字段名称*from表格名称"
网页制作程序是运用了显示前几项也就可以表示为
dimsql
sql="
selecttop9*fromnews"
setrs=conn.execute（sql）
读取数据输入数据常用的语句循环语句例如程序种涉及到的
%dowhilenotrs.eof%>
%rs.movenextloop%>
图片的写入在数据库种字段属性应选择OLE对象图片的数据是有长二进制数据表示的。
第3章的总体设计与实现
3.1的总体规划
规划包含了很多的要素：
如网页色调，，协调性，布局，以及的目录结构等。
在做网页设计之前事先进行规划好，确定好这些元素，再做起来就得心应手！
不同的颜色有着不同的含义，不同的颜色带给人的额感觉和心情也是不一样的，所以这个很重要。
再做这个的时候，我也浏览了很多的，最终决定选择了红与黑色，以灰色为辅，整体显得比较大方整洁。
红色：
#e51c3c黑#0a0a0a灰色#b6b6b6
网页布局：
首页设计
1.最重要功能和应用（如：
导航条、购物车等）放在显著位置
2.的容切勿过多、过杂，让人眼花缭乱
3.销售类，可以在首页放置滚动广告条，用于吸引客户
的目录结构：
把重要的分类放在导航条上，类分类放分类里，点击后在下侧出现。
3.2的制作
首先制作首页界面----index.asp，如图3-1所示。
图3-1首页
再制作女鞋界面----Women.asp，如图3-2所示。
1.该模块主要是放置女鞋的分类商品，分页浏览商品详情
2.点击进入可以浏览showwomen.asp
图3-2新闻模块界面
再制作男鞋界面----men.asp，如图3-3所示。
1.该模块主要是放置男鞋的分类商品，分页浏览商品详情
2.点击进入可以浏览showmen.asp
图3-3最新上架商品界面
再制作运动休闲界面----sport.Asp，如图3-4所示。
1.该模块主要是放置运动鞋的分类商品，分页浏览商品详情
2.点击进入可以浏览showsports.asp
图3-4中国商品区分类界面
再制作购物车模块----shoppingcart.Asp，如图3-5所示。
图3-5Seda.Asp界面
3.3功能模块的介绍
主菜单导航条
首页（index.asp）主要展示了各类商品
男鞋（men.asp）女鞋（women.asp）运动休闲（sport.asp）这三块展示不同性别的分类商品。
购物车（shoppingcart.Asp）主要存放用户所选购的商品
右上角请登录/免费注册到（login.asp）可以直接登录到后台管理系统
公告（shownotice.asp）
第4章后台管理设计
4.1后台登录界面的制作
后台登录界面-----login.asp，如图4-1所示。
图4-1后台登录界面
登录后的操作页面----Untitled-1.asp，如图4-2所示。
图4-2登录后的操作页面
4.2各子模块界面及
1.后台管理登录界面（login.asp）
运行连接数据库（conn.asp）---后台登录（login.asp）--用户名密码校对（check.asp）
2.用户管理（Untitled-1.asp）
运行连接增加用户名（adduser.asp）--sql语句保存数据--（Untitled-1.asp）
修改用户名（edituser.asp）--修改运行（edituserdo.asp）
删除用户名（delete.asp）--返回（Untitled-1.asp）
新闻管理（Untitled-2.asp）公告管理（Untitled-3.asp）同理
3.图片管理（Untitled-4.asp）---上传图片（upload.asp）--增加图片（load2.asp）---提交数据（proc.asp）（proc2.asp）--显示图片数据（bord.asp）---图片显示（showming.asp）全部查看图片（showit.asp）
修改图片（xgtpjm.asp）[（xgtp.asp）--（xgtp2.asp）---（xgtp3.asp）]
4.3各个模块的运行
管理工具-Internet服务器-新建一个虚拟目录-asp文件（自己设置目录）在默认中虚拟目录（asp文件--shoes）--运行首页（index.asp）（或者可以运行其他的相关文件）
如图4-4是后台的登录界面：
图4-4后台管理登录界面
在后台登录可以更新信息。
结束语
一直有一个运营购物的想法，而且这个购物是销售鞋子开始的，那再最好不过了，因为本人喜欢鞋子，喜欢各种各样的鞋子。
但是这个想法目前对我来说实现起来是相当困难，但是设计毕业论文的时候，抱着这个想法，虽然不能真正意义上的实现这个想法，但却让我有了努力去设计、做好论文的动力。
因为至少我可以设计出自己想象中的鞋子销售是什么样子的。
虽然在在校期间成绩不是很好，知识浅薄，又未从事相关工作，经验尚浅。
但是在在校期间最起码有两门科目自己还是有信心的，一个是PS，一个就是dreamweaver。
这也是我论文考虑网页制作的初衷。
经过一个多月的时间才辛苦完成毕业设计的工作，期间浏览了很多的购物，如淘宝、卓越、亚马逊、乐淘、好乐买和各种淘宝小店等，在脑海里构建了一个多星期，并花了一些草图，才开始着手制作。
当然这也与我在工作，时间并不充裕有关。
所以有些时候只能回到家加班加点的去做，因为有两个软件比较生疏，所以上网找了很多资料，问了很多人才做下来。
不过最终把毕业设计给完成了，算是达到了自己预期和想象的效果。
当然，这可能在老师和专业人员的眼里有很多的瑕疵和不足，也希望老师们给出宝贵的意见和知指导。
心里还是有小小的成就感，毕竟是努力做出来的东西，这中间也学会了很多的知识，自己也试着解决了很多的东西，很有收获感，受益良多。
哈哈。
参考文献
[1]丁桂芝.动
升级会员 