01-AJAX技术入门,用IntelliJ部署Web项目

1、ajax 英'eiid3aeks h 'e.djaeks传智播客ajax视频教程：王兴魁intellij idea 8.1.2 for windows 下载i也址：http:/www. onlinedown. net/softdown/34282 2. htm keygen 下载地址：http:/www. steadyxp. com/archives/625. htmlajax： asynchronous javascript and xmlajax实际上涵盖了 5方面的内容：(1) 使用xhtn1l和css的基于标准的表示技术(2) 使用d0m进行动态显示和交互(3) 使用x

2、ml和xslt进行数据交换和处理(4) 使用xmlhttprequest进行异步数据检索(5) 使用javascript将以上技术融合在一起页面1页而2页面3卜览sr出魏收h1户ajax思维方式:传智播客www.itc3s时问»2各為服务器处hi传统的处理方式：在页面提交后客户端会有一段时间的空白，等待服务器返回新的信息。a j ax思维方式:传智播a页而l八jax处理方式：用xmlhttprequest控件自动提交，页面没有刷新，用户的体验不会中断。ajax虽然名字中含有xml,但是ajax很多时候并不是用xml进行数据交换的，而是使用json。json(javascript ob

3、ject notation)是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于 javascript (standard ecma-262 3rd edition - december 1999)的一个子集。json采用完全独立于语言的文本格式，但是也使用 了类似于c语言家族的习惯(包括c, c+, ctt, java, javascript, perl, python等)。这些特性使json成为理想的数据交换语言。ajax能做什么？(1) 改善表单验证方式，不再需要打开新页面，也不再需要将整个页面数据提交。(2) 不需刷新页面就可以改变页面内容，减少用户等待时间。

4、(3) 按需获取数据，每次只从服务器端获取需要的数据。(4) 读取外部数据，进行数据处理整合。(5) 异步与服务器进行交互，在交互过程屮用户无需等待，仍可继续操作。intellij idea 界面:intel lij 的 project 相当于 ec ipse 中的 workspace，而 intellij 的 module 相当于 eclipse 中的 project。新建workspace （在intellij中为project），在下而的页而中选择jsdk，路径指向jdk的安装r录，点击0k后界而如下:new project2dplease select project jdk.this

5、 jdk will be used by default by all project modules31 intellijideabqadd hew sdk番jsdknewproject3 mobile sdk訓 intellij idea sdk 必flex sdkprevi ousnext >fini skcancelhelpworkspace名称为ajaxtrain，主界面如下闹: ajaxtrain - d:番序javaapixtraln】-intellij idea 8.1.2file edit s©况ch 父iew fio to code analyse refa

6、ctor guild ryn look version control window helpd a 题以函 |n * |5i)q 七u田glajaxtrainucbajaxtraixxsd ajaxtrainilkrd| 乞ssj t13i1 e,mns :1安project <de£a.view as： 卽 project? ajaxtrain& ajaxtrain (d:odvjava/maxtrain)qq氏web由亡j web-inf pq ajaxtrain.iml ajaxtrain.ipr 馴 ajaxtrain.iws白-血 libraries每 ja

