大型电商网站建设与管理计算机科学与技术学院:宋鑫企业、公司越来越多的通过网络进行宣传和销售,本讲座使同学们对电子商城的建设、管理、运营有一个常识性的了解,以便将来从事和电子商城相关的工作时可以得心应手。对信息类相关专业同学。了解专业的电子商城开发环节和要点,作为课堂内容的延伸。课程目的A.网站策划,模块设计,数据库设计、原型设计。B.前后台编程语言优缺点介绍。A..netc#B.PHPC.Java;C.三层模式类设计。D.页面美工,切图技术,div+css布局技术。E.后台编程技术,SKU生成。F.存储过程编写。G.JQUERY,AJAX,JSON技术。H.搜索引擎优化技术SEO,SEM,伪静态化技术。I.Web服务器管理。J.网站推广。K.运营管理L.拓展问题提纲“铁皮人”学龄前教育目前有700万用户但是他们认为学龄前教育最终将转到线下没有专属移动设备儿童的被动性(主要看父母)国内用户没有付费习惯不是刚需线下实体店上线的价格平衡问题并非所有的商品都适合在线营销展示策划文档展示模块设计展示DB设计(单库、分库)展示原型设计(工具AxureRP)A.网站策划A.PHP(HypertextPreprocessor)B.ASP(ActiveServerPages)C.JSP(JavaServerPages)B.编程语言优缺点介绍大量地借用C和Perl语言的语法,并结合PHP自己的特性,使Web开发者能够快速地写出动态产生页面。PHP是完全免费的开源产品,不用花钱,Apache和MYSQL也是用样免费开源,在国外非常流行,PHP和MYSQL搭配使用,可以非常快速的搭建一套不错的动态网站系统,因此国外大多数主机系统都配有免费的APACHE+PHP+MYSQL。PHP语法简单,非常易学易用,很利于快速开发各种功能不同的定制网站,PHP因为结构上的缺陷,使的PHP在复杂的大型项目上的开发和维护都比较困难。B.编程语言--PHPPHP没有命名空间,编程时候必须努力避免模块的名称冲突。一个开源的语言虽然需要简单的语法和丰富的函数,但PHP内部结构的天生缺陷导致了PHP不适合于编写比中小型业余网站更大的网站。PHP开发的成功案例:MediaWiki—著名的维基百科(Wiki)程序,如此庞大的条目居然只用PHP+MYSQL就能够支持,真是不可思议。B.编程语言--PHP微软的WindowsIIS系统自带的脚本语言,利用它可以执行动态的Web服务应用程序。ASP在国内异常流行,因为国内大多使用的是盗版的Windows和盗版的SQLServer,而ASP+COM+SQLServer实际上也是一种不错的搭配,其性能也不输于PHP+MYSQL,特别是Windows系统和SQLServer都有图形界面,比APACHE和MYSQL易于维护,因此对于不重视知识产权的国家来说也是一种不错的选择。和PHP一样,ASP简单而易于维护,很适合小型网站应用,通过DCOM和MTS技术,ASP甚至还可以完成小规模的企业应用,但ASP的致命缺点就是不支持跨平台的系统,在大型项目开发和维护上非常困难。B.编程语言--ASPASP.net是Microsoft.net的一部分,作为战略产品,不仅仅是ActiveServerPage(ASP)的下一个版本;它还提供了一个统一的Web开发模型,其中包括开发人员生成企业级WASP.NET将对大型站点(webfarms)有更好的支持。事实上,微软在这方面付出了巨大的努力。ASP.NET可以让你考虑到多服务器(multipleservers)的场合,当你需要更强大的功能时,仅仅只需要增加一台服务器。整个.Net框架已经充分地提供了这个方法。Web应用程序所需的各种服务。B.编程语言--ASP.NET是Sun公司推出的一种动态网页技术。JSP技术是以Java语言作为脚本语言的,熟悉JAVA语言的人可以很快上手。JSP本身虽然也是脚本语言,但是却和PHP、ASP有着本质的区别。PHP和ASP都是由语言引擎解释执行程序代码,而JSP代码却被编译成Servlet并由Java虚拟机执行,这种编译操作仅在对JSP页面的第一次请求时发生。因此普遍认为JSP的执行效率比PHP和ASP都高。B.编程语言--JSPJSP是一种服务器端的脚本语言,最大的好处就是开发效率较高,JSP可以使用JavaBeans或者EJB(EnterpriseJavaBeans)来执行应用程序所要求的更为复杂的处理,但是这种网站架构因为其业务规则代码与页面代码混为一团,不利于维护,因此并不适应大型应用的要求,取而代之的是基于MVC的Web架构。MVC的核心思想是将应用分为模型、视图和控制器三部分。模型是指应用程序的数据,以及对这些数据的操作;视图是指用户界面;控制器负责用户界面和程序数据之间的同步。通过MVC的Web架构,可以弱化各个部分的耦合关系,并将业务逻辑处理与页面以及数据分离开来,这样当其中一个模块的代码发生改变时,并不影响其他模块的正常运行,所以基于MVC的Web架构更适应于大型应用开发的潮流。B.编程语言--JSP因此,不少国外的大型企业系统和商务系统都使用以上的MVC架构,能够支持高度复杂的基于Web的大型应用。结论:JSP对于网站开发来讲不像PHP和ASP那样易学易用,支持JAVA的主机也少于支持PHP的主机,这从一定程度上限制了Java技术在网站上的发展,不过在企业软件应用上来讲,MVC还是拥有相当大的优势的,虽然其配置和部署相对其他脚本语言来说要复杂一些,但对于跨平台的中大型企业应用系统来讲,基于JAVA技术的MVC架构几乎成为唯一的选择。B.编程语言--JSP前端与后端,前台与后台的概念例子:前后台展示。用户名admin,密码admin…前端技术:美工设计pscorelDraw(矢量图)切图静态页面布局Flash广告动画,3D实景展示(门店、博物馆等)C.前端页面美工,切图技术,div+css布局技术三层架构(3-tierapplication)通常意义上的三层架构就是将整个业务应用划分为:表现层(UI)、业务逻辑层(BLL)、数据访问层(DAL)。区分层次的目的即为了“高内聚,低耦合”的思想。1、表现层(UI):通俗讲就是展现给用户的界面,即用户在使用一个系统的时候他的所见所得。2、业务逻辑层(BLL):针对具体问题的操作,也可以说是对数据层的操作,对数据业务逻辑处理。3、数据访问层(DAL):该层所做事务直接操作数据库,针对数据的增、删、改、查。D.后端编程技术---ASP.NET三层架构这是一种比较新的开发模式,特点就是不需要拖控件,前端页面由模板引擎通过运算生成,网页响应速度快,前后端好分工合作。例如:Nvelocity、Razor等引擎思路:编写模板--》提供数据--》渲染成html下一阶段就是ASP.NETMVCD.后端编程技术—ASP.NET模板引擎MVC英文即Model-View-Controller,即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层。D.后端编程技术---JavaMVCSKU在淘宝中,通常用来表示一款宝贝有多少种尺寸或者分类。SKU(stockkeepingunit)的定义为:保存库存控制的最小可用单位。对一种商品而言,当其品牌、型号、配置、等级、花色、包装容量、单位、生产日期、保质期、用途、价格、产地等属性与其他商品存在不同时,可称为一个单品。通常,将一个单品定义为一个SKU。举例:一款女装中粉红色的S码是一个SKU,M码是一个SKU,L码也是一个SKU。所以一般一款女装是有S、M、L、XL、XXL、XXXL6个SKU。D.后端编程技术---SKU生成存储过程(StoredProcedure)是在大型数据库系统中,一组为了完成特定功能的SQL语句集,经编译后存储在数据库中,用户通过指定存储过程的名字并给出参数(如果该存储过程带有参数)来执行它。E.存储过程编写CREATEPROCEDUREorder_tot_amt@o_idint,@p_totintoutputASSELECT@p_tot=sum(Unitprice*Quantity)FROMorderdetailsWHEREorderid=@o_idGO例子说明:该例子是建立一个简单的存储过程order_tot_amt,这个存储过程根据用户输入的定单ID号码(@o_id),由订单明细表(orderdetails)中计算该定单销售总额[单价(Unitprice)*数量(Quantity)],这一金额通过@p_tot这一参数输出给调用这一存储过程的程序。E.存储过程编写JQUERY一个优秀的Javascript框架。它是轻量级的js库,它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。F.前端JQUERY,AJAX,JSON技术AJAXAJAX指异步JavaScript及XML(AsynchronousJavaScriptAndXML)。不重载页面的情况与Web服务器交换数据。AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。AJAX可使因特网应用程序更小、更快,更友好。F.前端JQUERY,AJAX,JSON技术JSONJSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。例子:一个人名列表。{people:[{firstName:Brett,lastName:McLaughlin,email:aaaa},{firstName:Jason,lastName:Hunter,email:bbbb},{firstName:Elliotte,lastName:Harold,email:cccc}]}F.前端JQUERY,AJAX,JSON技术1、网站建好后首先到各大搜索引擎免费登录你的网站://bbs.5ixb.com/simple/index.php?t584.html2、下载一个spider模拟器,来查看你网页被SE检测到的信息,可以在这个网址查看你页面被搜索引擎收集到的信息:根据这些信息,修改页面,去掉无用信息,增加你认为有用的信息。3、尽量不要把整个页面都用Flash或者图片来实现,这样SE无法找到页面的有用信息.4、用标准代码设计网页,一个页面最主要有2个部分需要关注,一个是head/head,另外一个是boy/body,至少这2部分应该设计好了,SE喜欢从左到右,自上而下搜索信息,它认为页面上面的信息更重要,所以尽量把你要突出的信息放在页面的上面G.搜索引擎优化技术SEO,SEM,伪静态化技术5、title标志:title标志作为页面的重要信息,SE非常看重,应该把本页面要突出的信息精简到20个字以内作为title的值.但不要用与页面无关的关键字作为title值,否则会被SE惩罚.6、Meta标志:每页都加上关键词比较好,但是不要堆砌关键词,堆砌关键词会被搜索引擎视为作弊,最好是有2、3百字的内容。在内容中有主要关键词,而关键词密度在2%到8%之间(这是目前几个月的最佳关键词密度,以后可能会变