电子商务网站原型设计毕业论文设计

(此文档为word格式，下载后您可任意编辑修改！ )电子商务网站原型设计PrototypingDesignofE-commerceWebsite学生姓名 谢道贤 学号 201011611122所在学院 信息学院 班级 电子1113所在专业 电子信息工程申请学位 工学学士指导教师 李小立 职称 讲师副指导教师 职称答辩时间 2015 年6 月6 日目 录设计总说明 IINTRODUCTION III第1章绪论 11.1网站打印机产生的背景 11.2设计电子商务网站原型系统的目的及意义 21.3课题引入 21.4课题研究的内容 31.5本章小结 3第2章系统总设计 32.1系统需求分析 3总体结构框图 32.2本章小结 4第3章场景应用 43.1电脑版和手机版 43.2场景演示 6场景A演示介绍 6场景B演示介绍 123.3菜单搜索功能 163.4电脑版场景A 173.5企业简介、联系我们 173.6本章小结 17第4章系统设计开发过程 174.1总体思路 174.2需求分析 174.3确定网站风格 184.4设计功能模块 184.5确定目录结构和主页栏目 184.6数据库链接 184.7Div和表格布局、CSS美化界面 194.8javascript特效和部分功能 204.9系统调试过程 224.10完工 22第5章后台管理功能 225.1登录介绍 235.2产品排序介绍 245.3产品增删改功能介绍、产品详细编辑功能介绍 275.4优惠推荐功能介绍 325.5订单搜索功能介绍 345.6订单删除功能、订单备注功能 355.7企业简介栏目、联系方式栏目的编辑功能 365.8平台注册功能 365.9本章小结 37第6章总结 38鸣 谢 39参考文献 40设计总说明移动互联网，是指将手机载体和互联网二者结合起来成为一体，各种互联网技术、平台、商业模式和应用在这个手机载体上运行以产生各种信息交互的总称。随着4G时代的开启以及移动终端设备的凸显，我国移动互联网的发展越发越烈。未来，是一个以手机为载体去控制各种各样的智能终端电子设备的物联网世界。物联网就是物物相连的互联网。这有两层意思：其一，物联网的核心和基础仍然是互联网，是在互联网基础上的延伸和扩展的网络；其二，其用户端延伸和扩展到了任何物品与物品之间，进行信息交换和通信，也就是物物相息。物联网通过智能感知、识别技术与普适计算等通信感知技术，广泛应用于网络的融合中，也因此被称为继计算机、互联网之后世界信息产业发展的第三次浪潮。物联网是互联网的应用拓展，与其说物联网是网络，不如说物联网是业务和应用。因此，应用创新是物联网发展的核心，以用户体验为核心的创新2.0是物联网发展的灵魂,即移动互联网。以手机为载体，在其上运行的各种应用程序的技术，现在已经深入人心，它渗透入了我们生活的方方面面。比如现在最流行线下OTO、网络购物。这也是本课题的设计任务来源，将手机网站、电脑网站分别和网站打印机连接起来，这就是物物相联了，是物联网物物相联的基本特征。只不过这些物更多的是以手机为终端载体，但它仍然是属于移动互联网。物联网和移动互联网的关系，是父集和子集的关系，移动互联网是物联网的很重要的一部分，未来的物联网更多的也体现在移动互联网上。本课题主要是围绕移动互联网和线下OTO具体使用场景，来开发设计一套电子商务网站原型系统，将互联网技术融入餐饮行业，实现用户在手机上或者电脑上都可以浏览餐饮商家的全部菜单、挑选菜单。当用户挑选好菜单后完成下单，餐饮商家后台链接的网站打印机会立刻将该用户的下单信息打印出来。那么根据哪种标准把这个课题做好呢？要实现这种场景应用，本课题主要以asp技术为标准，将asp作为后台技术开发语言，将各种信息通过asp程序和javascript程序处理，汇总传送到与之配套的网站打印机，然后打印出来；以access数据库为后台开发数据库，将各种信息通过asp程序和javascript程序处理，汇总插入到access数据库中保存起来，在需要时调用；以html、css和javascript布局和美化界面效果，生成非常怡人友好的人机交互界面。采用DreamweaverCS6作为开发工具。程序运行环境为windows操作系统环境。这套开发出来的能在手机上和电脑上浏览和下单并触发打印机立即打印的程序，实用性强，功能完善，可以方便快捷帮助用户下单，帮助餐饮商家接单和统计数据，是餐饮行业必不可少的运营必备工具之一。在人民追求尽善尽美的今天，UI界面设计的重要性越来越凸显。本系统的设计原则就是围绕UI设计与程序设计进行的，界面上要简洁明朗大方，操作上要方便流畅。UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。界面设计，在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。在人和机器的互动过程（HumanMachineInteraction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。本次设计的参考资料很多，可供查阅的条件也很多，从知网上，网络中，都可以找到参考的资料。本次设计着重参考了Dreamweaver设计和asp构架，并且查阅了一部分数据库书籍，参考了商业网站综合案例，对于本次设计的帮助极大，而且能够对于这个设计的构架细节都做出足够的支持和帮助。关键词：网站打印机；互联网打印机； OTO；点餐系统INTRODUCTIONMobileInternet,itreferstothephoneandtheInternetcombinethetwocarriersbecomecollectivelyone,avarietyofInternettechnologies,platforms,businessmodelsandapplicationsrunningonthephonecarriertoproduceavarietyofinformationexchange.Aswellasmobileterminalequipment,thedevelopmentofChina'smobileInternetincreasinglymoreintense.Thefutureisamobilephoneforthecarriertocontrolawidevarietyofintelligentterminalelectronicdevicenetworkingworld.ThingsthatmaterialobjectsconnectedtotheInternet.ThisofthingsisstilltheInternet,isbasedontheInternetextensionandexpansionofthenetwork;second,toextendandexpanditsclienttoanygoodsanditemsofinformationexchangeandcommunication,thatis,physicalobjectsinterest.ThingsthroughIntelliSense,identificationtechnologyandpervasivecomputing,communicationssensingtechnology,widelyusedinconvergednetworks,calledthesecondcomputer,theInternetworldinformationindustrydevelopmentofthethirdwave.ThingsisanapplicationtoexpandtheInternetofThingsisnotsomuchanetworkasitisabusinessandnetworkingapplications.Therefore,theapplicationofinnovationisthecoreofthedevelopmentofthings,totheuserexperienceasthecoreofinnovation2.0isthesoulofthedevelopmentofthings,thatthemobileInternet.Mobilephonecarrier,variousapplicationsoftechnologytorunonit,andnowisalsothesubjectoftheoriginofthetasks,themobilephonesites,computerwebsiteandprintersareconnectedtogether,andthisislinkedtothephysicalobjects,isthebasiccharacteristicofthingsassociatedwithphysicalobjects.Butthesethingsarebasedmoreonthephonefortheterminalcarrier,butitstillbelongstothemobileInternet.RelationshipThingsandmobileInternet,istherelationshipbetweenaparentandasubsetoftheset,themobileInternetisaveryimportantpartofthings,morethingsfutureisalsoreflectedinthemobileInternet.ThispapermainlyaroundmobileinternetandcableOTOspecificusagescenarios,todevelopasuitablefoodindustryconvenientmealserviceapplications,Internettechnologywillbeintegratedintothefoodandbeverageindustry,toachieveauseronthephoneorcomputercanbrowsecateringAllmenubusinesses,theselectionmenu.Uponcompletionoftheusermenuselectionofgoodorder,foodbusinesseslinkedsiteprinterbackimmediatelythenextsingleusertoprintoutinformation.Sodependingonwhichstandardtothisissuetodoit?Toachievethisscenarioapplication,thesubjectmainlyasptechnologyasthestandard,theaspasaback-endtechnologydevelopmentlanguage,allkindsofinformationthroughtheaspandjavascriptprogramprocessingprogram,asummaryistransmittedtotheaccompanyingwebsiteprinter,thenprintitout;toaccessback-enddatabasedevelopmentdatabase,allkindsofinformationthroughtheaspprogramandjavascriptprogramprocessed,summarizedintotheaccessdatabasesaved,onlywhenneeded;inbeviewedonthephoneandcomputerandprinterordersandtriggerimmediateprinting,practical,functional,easyandquicktopursuitofperfectpeople,theimportanceofUIinterfacedesignmoreandmoreprominent.ThesystemisdesignedaroundtheprinciplethatUIdesignandprogramdesign,andtheinterfacetobesimpleandclearappearance,tofacilitatesmoothoperation.UIwasintendeduserinterfaceisinEnglishandUserinterfaceabbreviations.Literallyuserinterfacewithtwopart,butinfactalsoincludestheinteractiverelationshipbetweentheuserandtheinterface.Interfacedesign,inthelongsoftwaredevelopment,interfacedesignworkseriously.Peoplewhodotheinterfacedesignwerederogatorycalled"art."Infact,softwareinterfacedesignasindustrialproducts,industrialdesign,isanimportantsellingpointoftheproduct.Afriendlyandbeautifulinterfacewillbringacomfortablevisualenjoyment,tonarrowthedistancebetweenpeopleandcomputerstocreateasellingpointforbusinesses.Interfacedesignisnotsimplytheartofpainting,.Astandardtestinterfaceisneitheraprojectdevelopmentteamledbytheresultsoftheprojectarenottheviewsofmembersvoted,buttheend-userexperience.Therefore,itshouldbecloselyintegratedinterfacedesignanduserresearchisacontinuousdesignsatisfactoryvisualeffectsprocessfortheenduser.Manandmachineinteractionprocess(HumanMachineInteraction)in,thereisaWebSiteAssistDieCastingProd[J].IndustryWeek,2008:63dimensionthatwecallinterface(interface).Fromapsychologicalsensetopoints,theinterfacecanbedividedintosensory(visual,tactile,auditory,etc.)andtwolevelsofemotion.Userinterfacedesignisanimportantpartofthescreenproduct.Interfacedesignisacomplextherearedifferentdisciplinesinvolvedintheengineering,cognitivepsychology,design,linguisticsandsooninthisplayanimportantrole.Threeuserinterfacedesignprinciples:setunderthecontrolofauserinterfaceto;reducetheburdenontheuser'smemory;consistentinterface.附 录附录1数据库相关代码<%'设置链接数据库OnErrorResumeNextSetconn=Server.CreateObject("ADODB.Connection")IfErrThenErr.ClearSetconn=NothingResponse.Write"<br><br><br><center><fontstyle=color:> 数据库连接出错，请检查连接字串！<font><center>"Response.EndEndIf%><%'设置记录集链接：设置链接数据库中的哪个表和表中的哪些字段，注意选取 where字段='值' ，字段等号右边的值有单引号setrs=server.CreateObject("adodb.recordset")sql="SELECT *FROMnewstable2wheretext='"+Replace(request("text"),"'","''")+"'"rs.Opensql,conn,1,3%><%'显示记录集while(not(rs.eof))response.Writers("xin")response.Write("<br>")rs.movenext()wend%>根据数据库某个字段值是否空来输出不同的值<%If(NotisNull(rs("address")))Then%>数据库中不空时，在这里输出 ...<%else%>数据库空时，在这里输出 ...<%endif%><%'更新一条记录Setrs=Server.CreateObject("ADODB.Recordset")sql="SELECT*FROMnewstable2wheretext='"+Replace(request("text"),"'","''")+"'"rs.Opensql,conn,1,3rs("text")=request("text")rs.updaters.closesetrs=Nothing%><%'删除一条记录Setrs=Server.CreateObject("ADODB.Recordset")sql="SELECT*FROMnewstable2wheretext='"+Replace(request("text"),"'","''")+"'"rs.Opensql,conn,1,3rs.deleters.closesetrs=Nothing%>添加一条记录<%Setrs=Server.CreateObject("ADODB.Recordset")sql="SELECT*FROMnewstable2wheretext='jklss'"rs.Opensql,conn,1,3rs.addnewrs("text")=textrs.updaters.closesetrs=nothing%>rs.movefirst'移动到第一条记录rs.movelast'移动到最后一条记录rs.move3'移动到第四条记录，从 0开始算的，数字表示要移动到 “数字+1”条记录rs.eof'通常用来判断指针是不是到最后一条记录了rs.bof '通常用来判断指针是不是移动到最开始记录了rs.movenext?指针移动到下一条记录rs.moveprevious'指针移动到前一条记录rs.movenext将记录指针从当前的位置向下移一行rs.moveprevious将记录指针从当前的位置向上移一行rs.movefirst将记录指针移到数据表第一行rs.movelast将记录指针移到数据表最后一行rs.absoluteposition=N将记录指针移到数据表第 N行rs.absolutepage=N将记录指针移到第 N页的第一行rs.pagesize=N设置每页为 N条记录rs.pagecount根据pagesize的设置返回总页数rs.recordcount返回记录总数rs.bof返回记录指针是否超出数据表首端， true表示是，false为否rs.eof返回记录指针是否超出数据表末端， true表示是，false为否rs.delete删除当前记录，但记录指针不会向下移动rs.addnew添加记录到数据表末端rs.update更新数据表记录附录2邮件发送代码<%'发送代码ConstcdoSendUsingMethod="sendusing"ConstcdoSendUsingPort=2ConstcdoSMTPServer="smtpserver"ConstcdoSMTPServerPort="smtpserverport"ConstcdoSMTPConnectionTimeout="smtpconnectiontimeout"ConstcdoSMTPAuthenticate="smtpauthenticate"ConstcdoBasic=1ConstcdoSendUserName="sendusername"ConstcdoSendPassword="sendpassword"DimobjConfig,objMessage,FieldsSetobjConfig=Server.CreateObject("CDO.Configuration")SetFields=objConfig.FieldsWithFields.Item(cdoSendUsingMethod)=cdoSendUsingPort.Item(cdoSMTPServer)="smtp.qq" '外部邮件服务器域名.Item(cdoSendUserName)="" '邮箱用户名.Item(cdoSendPassword)="" '邮箱密码.Item(cdoSMTPServerPort)=25.Item(cdoSMTPConnectionTimeout)=10.Item(cdoSMTPAuthenticate)=cdoBasic.UpdateEndWithSetobjMessage=Server.CreateObject("CDO.Message")SetobjMessage.Configuration=objConfigWithobjMessage.To=""