7、vaee.jar (e:softwarejavaaj a-javaxi-meta-inf-g<1.6> (c:program files3avaj% web preview :忽 ft: todom idetalk m,v5 froj.cu | d9tl»sour2ml 曾 p coi5d.rant bxnld点击“settings”打开设置窗口，选择“font”后打开设置窗口，"scheme name”为“default”的是不能修改的，点击“save as” 新建一个，名称为w。设置字体为“courier new”（将“show only monospace

8、d fonts”前的勾去掉可以显示全部字体，eclipse中 使用的字体就是“courier new”，字体大小改为14）。ajaxtrain - d:程序javaajaxtrain - intellij idea 8.1.2! xlfile edit search view go to code analyze refactor build run tools version control window help& fina ©|(itpett豳h才i"qlqpajtxtrtin. jajtxtrtxn ajtxtrtin src点击打开*set tings*

9、宙口settingsedi tor colors & fonts fontproject setliixcs ajaxtr亀iii >! code stylei compiltr| icopyrijhterrorsfile encodings gui d*si(n*r i m tv<n scopes sql ditltels ttmplttt data l<rt(ut(«s i : version control ffeb contexts xslt file associationside settingsappearance application se

10、rvers i t; debugger ib editorsmart keys appearance -1 colorfontsgeneral custom javaschtmt ntmt：aeditor pontmtmt： monospacedstvt as.delete|siz: fl21 lint sptcin(: fq1 select font2 with hi(h ltvtl3 tdvtnctd cod« tdi-a. ®show only monoxptctd fontsconsolascourier newdia丄oglnputlucida sans type

11、writerokcancelokcancelapplyno occurrences found配置部署使用tomcat：i help-o6716711 of 1831 5 ajaxtrain - d:程序javaajaxtrain】-ajaxtrain - .webweb-infweb.xml - intellij idea 8.1.2file edit search view go to& 圔趣 lb q i x code analyze refactor build run tools version control windowj丸1偏杂i國丨_helpajaxtrain ela

12、jaxtrain elajaxtrainve<.1 web. xmlr edit configurations部署使用tomcatrun/debug configurations2sj«i31view as： 卽 project? ajaxtrain& ajaxtrain (d:ac)vjavavmaxtrain 亡jsrc 适web么 & web-inf l 1 .eb.xml測 ajaxtrain.iml pq ajaxtrain.ipr 測 ajaxtrain.iwsi=f dfli libraries卜 javaee.jar e:softwarejava

13、、,aji sgjavaxt ga meta-inf由-< 1.6 > (c:program filesjavaj!add new configuration:applet 二application 浼 flexel gwt configurationgant scriptgeronimo server1 glassfish server场 grails applicationgrails tests 场 groovy script c® j2me.,9 jboss strvtrjsr45 compttibl* strvtr lflj juni tjavascript d

14、tbu(® mtvtn 沙 plu(inqueryconsol*51 r<mot«*w* rtsin <t ttxthobutton to create duration based ontings. to edit ress the 5© bibutton.nchin(na?.ifliimn-p tomcat strv<rwtb ptvwwj 恐 s: todojd!| w«blo(ic insttnct wtbsphtrt insttnc*寘 vct t在出现的界面中选择配置tomcat就可以了。is/javaee"?00

15、1/xmlschema-instance" a. avaee iee/web-app_2_5. xsd"add htw z tomcat strvtr* con£i(urttionlocal效 rtmott® default-ofiiflidlgalkl®lntvsl?lojst. litgad,t, sours. lbaaawlg?lcondtr liaaltlaat buildapache-tomcat-6. 0. 29 下载地址：http:/tomcat. apache, org/download-60. cgi#6. 0. 29下载完

16、tomcat 后运行 bin 目录里面的 startup, bat,提示缺少 catalina home、java home、jre home,在 startup, bat 中 rem 后面 增加下面几行：-set catalia_homr=e:softwaredbapache-tomcat-6. 0. 29set javajiome=c:program filesjavajdkl. 6. 020set jre_h0me=c:program filesjavajre6实际环境中的地址与上面的可能不同。intellij中的配置如下图： run/debug configurationsxj3 3

17、filunnamedef tomcat serverl unnamed：serverdeployment | logs | startup/connectionjava ee modules to deploy at the server startupweb facets-oeb (in aj axtrain) deployment source：ajaxtrainweb jconfigure.application context：a0 deploy leb facet ' w«vbefore launch 0makefi run ant target !一1 run h

18、aven goal q share configurationedit defaults0 display settings before launchingokcancelapplyhelp勾选红框中的“deploy web fact web ”，点击“ok”配置完成。快速修复：alt+enter,修复完一处后光标自动跳转到下一处，所以按儿次alt+enter后就可以把错误都修复了。直接双击工程可以打开界面设置servlet-mapping：ajaxtrain - 0:8序如相八0><1>冰(1 - web .web- intellij idea 8.1file edit

19、search viw so to code analyj© refactor &jikj ryn loots version control 也irxlow tleip& s 金丨 2> <； | x ft i * a i ft * i翻函一iz > » | 名珍 i | o研、义 ura.xil x i 曲 iadtk. ktail x'cxmsics.rvtr x c3 *v«vclass:cstrrtr. jaravie* as jdvd ee: structure?秘'城狄csaaamfflbiweb. xml aj ftxtrtino：i classicserver /clsss:c5r e9w«b (/)7>console q i tomcat log o xassembly descript