自-web应用系统开发综合实验 课程报告 .docVIP

……………………………………………装……………………………………订……………………………………线…………………………………………………………… 《Wｅb应用系统开发综合实验》课程报告 班级 信息1班 学号 10124０1012７ 姓名 马建乐 成绩 一、要求： 1、依照所选的企业网站自行设计对应的网上商城。所设计的流程要有一定的复杂性,除与网银衔接的功能可以不做之外，整个购物流程必须完整、友好，要能与企业网站无缝整合。 2、按照三层架构设计,源程序要按ｘｘxUIＬ、xxxＢLＬ、ｘxｘDＡＬ、xxxMｏdel、ｘxｘCｏmmｏn类似的分类。 ３、图像、视频、音频等多媒体的大小共尽量不要超过10M。 4、报告基本上按照课本案例的结构书写，在功能介绍的时候要附加关键的代码片段，内容排版必须整洁。 5、提交源代码,屏幕录像、报告电子版和报告打印版。 二、内容 开发环境：ｗinｄoｗ７ 开发软件:SＱL Sｅrｖer2008、VS１0 网站课题:模仿网上现有商城 商城原址： 本次模仿海尔商城，制作一个类似的具有网购功能的网站;由于人手或缺，故原网站的一些功能本网站并没有实现。 本网站并没有采取三层架构,而是采用与ｗebform并行的，网上比较流行,而且发展潜力更为巨大的ＡSP.NEＴ MVＣ２ 架构 本网站分成两部分，供给用户使用的前台和供给管理员使用的后台管理。用户部分就直接启用即可,MVC中的路由会自动帮你加载到那个页面,而若想登录后台管理则需在网址后面加上/admin(如: :端口名/ａdmiｎ） 注意：切莫把任何页面设为启动页，这样会破坏路由规则,导致访问失败。 由于.neｔ mvc与webform不可同日而语，故本报告将会挑局部内容来介绍。 主要技术： 使用焦点图: 该焦点图使用到一款jqｕery的插件,他可以是焦点图变得简单 主要的使用代码如下： (注：代码中省略jquｅｒy中的空间部分代码） ＜dｉv　ｉd=boｘID　align=leｆt＂ class＝＂one_two＞ 　 　 uｌ cｌasｓ=＂piｃ 　 　　 　 li＞＜img　sｒc=．./.．／iｍaｇeｓ/001.png；　alｔ＝＂１ //ｌi＞ 　 　　 　　liｉmg ｓrｃ=../..／images/0０2．pｎg alｔ=2＂ /＜／lｉ＞ 　 ｌiｉｍg　src=＂．．/．./imaｇes/003.png　alt＝＂3　//li 　 　　 liiｍg　sｒc=.．/．．/imａges/00４.ｐng alt=４ ／／li 　　 　 　 liiｍg src=＂../../iｍages／０05.ｐng ａlｔ=＂5 ／/ｌｉ＞ 　 ｌi＞iｍg ｓｒc=../．．/iｍages/00６.ｐng＂ ａｌt=＂6 //lｉ 　 　　 liimg　src=.．/．./imaｇes／007．ｐng＂ alt=7　/＜/ｌi 　 　 ＜／uｌ＞ 　 　 /diｖ 使用rouｔe规则： MVC中有路由规则，他可以把URL进行rewｒiｔe,是原本一长串而且复杂的UＲL地址变得清晰好看 通过位置进行配对，是页面中不再出现“？”之后的一长串ＧＥT字串,使用了route之后,网站的地址出现的只是逻辑地址而不是物理地址。 部分代码如下： 　 rouｔeｓ．MapRoute( 　　 　 　 ｏrdｅrpaｇe， 　 　 　 　 admｉn/ordｅｒ/{page}, 　 　 　 　 　 new { Ｃontrｏlｌer =　admin, action = ｏrder＂,　ｐage ＝ 0 ｝ 　 　　 ); 　　 rｏutes.MapRoute( 　　　 　 　　 　 shownews＂, 　 　 　 index/sｈowｎews／{ｎewｓ_ｉd}＂, 　 　 new ｛ Conｔｒollｅr ＝ inｄex,　actioｎ = shownews, neｗs＿id = 0　} 　 　　　 ); 　 　 ｒouｔes.MａpRoｕｔe( 　 　 　　 　 　goodsroｕte, 　 　 ＂ｉndex/goｏds/{goods＿ｉd}, 　 　 　 　 　　 ｎe