- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
1?引言
?? ?自从B2C购物出现在人们的视野中,电子商务就在全世界范围内受到了格外的关注,并且得到了快速的发展。从现实角度来看,目前购物网站的普遍用户是购买者难以自己想要购买的商品甚至用户在耗费很大的精力和时间后即使找到了自己想要的产品,最后却由于其他原因而放弃购买。很多报道指出,推销商们普遍对目前的网络行销感到失望,尽管如此,电子商务无疑是目前最好的在线商品展示的媒体和工具。然而,网上产品展示的目的不仅仅是展示产品,而更重要的是通过让客户更多地了解产品而提高产品的购买率。因此,购物网站目前所面临的最大挑战之一就是网站的设计,如何使得网页能够有效地展示自己的产品,同时方便用户的使用,使用户以愉悦的心情选购称心如意的商品。
本系统的目的和意义就是应上述挑战而尝试为用户提供一个操作简单方便的网上交易系统。利用本系统,用户可以自由地浏览商品,注册成为网站会员,选择商品加入自己的购物车,而后生成订单,实现网上购物。
?
?
2?系统应用的关键技术
2.1?EXTJS MVC的介绍
ExtJs 前台我分为了 model,store,view,controller层4层架构,对于model层 ,用于接收后台传入的Pojo封装成前台数据Model中,创建一个model需要define的一个继承于Ext.data.Model的一个类,其中关键不可少的配置项是fields,例如
fields:[{ name:id,type:int,srotable:true},
{ name:text,type:string,srotable:true}]
其中name代表字段名称,type为字段类型,类型只有string、float、int、boolean、date、 auto(默认值, 意味着无convert方法)6种对应后台pojo,形成一条数据,而stroe层则是数据集合,也就是model的集合。开发时我们经常是用代理的方式从后台获取一条json数据,形成stroe,如
proxy:{
type:ajax,
url:./category/combo_category.do,
reader:{
type:json,
root:rows
},
writer:{
type:json
}
}
是用ajax的代理方式从后台获取一个数据集,stroe还得指定你使用的model是那个,model配置项就可以指定你要指定的Model类,用字符串的形式写上类名即可配置好stroe.这时候搭建主面板视图,主面板是一个border布局,上方是login信息以及系统名称,左边属性图,中部是数据表格以及一些表单。完成的mvc架构还需要controller层,这时候我们要先建立一个app.js,内容如下:
Ext.onReady(function(){
Ext.QuickTips.init();//开启提示功能
Ext.Loader.setConfig({//动态加载js文件
enabled : true
});
Ext.application({
name : core,//名称
appFolder : ./core,//所在的目录
launch:function(){
Ext.create(Ext.container.Viewport,{
layout : fit,
border : 0,
items : [{
xtype : mainviewlayout
}]
});
},
controllers : [core.app.controller.MainController]
});
});
我们用一个Viewport搭建系统主界面,其中items中放入的mainviewlayout就是系统主视图的别名,通过这种方式可以直接加载mianviewlayout类到页面,
Cotrollers配置的则是我们的控制器层,控制器层的声明也相当的简单,创建一个继承与Ext.app.controller的类,写一个初始化方法中的this.controller方法中则是我们控制界面按钮效果的主要地方。我在搭建这套界面是写了一个公用的加载其他控制器和页面视图的方法:
this.addFunItem=function(funInfo){
if(funInfo){
var mainView=funInfo.mainView;
var funPanel=mainView.down(funInfo.funViewXtype);
if(!funPanel){
self.application.getController(funI
您可能关注的文档
- 国家社会科学基金项目申请书-旅游企业员工情绪劳动与工作倦怠关系研究.doc
- 国家社会科学基金项目申请书-社会组织法治功能与实现研究.doc
- 国家社会科学基金项目申请书-西部地区承接东部产业转移中基于产业链整合政策转型研究.doc
- 国家级大学生创新训练计划项目-关于中西方文化对比下生活方式研究申请书.doc
- 国家职业资格鉴定维修电工论文-谈电池灌酸机改造.docx
- 国家自然科学重大基金申请报告-聚合物反应加工过程计算机模拟与仿真.doc
- 国家释放社会是社会善治前提.doc
- 国家高级茶艺师论文《从北宋茶文化看中国现代茶业可持续发展之路》.doc
- 国家自然科学基金申请书-MSC对先天性巨结肠症肠道神经组织重建.doc
- 国有企业人才流失原因与对策论文.doc
文档评论(0)