电子商务网站设计.docx
- 文档编号:30570607
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:15
- 大小:83.20KB
电子商务网站设计.docx
《电子商务网站设计.docx》由会员分享,可在线阅读,更多相关《电子商务网站设计.docx(15页珍藏版)》请在冰豆网上搜索。
电子商务网站设计
学士学位论文(设计)
Bachelor’sThesis
论文题目
电子商务网站设计
作者姓名
学号
所在院系
计算机科学与技术学院
学科专业名称
计算机科学与技术
导师及职称
论文答辩时间
2、学士学位论文(设计)诚信承诺书
中文题目:
电子商务网站设计
外文题目:
学生姓名
学生学号
院系专业
计算机科学与技术
学生班级
学生承诺
我承诺在学士学位论文(设计)活动中遵守学校有关规定,恪守学术规范,本人学士学位论文(设计)内容除特别注明和引用外,均为本人观点,不存在剽窃、抄袭他人学术成果,伪造、篡改实验数据的情况。
如有违规行为,我愿承担一切责任,接受学校的处理。
学生(签名):
年月日
指导教师承诺
我承诺在指导学生学士学位论文(设计)活动中遵守学校有关规定,恪守学术道德规范,经过本人核查,该生学士学位论文(设计)内容除特别注明和引用外,均为该生本人观点,不存在剽窃、抄袭他人学术成果,伪造、篡改实验数据的现象。
指导教师(签名):
年月日
内容提要:
人类进入21世纪,电子商务伴随着IT的成熟,逐渐发展壮大,成为网络经济的核心。
计算机、网络通信、信息技术、支付技术、安全技术的发展以及计算机的普及与网络应用等基础设施建设为电子商务的应用提供硬件支持与安全保障,是电子商务发展的硬件基础;电子商务法的制定与发布为电子商务的发展提供了法律保障,成为电子商务发展的软件基础。
在电子商务的发展过程中,人们意识到在线购物的无地域界限、安全、方便快捷及其价格优势,在线购物的队伍逐渐扩大,不断增长的强大需求正成为电子商务的发展动力。
基础环境的成熟与需求欲望的增长将推动电子商务与商务网站的建设不断发展,因此,本文通过以某自行车销售公司网上书店电子商务网站的设计来探讨电子商务应用。
1.绪论
人类进入21世纪,电子商务伴随着IT的成熟,逐渐发展壮大,成为网络经济的核心。
计算机、网络通信、信息技术、支付技术、安全技术的发展以及计算机的普及与网络应用等基础设施建设为电子商务的应用提供硬件支持与安全保障,是电子商务发展的硬件基础;电子商务法的制定与发布为电子商务的发展提供了法律保障,成为电子商务发展的软件基础。
在电子商务的发展过程中,人们意识到在线购物的无地域界限、安全、方便快捷及其价格优势,在线购物的队伍逐渐扩大,不断增长的强大需求正成为电子商务的发展动力。
基础环境的成熟与需求欲望的增长将推动电子商务与商务网站的建设不断发展,因此,本文通过以某自行车销售公司网上书店电子商务网站的设计来探讨电子商务应用。
在传统经济模式里,人们购物跑商场,为了购得心愉的商品不得不累半天;企业为了赢得合同不得不围在谈判桌上群雄论战。
如今人们可以通过网络坐在家中浏览网上商店,选择合适的产品,还可以货比三家,自已完成购物过程,进入自由轻松购物新时代;企业通过网络洽谈业务,网上采购与接受定单,企业在网上设置了商店,不由得会发现世界就像在面前。
企业与客户通过网上订购,电子支付等,使他们的关系变得如此贴近,从而使商务活动发生深刻变革。
改变企业的生产与经营活动,也带来了人们的生活方式、文化教育、政府职能等的转变,电子商务的出现将真正把人类带入信息社会。
2.网站开发工具及技术
2.1ASP简介
ASP,即MicrosoftActiveServerPages,其实是一套微软开发的服务器端脚本环境,ASP内含于IIS3.0及以上版本之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。
ASP本身并不是一种脚本语言,它只是提供了一种使镶嵌在HTML页面中的脚本程序得以运行的环境。
有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。
当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。
含义
(1)ASP利用ActiveX组件来实现一定的功能
ActiveX是指存在于Web服务器端的动态链接库(.dll)或可执行文件(.exe)中的、可以用来实现某些特定功能的模块。
组件提供了一个或多个对象,这些对象都有自己的方法和属性。
在Web服务器上可以利用组件来快速、方便的建立自己的Web应用。
同时可以利用第三方组件或根据自己的需要来创建自己的组件。
(2)ASP是服务器端的编程技术,运行在服务器端。
这是ASP的优点之一。
ASP对客户端的环境没有要求,在服务器端,无需考虑客户端浏览器是否支持ASP所使用的编程语言,所有ASP编程语言都是在服务器端执行完成之后以静态页面的形式反馈给客户端。
这样达到了“瘦客户端”的目的,便于控制。
(3)ASP返回标准的html页面,可以在常用的浏览器中显示。
ASP通过IIS(InternetInformationServices,Internet信息服务)中的一个asp.dll文件解析成html代码。
浏览者查看页面源文件时看到的是ASP生成的html代码,而不是ASP程序代码,这样可以防止源代码的泄漏。
ASP运行的具体流程如图
2.1.1ASP的优势
ActiveServerPages:
“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。
2.1.2ASP的特点
1、任何开发工具皆可发展ASP
只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。
当然,其他网页发展工具,例如,FrontPageExpress、FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。
2、通吃各家浏览器
由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。
3、语言相容性高
ASP与所有的ActiveXScript语言都相容,除了可结合HTML,VBScript、JavaScript、ActiveX服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(ThirdParty)所提供的语言。
4、隐密安全性高
如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!
这是因为ASP程序先于网站服务(WebServer)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
5、易于操控数据库
ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库,例如:
Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是”Excel”文件当成数据库用。
6、面向对象学习容易
ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:
Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
6、ASP的六大内部对象
对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理。
ASP模式现在已经获得很大发展,与传统模式相比具有一些重要的优势。
以下是部分最重要的优势:
尤其对于小型企业和新创企业而言,最大的好处是启动成本低,而且在大多数情况下可以极大地缩短启动时间。
现购现付模式对于不经常使用该服务的企业来说极大地节省了成本。
ASP模式,如同任何外包方案一样,可以节省人力成本。
IT人员越来越昂贵而且越来越专业(就像航空业的飞行员),因此采用ASP通常可节省人力。
采用ASP模式还可以省去专门用来运行应用程序及支持性应用程序的IT基础设施。
例如,如果您要使用的应用程序需要Oracle或MS-SQL数据库,则您不得不同时使用支持该应用程序和数据库。
ASP模式可以将网络带宽转移给ASP,ASP通常能以较低的价格提供带宽。
导致ASP崛起的一个原因是专业软件的成本高。
随着成本的增加,小型企业几乎没有能力来购买这类软件,因此ASP使得这类企业使用该类软件成为可能
导致ASP发展的另一个重要因素是软件和软件升级的复杂性不断增加。
从客户服务的角度看,将大型复杂的应用分发到终端用户成本非常高,而升级又使问题变得更糟糕。
在有上千台台式机的大公司中,分发软件(即使是像新版Word这样简单的软件)可能花费上百万美元。
ASP模式则消除了大多数此类烦恼。
2.2JSP简介
JSP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态技术标准。
在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标签,就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等,实现建立动态网站所需要的功能。
所有程序操作都在服务器端执行,网络上传送给客户端的仅是得到的结果,这样大大降低了对客户浏览器的要求,即使客户浏览器端不支持Java,也可以访问JSP网页。
JSP全名为javaserverpage,其根本是一个简化的Servlet设计,他实现了Html语法中的java扩张(以<%,%>形式)。
JSP与Servlet一样,是在服务器端执行的,通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。
Web服务器在遇到访问JSP网页的请求时,首先执行其中的程序段,然后将执行结果连同JSP文件中的HTML代码一起返回给客户端。
插入的Java程序段可以操作数据库、重新定向网页等,以实现建立动态网页所需要的功能。
JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。
网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。
JSP将网页逻辑与网页设计的显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。
JSP(JavaServerPages)是一种动态页面技术,它的主要目的是将表示逻辑从Servlet中分离出来。
JSP页面由HTML代码和嵌入其中的Java代码所组成。
服务器在页面被客户端请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。
JavaServlet是JSP的技术基础,而且大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。
JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点。
自JSP推出后,众多大公司都支持JSP技术的服务器,如IBM、Oracle、Bea公司等,所以JSP迅速成为商业应用的服务器端语言。
2.2.1JSP的优势
Java是未来的主流开发技术,具有很多优势。
JSP则是Java在Internet/IntranetWeb上的重要应用技术,得到了广泛的支持和承认,它可以和各种Java技术完好地结合在一起,从而实现非常复杂的应用。
作为一种基于文本的、以显示为中心的开发技术,JSP提供了JavaServlet的所有好处。
为了做到逻辑功能和显示功能分开,JSP已经可以和JavaBeans、EnterpriseJavaBeans(EJB)和Servlet一起工作。
JSP的开发人员可以通过使用JavaBeans、EJB和Servlet来完成大部分与网站逻辑相关的工作,而仅仅把显示的工作交给JSP页面来完成。
内容和显示逻辑分开的好处在于,更新页面外观的人员不必懂得Java代码,而更新Java类的人员也不必是设计网页的行家。
这就可以用带Java类的JSP页面来定义Web模板,以建立一个具有相似外观的页面组成的网站。
Java类完成数据提供,在模板中就没有Java代码,这意味着这些模板可以由一个HTML编写人员来维护。
2.2.2JSP的特点
JSP作为当前主流的网页开发技术,具有如下特点。
1)将内容的生成和显示进行分离:
使用JSP技术,Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终的页面。
使用JSP标识或者小脚本来生成页面上的动态内容(内容是根据请求来变化的)。
生成内容的逻辑被封装在标识和JavaBeans组件中,并且捆绑在小脚本中,所有的脚本在服务器端运行。
如果核心逻辑被封装在标识和JavaBeans中,那么其他人,如Web管理人员和页面设计者,能够编辑和使用JSP页面,而不影响内容的生成。
2)强调可重用的组件:
绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。
得益于Java的操作平台无关性,开发人员能够很方便共享和交流执行普通操作的组件,或者使得这些组件为更多的使用者所使用。
基于组件的方法加速了总体的开发过程,极大地提高了项目整体开发的效率。
2.3网页制作工具
DreamweaverMX、FireworksMX和FlashMX是由在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具,被称为网页制作三剑客。
这三个软件相辅相承,是制作网页的最佳选择。
DreamweaverMX主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,是目前最为流行的网页设计工具。
Dreamweaver包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(DynamicHTML)的设计,使得页面没有plug-in也能够在Netscape和IE4.0浏览器中正确地显示页面的动画。
同时它还提供了自动更新页面信息的功能。
制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。
使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。
对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。
Dreamweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。
除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。
改变网页位置或档案名称,Dreamweaver会自动更新所有链接。
使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。
它包含HomeSite和BBEdit等主流文字编辑器。
帧(frames)和表格的制作速度快的令您无法想像。
进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
甚至可以排序或格式化表格群组,Dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的应用软体。
当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。
梦幻样版和XMLDreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。
建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。
您也可以使用样版正确地输入或输出XML[1]内容。
全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。
对于cascadingstylesheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。
使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。
当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。
效果难一致
难以精确达到与浏览器完全一致的显示效果也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果,这一点在结构复杂一些的网页(如分帧结构、动态网页结构)中便可以体现出来;
代码难控制
页面原始代码的难以控制性,比如您在所见即所得编辑器中制作一张表格也要几分钟,但您要它完全符合您要求可能需要几十分钟,甚至更多时间。
而相比之下,非所见所得的网页编辑器,就不存在这个问题,因为所有的HTML代码都在您的监控下产生,但是由于非所见所得编辑器的先天条件就注定了它的工作低效率。
如何实现两者的完美结合,则既产生干净、准确的HTML代码,具备所见所得的高效率、直观性,一直是网页设计师梦想。
在DREAMWEAVER之前,FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器,但是它同样继承了所见即所得的种种劣性。
3.网站开发过程
3.1概要设计
在根目录文件夹下创建htmstyle和image。
将图片处理完毕后放入image中。
在htm文件夹中创建index.htm文件,右键用dreamweaver打开,开始网站首页的制作。
在头文件
标签内用导入式3.1.1设计风格与色调
采用白淡为标准色彩,调整透明度和饱和度使色彩看起来统一、有层次感。
3.1.2使用样式表(css)优化网页
级联样式表(CascadingStyleSheet)简称“CSS”,通常又称为“风格样式表(StyleSheet)”,它是用来进行网页风格设计的。
比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。
通过设立样式表,可以统一地控制HTML中各标志的显示属性。
级联样式表可以使人更能有效地控制网页外观。
使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
。
样式表的调用有三种方式,一种是外部文件方式;一种是内部文档头方式;另一种是直接插入式。
一般网站建设采用的是调用外部文件的方式。
本文也采用此种方式。
3.2首页设计
主页是一个企业的形象页面,他的设计对整个网站来说是非常重要的。
一个富有动态效果的主页会给人以生机感,一个完整的企业网站,要把企业的各方面在主页上都要有所体现,而且还要包含一些其它方面的社会信息,从而让浏览者从主页上获取更多的信息,对企业的总体情况有一定的了解,吸引他们对企业进行进一步了解,提高企业的知名度。
3.3后台模块划分
1、网站首页
2、关于我们
3、新闻中心
4、产品展示
5、人才招聘
6、企业邮局
7、客户服务
8、代理合作
9、客户留言
3.4后台模块功能描述
模块名称:
网站首页
功能描述:
最产品信息的发布、管理、维护
内容描述:
包括产品名、产地、上架年月、图片、以及内容简介
操作描述:
添加数据、修改数据、删除数据、图片上传
模块名称:
新闻中心
功能描述:
新闻的发布、管理、维护
内容描述:
包括新闻标题、新闻内容、发稿人、新闻图片、发布时间、新闻类型
操作描述:
添加数据、修改数据、删除数据、图片上传
模块名称:
产品展示
模块描述:
所有产品信息的发布、管理、维护
内容描述:
包括产品名、产地、上架年月、图片、以及内容简介
操作描述:
添加数据、修改数据、删除数据、图片上传
模块名称:
人才招聘
模块描述:
招聘信息的发布、管理、维护
内容描述:
包括招聘职位、要求、待遇以及联系方式
操作描述:
添加数据、修改数据、删除数据
模块名称:
客户留言
功能描述:
客户信息的留言
内容描述:
包括客户姓名、手机、电话、email、主题、留言内容
操作描述:
添加数据、修改数据、删除数据、图片上传
模块描述:
针对会员的电子来信进行书面的答复
内容描述:
回复内容
操作描述:
添加数据
3.5数据库设计
本数据库的设计,是根据以上概要设计和详细设计置后进行的数据库设计工作,预期的读者是概要设计人员、详细设计人员、客户、软件公司和测试人员等。
3.4.1用户数据输入控制
不管是动态网站,还是其它B/S结构的系统,都离不开表单。
表单做为客户端向服务器提交数据的载体担当相当重要的角色。
这就引出了一个问题,提交的数据合法吗?
摆在我们面前的问题就是验证这些数据。
保证所提交的数据是合法的。
所以本文利用JavaScript来实现客户端数据验证的功能。
例如:
1、表单项不能为空
--
functionCheckForm()
{
if(document.form.name.value.length==0){
alert("请输入您姓名!
");
document.form.name.focus();
returnfalse;
}
returntrue;
}
-->
2、比较两个表单项是否相同
--
functionCheckForm()
if(document.form.PWD.value!
=document.form.PWD_Again.value){
alert("您两次输入的密码不一样!
请重新输入.");
document.ADDUser.PWD.focus();
retu
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 网站 设计