'接收者邮件完整地址.From=""

'发送人完整邮件地址.Subject="sfsdfs"

'邮件标题.print(strcontent)Set "Post","WPServerprintOrderAction",False.setRequestHeader"Content-Type","applicationx-www-form-urlencoded".Send"sn=&key=×=1&printContent="+contentGetBody=.ResponseBodyEndWithGetBody=BytesToBstr(GetBody,"UTF-8")print=GetBodySetFunctionBytesToBstr(body,charset)DimobjstreamSetobjstream=Server.CreateObject("adodb.stream")objstream.Type=1objstream.Mode=3objstream.Openobjstream.Writebodyobjstream.Position=0objstream.Type=2objstream.Charset=charsetBytesToBstr=objstream.ReadTextobjstream.CloseSetobjstream=NothingEndFunction'以下是函数调用， content是要打印的内容Dimcontentcontent="<CB>测试打印<CB><BR>"content=content+"名称单价数量金额<BR>"content=content+"<BR>"content=content+"饭1.011.0<BR>"content=content+"炒饭10.01010.0<BR>"content=content+"蛋炒饭10.010100.0<BR>"content=content+"鸡蛋炒饭100.01100.0<BR>"content=content+"番茄蛋炒饭1000.01100.0<BR>"content=content+"西红柿蛋炒饭1000.01100.0<BR>"content=content+"西红柿鸡蛋炒饭100.010100.0<BR>"content=content+"<QRcode> showHint(str){varxmlhttp;if(str.length==0){document.getElementById("txtHint").innerHTML="";return;}if(window.XMLHttpRequest){codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{codeforIE6,IE5xmlhttp=newActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){document.getElementById("txtHint").innerHTML=xmlhttp.responseText;}if(xmlhttp.readyState==1){document.getElementById("txtHint").innerHTML=' 加载中，请稍候 ';}}xmlhttp.open("GET","gethint.asp?q="+str,true);xmlhttp.send();}<script>附录5：javascript邮箱验证、手机验证代码<!DOCTYPE check_mobile(){if(!(^1[3|4|5|8][0-9]\d{4,8}$.test(sMobile))){alert("请正确输入 11位手机号码");returnfalse;}}function

check_mail(){v