- 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购物出现在人们的视野中,电了商务就在全世界范围内受到了格外的关 注,并口得到了快速的发展。从现实角度来看,冃前购物网站的普遍用户是购买者难 以自己想要购买的商品英至用户在耗费很人的精力和时间后即使找到了自己想要的 产品,最后却由于其他原因而放弃购买。很多报道指出,推销商们普遍对冃前的网络 行销感到失望,尽管如此,电子商务无疑是目前最好的在线商品展示的媒体和工具。 然而,网上产品展示的目的不仅仅是展示产品,而更重要的是通过让客户更多地了解 产品而提高产品的购买率。因此,购物网站目而所面临的最大挑战Z—就是网站的设 计,如何使得网页能够有效地展示自C的产品,同时方便用户的使用,使用户以愉悦 的心情选购称心如意的商品。
木系统的目的和意义就是应上述挑战而尝试为用户提供一个操作简单方便的网 上交易系统。利用本系统,用户町以自由地浏览商品,注册成为网站会员,选择商品 加入自己的购物车,而后生成订单,实现网上购物。
2系统应用的关键技术
1 EXTJS MVC 的介绍
Extjs 前台我分为了 model, store, view, controller 层 4 层架构,对于 model 层,用于接收后台传入的Pojo封装成前台数据Model屮,创建一个model需要define 的一个继承于Ext. data. Model的一个类,其中关键不可少的配置项是fields,例如 fields: [{ naine:〃icT, 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〃,
/category/combo category, do,
reader: {
type:〃json〃,
〃 〃
root: rows
},
writer: {
〃? 〃
type: json
是用ajax的代理方式从后台获取一个数据集,stroe还得指定你使用的model是那 个,model配置项就可以指定你要指定的Model类,用字符串的形式写上类名即可配置 好stroe.这时候搭建主面板视图,主面板是一个border布局,上方是login信息以及 系统名称,左边属性图,屮部是数据表格以及一些表单。完成的nivc架构还需要 controller层,这时候我们耍先建立一个app. js,内容如下:
Ext. onRcady(function() {
Ext. QuickTips. init () ;//开启提示功能
Ext. Loader. sctConfig({//动态加载js文件
cnabled : true
});
Ext? application({
name : core,//名称
appFoldcr :〃./core,//所在的口录
launch:function() {
Ext. create (z,Ext? container? Viewport, {
layout : fit,
border : 0,
items : [{
xtypc : z,mainview 1 ayout,z
}]
});
},
controllers : [〃corc. app? controller? MainController]
});
});
我们用一个Viewport搭建系统主界面,其中items中放入的mainviewlayout就是系 统主视图的别名,通过这种方式可以直接加载mianviewlayout类到页而,
Cotrollcrs配置的则是我们的控制器层,控制器层的声明也相当的简单,创建-?个继 承与Ext. app. controller的类,写一个初始化方法中的this, controller方法中则是 我们控制界而按钮效果的主耍地方。我在搭建这套界而是写了一个公用的加载其他控 制器和页面视图的方法:
this? addFunitcm二function(funinfo) {
if (funinfo){
var mainView=funlnfo. mainView;
var funPanc1=mainVicw. down(funinfo. funVicwXtypc);
辻(IfunPanel) {
self, application. gctController (funinfo. funController)
原创力文档


文档评论(0)