鞋子销售网站设计与实现论文Word下载.docx
- 文档编号:17698092
- 上传时间:2022-12-08
- 格式:DOCX
- 页数:17
- 大小:1.08MB
鞋子销售网站设计与实现论文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]丁桂芝.动
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 鞋子 销售 网站 设计 实现 论文