鞋子销售网站设计与实现论文.doc

。鞋子销售网站的设计与实现所属系部： 专业班 级： 学生姓名： 学 号： 指导教师： 二一三年五月四日摘 要随着信息时代的来临，计算机迅速普及，传统的购物方式已越来越不能满足人们的购物需求，全民皆商已成为大势所趋。购物者只需通过上网，无需出门，即可享受自己想要的商品送上家门的服务，这无疑使购物过程方便、轻松、快捷，节约了时间，也节省了精力。网站是网民朋友网上购物的依托，没有网站的支撑，网上购物只能是一纸空文，而美观、人性化的网站必将吸引更多的眼球。 鞋子销售网站是现阶段鞋类产业运作B2B2C模式更好的一种方式,同时也可以更好的提升鞋类品牌的知名度。这个网站的制作主要包括前台各个页面的设计和后台网站管理的建立两个方面。对于前者要求页面的新颖，设计是否美观，运行是否完整。而对于后者则要求应用程序功能完备,易使用等特点。制作这个鞋子销售网站的要求，对ACCESS数据库管理系统、asp语言在Dreamweaver中的运用、Dreamweaver MX 2004应用程序设计，photoshop的运用，数据库技术进行了较深入的学习和应用，主要完成对鞋类销售网站的的需求分析、功能模块划分、数据库模式分析、后台管理系统的分析并由此设计了数据库结构和应用程序。首先在短时间内建立前台网站各个首页的应用原型,然后,对初始原型系统进行需求迭代,不断修正和改进,是前台页面和后台程序相连接，初步网站的总体设计与实现，直到形成一个完整的鞋子销售运行网站。关键词：鞋子,销售,网站-可编辑修改-。目 录引 言1第1章 概述11.1 课题开发背景11.2 如何实现网站的设计21.3 Dreamweaver MX 2004介绍21.4 安装IIS服务器31.4.1 IIS简介31.4.2 IIS的添加31.4.3 IIS的运行3第2章 网页设计运用的多个软件32.1 Dreamweaver的运用32.1.1表格的使用32.1.2超级链接42.2 ASP.简介42.3运行网页所需的必要软件72.4 Microsoft Access 2000介绍72.5数据库的代码7第3章 网站的总体设计与实现83.1网站的总体规划83.2网站的制作83.3 功能模块的介绍11第4章 后台管理设计114.1 后台登录界面的制作114.2 各子模块界面及链接124.3 各个模块的运行13结束语13参考文献14致 谢14-可编辑修改-。引 言Internet是目前世界上最大，最流行的计算机互联网络，它的发展为信息化的当今世界提供了极大的便利。随着互联网在中国的进一步普及应用，网页的设计和网站的编辑已经成为了社会上一种热门的行业。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。电子商务时代的到来，改变了传统的商务形式，使商务跨越了时间和空间的限制。网站成为了企业开展电子商务的一个方式，它为企业更好地宣传与营销提供了保障。 随着网络的发展，在当今社会，太多的传统企业逐渐向电子商务化发展，所谓的电子商务是，在全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式，要实现这一种模式，就必须要建立一个销售类的企业网站。消费者通过网络在网上购物、在网上支付。由于这种模式节省了客户和企业的时间和空间，大大提高了交易效率，特别对于工作忙碌的上班族，这种模式可以为其节省宝贵的时间。很多企业都需要靠这一个平台发展。第1章 概述 随着信息时代的来临，计算机迅速普及，传统的购物方式已越来越不能满足人们的购物需求，全民皆商已成为大势所趋。购物者只需通过上网，无需出门，即可享受自己想要的商品送上家门的服务，这无疑使购物过程方便、轻松、快捷，节约了时间，也节省了精力。网站是网民朋友网上购物的依托，没有网站的支撑，网上购物只能是一纸空文，而美观、简洁、人性化的网站必将吸引更多的眼球。1.1 课题开发背景伴随着淘宝网、京东网、卓越网、当当网等网站在全国范围席卷开来，越来越多的人开始接受这一新型而热门的购物方式。电脑走进了百姓人家，通过鼠标的点击就可完成交易过程。网站销售有着很大的环境优势，人们不受时间的限制，不受空间的限制，不受传统购物的诸多限制，可以随时随地在网上交易，网站销售也有更开阔的市场，在网上这个世界将会变得很小，一个商家可以面对全球的消费者，而一个消费者可以在全球的任何一家商家购物，网站销售更快速的流通和低廉的价格：电子商务减少了商品流通的中间环节，节省了大量的开支，从而也大大降低了商品流通和交易的成本。更符合时代的要求：如今人们越来越追求时尚、讲究个性，注重购物的环境， 网上购物 ，更能体现个性化的购物过程 。网站销售成为当今经济发展的第一增长点，是创造价值的新经济形态。网站销售是建立在有一个网站，做交易的平台这个基础上的。对一个运营商业企业来说，电子商务网站是其生存的理由和基础，同时也是企业对外展示信息、从事商务活动的窗口和界面。1.2 如何实现网站的设计 网站的设计，所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop (以下简称PS)等图片处理软件将需要制作的界面布局简单的构画出来，顶部一般式包括logo图片，下面就是导航条，内容部分在首页可以展示一些图片，及信息；底部包括一些版权信息。最重要的一步，应该确定页面的布局。布局是指在一个限定的面积范围内合理地安排、布置图片和文字的位置，把信息按照一定的顺序陈列出来，并对页面进行装饰和美化。网站的色彩搭配，网站首页是否有创新。包括网站的logo，导航条，产品和介绍等等。 网站设计结构图如图1-1所示。图1-1 网站结构设计图1.3 Dreamweaver MX 2004介绍Macromedia Dreamweaver MX 2004 是一套功能强大的可视化网页设计软件。使用该软件，开发人员和设计师能够快速创建代码规范的应用程序。该软件集成度非常高，开发环境简而高效，开发人员能够使用该软件与服务器技术进行配合，构建功能强大的网络应用程序，并且可以与用户数据货网络服务体系进行链接，实现各种高级应用。1.4 安装IIS服务器1.4.1 IIS简介Internet Information Server的缩写为（IIS）是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。1.4.2 IIS的添加先下一个IIS安装包，进入“控制面板”，依次选“添加/删除程序添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加（我在安装时出现了错误，通过查询得知添加/删除Windows组件”附件-游戏前面的勾要去掉，才能正确安装。1.4.3 IIS的运行当IIS添加成功之后，再进入“开始设置控制面板管理工具Internet服务管理器(Internet信息服务)”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启。（运行asp文件时发生错误 ，最常见的就是端口应改为8080端口，这样就可以运行了）第2章 网页设计运用的多个软件2.1 Dreamweaver的运用2.1.1表格的使用表格是一种能够有效描述信息的组织方式.在网页中表格也被用来控制页面版式,即控制文字、图形及其他所有页面元素之间的位置。一个优秀的网站，除了用精美的图片、丰富的内容来装饰页面，还要利用表格的绚丽效果来锦上添花。可见，如果不能有效地利用好表格，那我们的网页就像是一个图像和文字堆砌的茅草屋，而不是一栋结构清晰、美观大方的建筑。2.1.2超级链接 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。 超级链接也可以直接指向地址而不是一个文件，那么单击链接直接跳转到相应的地址。例如，在链接框里输入index.asp 就可以直接链接到首页了，同理就可以链接一个网站了。 在网页中，一般文字上的超链接都是蓝色（当然，用户也可以自己设置成其他颜色），文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接，这个超链接的文本颜色就会发生改变。只有图像的超链接访问后颜色不会发生变化。2.2 ASP.简介Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。例 这个是最简单的asp语句，主要连接数据库，显示id。千万不要被“ ”符号搞糊涂，这其实是标准的 ASP 定界符。 这个就是修改公告运行的语句。如果成功就会显示修改成功！进入数据库更改资料。Asp语句可以连接后台管理系统使网页完整。分页 pages then page=pages rs.absolutepage=page for j=1 to rs.pagesize % 1 then% a href=?page=1 onfocus=this.blur() title=最前页 9 1 then% a href=?page= onfocus=this.blur() title=上一页 7 % pp=cint(pageno)-2 if pp a href=?page= onfocus=this.blur() =8 then exit for next % %if cint(pageno) a href=?page= onfocus=this.blur() title=下一页 8 %if cint(pageno) a href=?page= onfocus=this.blur() title=最后页 : 上传图片，如图2-1所示。图2-1 上传图片界面上传图片到数据库显示2.3运行网页所需的必要软件 网页设计运用软件：Dreamweaver MX 2004 Adobe Photoshop CS4 Macromedia Flash 8.0 Access等多个软件2.4 Microsoft Access 2000介绍本系统采用Microsoft Access 2000数据库。Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。 而数据是保存在数据表中。数据表由字段构成。2.5数据库的代码数据库连接界面，如图2-2所示。图2-2 连接数据库界面在网页body上面，应加一语句连接数据库。在数据库里建表 分子段。写入一些信息。sql语句写入sql= insert into 表格名称（字段1,字段2）values （request定义）运用到表格里sql=insert into usern(nametext,passtext) values(& nametext &,& passtext &) if nametextand passtext thenset rs =conn.execute(sql) response.write增加用户成功！ else response.write用户名或密码不能为空！ end if显示表格里的具体数据时 一般用 sql=select 字段名称* from 表格名称网页制作程序是运用了 显示前几项 也就可以表示为读取数据输入数据常用的语句 循环语句 例如网站程序种涉及到的 图片的写入 在数据库种字段属性应选择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-5 Seda.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。这也是我论文考虑网页制作的初衷。经过一个多月的时间才辛苦完成毕业设计的工作，期间浏览了很多的购物网站，如淘宝、卓越、亚马逊、乐淘、好乐买和各种淘宝小店等，在脑海里构建了一个多星期，并花了一些草图，才开始着手制作。当然这也与我在工作，时间并不充裕有关。所以有些时候只能回到家加班加点的去做，因为有两个软件比较生疏，所以上网找了很多资料，问了很多人