LEAP开教材发人员参考-LWBP实例开发文档

《LEAP开教材发人员参考-LWBP实例开发文档》由会员分享，可在线阅读，更多相关《LEAP开教材发人员参考-LWBP实例开发文档（93页珍藏版）》请在装配图网上搜索。

1、Longrise永兴元科技深圳市永兴元科技有限公司LEA叫发人员参考【WEBStudio1版本：5.01. 新建网站资源3.2. 新建网站菜单4.3. 页面设计与数据绑定1.43.1. 页面设计（属于美工部分）1.53.1.1. 页面布局1.53.1.2. 绑定控件263.2. 数据绑定（属于开发人员部分）.4.33.2.1. 绑定控件数据4.33.2.2. 绑定头尾文件483.2.3. 绑定页面映射504. JSP控件开发544.1. 定义html模板文件544.2. 控件服务端624.3. JSP控件编写684.4. JSP控件快捷参数704.5. JSP控件内置属性7.14.6. JSP

2、控件内置方法724.7. JSP控件语法7.4新建示例项目LEAP.WEB.Demon,包括服务端(LEAP.Demon.BLL)和客户端(LEAP.WEB.Demon)两个工程，本教程示例项目的应用服务器端口为8080,context名称是Demon(读者可以根据情况自行配置)，因此应用集成开发环境(LEAPStudio)访问地址为：http:/localhost:8080/LEAPV5/LEAP/Resource/generalIndex/Login.html1.新建网站资源使用super登录LEAP应用集成开发环境，点击菜单【Web-Studio【网站资源】【门户管理】，点击列表【新增】

3、按钮。添加一个资源名称为“webdemon”，显示名称为“网站示例”的网站(如下图)，并点击确定。三堂道e重置学新增上网站编靠二复制网站规除网站(情用)这个地方先不用填写映射路径和网站头部配置还有网站脚部配置。按照下图填写就可以了。,资源S茹*webd&mon显示名称,网站示例是否g用忌。否是否在线笞疑。是香是否有论圮O是否映射符径/网聒头部配置酮用部配置1弓I用调用CS5引用通用花3“住现名称显示之林曳而|*鼾中|*网站，辑一箕制同站|:制糜站；1B用j序号Hf虎名旅显示SK是舌显示金作112301601MH月站行的堂看修掰田|厚2、保存完成之后就会看到如下图所示的网站资源。门户管理国一网站

4、示例3、然后点击【网站示例】前面的加号，展开就会出现一个【网站地图】的菜单（如下图） B门户管理 L3网站示例4国L.网站地图2.新建网站菜单点击【网站地图】菜单，然后点击【新增】按钮，按下图所示填写相应内容，并保存。门户管理了0网站示例国。网站地图.一查询重置+新噌+网站编辑JJL.一重复以上步骤，建立所有网站的资源节点。如图所示:建设一个菜单“魅力江夏”建设一个菜单“区域经济”建设一个菜单“政务公开”建设一个菜单“新闻地图”建设一个菜单“社区服务”建设一个菜单“聚焦三农”建好之后，如图所示的菜单:E.门户管理iJ网站示例日J网站地图 J首页 b魅力江夏国L-区域经济01政资公开L新闻地图B

5、L社区服多口聚隹三农点击菜单“魅力江夏“，再点击”新增“，添加一个栏目。门户管理日L-网站示例L：网站地图田iJ首页0L-魅力江夏01.区域经济01.政务公开国Li新闻地图国二社区服务国。聚隹三农在“魅力江夏”下面新增一个江夏报道的栏目。继续以上的步骤，新增一个“江夏魅力”的栏目。完成之后菜单如下:L门P管理日2网站示例臼网站地图国0首页日iJ雄力江夏.江夏报道江夏魅力0口区域经济4r 政务公开, L1新闻地图a社区服务）了 一;聚焦三农点击菜单“政务公开“，再点击”新增“，添加一个栏目。口门户省理日一网站示例 L”网站地图 Li首页 U魅力江夏 L*区帧经济 .：.政务公开国新闻地图s必社区

6、服务田卢聚焦三农在“政务公开”下面新增一个”政务咨询”的栏目。资源名称*ZWZX资源翘U菜单日栏目显示新闻内容2号电否是否有子节点L-里巴否雌禧校具体内容授破是否H用是J杳是否是_舌外住接路往是否快隆方式是i否是否顶部菜单号|*否关闭时圉片贤源说明炉确定新增一个“公告公示”的栏目。完成之后菜单如下。日门户管理日口网站示例L网站地图E1首页魅力江夏S口区域经济日/政务公开政务咨询口公告公示.；新闻地圉0社区服务SI聚焦三农点击菜单“新闻地图”，再点击“新增”，添加一个栏目。丁门户管理L.-网站示例日Li网站地图田SJ苜页0i；魅力江夏国J区域经济国政务公开国新闻地图国社区服务人国口聚隹三农在“新

7、闻地图”下面新增一个最新动态”的栏目。新增一个“省市新闻”的栏目。新增一个“委办局新闻”的栏目。新增一个“乡镇街新闻”的栏目。完成后菜单如下。*诲况明打开耐姮片是否洎用是o香届否显不热蕾外处撞路径是否快捧方式u星,否是否顶部菜单J .是3普资源类型U菊中出世目 显示翱闻内容是巴否 是否有子节点。是否需接捏植具体内苕根根美前时回r责说S附显示名称,手俄街爵闻，上传/删除堂下载显示图片委外局爵闻显示名稀Twtjxw显示新闻内容显示图片是否由子节点上传：制珠下载强援根根具体内容模版打开时圉冷是否刊用I玷置国懒也下载是百显不关城的图片是否顶部菜单资源说明责解附 贲海类型是吉口是舌外悔接蹄役是否快捷方式

8、rfi，*删除的下载U菰单栏目对音是日否、是 T”.是否网站皆源药婚离站和源背培日匚门户管理 J网站示例口1.;网站地图 国L J首页 田L.魅力江夏 a L.区域经济B L.戴箔公开 日新闻地图 口最新动态 口热点专题 1省市新闻 ）委办局新闻 乡荫街新闻引L.社区服务 Q L.聚焦三农3.页面设计与数据绑定现在做一个简单的网站首页，根据效果图来设定网站的布局，和所需的控件。效果图如下:更工L1座电现而本中“初幅犬 市长值度智调叫江茂区券需笔利m种 市区阜也窜调四江豪区募急通重期衿 江夏区阚前搴务“先河后尸直市虻*艮智调川江直叵子老情出皿棺 币长厘包瞥蜀川江夏区畀老修a帆拾 江瓦区*视就本亦

9、H先以后彳尸大 而快事智调皿江国国鼻青第幻机被 市长金淹苫通明江JE区畀鱼岑到机杓期善蹙讯更国.布比艮曾超叫江更叵寿老有利机构工虚区监明1周中赤”短办后示.大形隹雷良智调皿江夏叵算老翟硼构手尚新用更自布氏修良智用风工亘区洋者法利拉柏 、江原区耀艰而学外“拓办后，丈南长It良智通皿21更区舞上片碉构市世ai晟智濯。|江夏匡算交tputn构江3区耀脱司室力“先处用h犬市长B!曾词朝江夏区鼻老型I皿构而怔n良智调出江震区身量财皿构（I夏区也&M#办”先办后一犬市桃si段皆遇以江鹿叵舞童取um种曲长it良智调明江夏区舞:&逞也I机科狂国区耀机断肆密.里办信予支的点中市长鹿皆鼻小江宜区寒至霜出川好江及区

10、匕姆而办“用寄居宁一直市长旗良智通小江度区舞七二*1斯加市校修民智图皿江1区第交稿对用味（I夏区嵬屈用并办U先办岳。“犬ffika良智调小工死区寿JB番MWl拈江夏区也报质营办“加势后奉*大市长虞电智国阚江西2尊老看田而片布*d岫什调胆江夏区畀能窖期n构市用良讨同叫江直区舞重笔炯构 江贬电机附撵处钻启寺苒X市长事良智词的注更区养老岑出刖构市社事晟喇皿江亘区和W1对机构 ：皿应通机局本办口坳石8*犬市康良智属皿江互区井电送到m构 市校反智词明江真区界嵬通列机构江1处地也同安力“生势后r戈ir5W更强而性良将MEH工直2产需瞅WI构江原区电民W*称”用亦用刀一火市长修良智调出江建尊理弓中加构萼办鼠

11、款闻见国而长周良哲鼻弭工西M杨至却j机用ET观区鬼联希手部先毒后手火布长信电智国职江夏区尊范击曲I国口力更零币区方良5WU原区界亳锚灯缸冉江直区也把属攀町中比外后市”大而松屏艮华卿。及区界考料机冉市电包什调晒I鹿运书晋第*m利:江直区域抱曲申以*的后不卜！X而隹堀艮肝谓济iISHZ界华灯缸阳江夏区也理.均事到,比我后市”大市氏屋艮督呷江刘民开患耳机为鲁也售示更盛:市1比良*WL更区界去手句种江夏区电通删*期*能力用军口烹市长用良智丽雨1豆叵养裤内林狗田氏艮普丽江豆艮聊曜*IH构区境现脾再.先办后审口义市代良常廊的L原区寿挈程f雨相江夏区境忸1泮坪士能办后串H大而长原良姐网配L互叵养名稿刃林狗网

12、站格劲的配胴树猛电的阿达甘is鞅聚sn设为质111%砂装转所看;武羯西江夏区人民热时纲印前的3#号地址:*4.鼠覆西江夏区文牝丈道再号QM：刊酒电话：&ni箫和国仔耳：皿？期】炉加烟部值：tanislvrSjwnpm巾巾口族，雨区收而江夏区人整蛹承办单也：a:展区倡Hitira办鲁亶事ic网幽M43.1. 页面设计（属于美工部分）3.1.1. 页面布局I1、点击菜单【网站资源】一一按钮【网站编辑】出现以下界面（如下图）熊!网站逶漫一查询重置+新增+网站编辑复制网站删除网站（,情用）文胖袅格工风槿件皮件Utt，隹防才4皿HRW；Ui丽师枷T|iJ;IJ*晦出!诉QU；呻即有我”I./ViARSi

13、72FHEE：*:；jJ/KTJLPffiEWFiJLflT!i?:Wt导eU国常a*jj内拒与的ejhl=3口理制迎卡卜.袁距L朝军辱肿底色事殉0MdHb。串M值早现h8T号凄i.j鼻iw*二ij工三点击速接铿件HOOT：白性：niv_同样脚部划红框的部分也暂时不用.控件T出卷方K：单TJftEES.ft上下就IT戛七匡件向白青杂俅.面眼不海引鼾时电熊司甫黑.小布瓯田忖的容,期觌费正以福配U图爆电附用I一明豳皿d期需耍菌黑日期；/时能演游版邙励后涌出，明的法制有小丁新母鼠萌星助/,制耐濡用曾时的左通理捻.4层更更昊期工于如时j司jj尉谟口哪哥tT御用制t月:咯=1T弼花弥期2抬头：I9Ki*

14、il:J厮毛巾1导K口头弹再东生型断小工艮等靠三3、双击设计区域的部分，点击排版方式，选中单一排版。点击确定，单一排版加到设计区域内。设计导航的布局。百由侨力江区城耀轩琥舞必开希何1俄用社区*努襄世三安上下排版信息模块设置n-|011叩|百分比二Id日3h|0-：K U- b;确定点击选粒控仲BODYDIVOIV&IV选中灰色区域，出现八个点，可以拖拽该区域大小。源代码点击“灰色区域“，键盘上按键，点击回车。光标出现在下一行。i口-1二H点击排版方式“左右排版“，设计新闻的布局。M 茶 iMi 而良智旧明匕豆区弄EMSL构，江回地税局于分H比办后占“ * 而出周良智科朋ii夏区布8研融掩 而丁

15、电艮也也期匚豆区除堵睇比1楂 五夏区地税防举办总办后宜立 市唬思艮齿词朗江夏区独击堀中断构 有吭屈艮智调期江剧区希（吨中断构 EL&1A地IS用举办“助扇甲H大分为三列。工夏理道百片息 aVflSfliLEZS-EffiPffilM而长B艮皆附钢工良区布EMM机特 .江夏区也找局举办先力后M大 ：石W良智曲甲H夏叵蚌密附皿构 布巾包智旧麻工皿蚌主金科机构江豆区用税局军办“助后闲大而长度艮智品中二谑区养定*TV机壮 而快虐良相两中匚更叵界竟柝利机构 江夏区常租局奉办”先办后市”大江亘区哨检局举办“先办后市犬 市长念艮智值班江在区外宓抵木.机也币员衽包甘诩Efjf互巨界gif空机构 江夏区招府局年

16、办研后*”大.市长口良智同班江皿券*铝划机构 币长.H ftlSflFilEKS名将米.机片 江夏国由帆局举办先办后面大田反息良甘诩EjfjL更区葬嵬脚.机枸 布区息炭智HE.田夏叵势奉脚I凯构红豆航方更生市trJS县甘硼江区弄塞勺利之的江良区tMSJ中举办“先办后审”火 市F.鹭生甘顺口江亶区葬者亳利我尚 市松唐艮世删1江夏叵葬港福利林构，江明Z限也.布举办.先办后*“ 大 币tt足县皆黄如江豆区再古工科亡构工颈上奥局举办a先办后审大 FTf-je史in明口江夏叵葬港福利排版方式单一排版戛有排版上下排版DIV个数选中3,设计上间距为5,左间距2点击道依睁m必DivuivOiv点击A区域，再点

17、击右边的样式栏，改变A区域的宽度和高度。B区域和C区域同样修改。B区域高度：252Px宽度：500PxC区域高度：252Px宽度：220Px点击排版方式“左右排版“，设计新闻第二行的布局。劫点督星币快誓反者用留江夏区外色la列机小 江夏区电阻用举办一走孙后守口文 布氏唐良常西昕江翦区用毒福而以* 市区窿良智篇班江夏区界至也相机串 江夏区电她司辇办一六后事“文 市长震良常周例d夏区群愚福利矶不 工夏区地探高举办d能力启*大 用长唐包管g妍II豆区费老相和由炉省而新闻MS市桂屋良智呷IH江夏区界老塞利机构江皿地税局军内“先由后审”:布区守民智西以江医区段老郭刖当妥亦同天闻更召币桂屋良智呷IH江夏区

18、界老塞利机构江皿地税局举玄“先办后审:市幔唐民智西以江夏区布老铜刖皆取为费讯更多币长星是1T调辐正复区界宪事量斯柏江及区隗愧局磋疝一先念后事.大市甘思良g喷3：夏区娜老稿利II将手哨声新国更珞、币长星是1T调辐正复区界宪Illi斯柏江直区隗板局碰疝先办后审修大市伊岸良雪调要0：豆区蚱老福利出将餐皆宣示更强-而桧*艮曾谓RH江翦区受芝在北机的江夏区地理周军由“先再后承辅丈=市卷盾艮着两近I睡沸老好41典-而区修艮管端EH江曼区界芝祖肌机也/U莫区博也周军宓“劫后箪”文市校唐艮讨两砥I剧区泓志福利机相-EI夏区域技局星中“先晃后可“大.而代nt良智gRHilH产定ET.机相首先用左右排版分为三个列

19、。这三个区域，还是按照上面的A、B、C区域的宽度设置，高度为265px。通代码点击中间区域，再点击左右排版。设计源忧码信息模块设置DIV个数2，上间距2左间距2效果预览如：i确定点击选中刚才加入的左右排版，点击样式栏，点击背景颜色，双击选中框，选中一种颜色区分#0099cc。两块区域的，高度改成99%,宽度改成49%里宜对不现代口点选一个区域，设置高度宽度，高度为 127px,宽度不用设置。丁由也言鬲柱*佳*411点击选拴卷件 eajY civ div jiv div双击，蓝色区域左边一块，点击“上下排版辿相在产 单元看而浮功71左注 WDIV个数2确定上间距 2效果预览左间距 2信息模块设置

20、设计谆代码，口工里策讨计沿普字号左石可齐生时不二谆动荏互坦三边框方并.1布局口法力近年式双框总我需属性层叠苞亭1Q定位方式t走隹性T坐&左坐标若坐标I蓝色右边区域，一样的操作。把中间4块区域都改变背景色#00ffff,方便操作，整个页面设计完了之后在把背景色去掉。诙计限用制在效果图下方图片布局。生志之城花园之城汉夏点击单一布局，放入设计区域即可。确定理代w现在布局就基本完成了。3.1.2.绑定控件现在就是拖拽控件，往每块区域里面放相应的控件。首先第一个控件是一个导航栏，所以，先到控件栏里的“基础控件“下面的导航栏分类找到所需要的控件。我们现在选中的是一个头部导航栏。双击头部导航的布局灰色区域选

21、中头部导航四这个控件口0导航栏树海导航,树形导航格二）,树龙导航逐个层级）,树龙导航如色箭头）导航普通）所在位置导航I二头部导航.头部导航二以头部导航四|口I头部导航五头部导航六不需要修改任何属性，直接点确定即可。.头部导航三头部导航四显示级额1弹出新舞面星。否每行显示个数shownum:7查询条件效果桢览网站首页1厂协会简介1L会员单位厂协会动态协会院种介绍1r人才招聘r保除知识r考试中心举报确定控件加进去之后，点击控件，匕4*然后下方的“点击选择控件“选中下图元素。点击选择控件BODYDIVDIVDIVDIVJDIVlULLI控件就会被选中出现8个改变控件大小的点。点中中间的点，向上拖拽，

22、到适应高度。Hhbi3b_一一一_,_一按照下图，双击A区域，选中控件栏中的“排版控件“绑定一个列表的头部。网站首亚I陆合楠介I吉员单位I选择排版控件中的表头3排版控件表也网汕咨京I窗街窗介I专员单位I因法_=;3粕今Hit曲若自津保险位空法神法理然后根据效果图来改变表头的样式。这是效果图的最新动毒 市长唐良智调研江夏区养老福利机构 江夏区地税局举办“先办后审”大 市长唐良智调研江夏区养老福利机构 市长唐良智调研江夏区养老福利机构 江夏区地税局举办先办后审”大 市长唐良智调研江夏区舞老福利机构 市长唐良智调硼江夏区养老福利机构.江夏区地税局举办“先办后审”大首先鼠标点击选中蓝色区域，再点击样式

23、栏。在样式栏改变，下图的内容。逅框样式网站首页协会简介边框颜色ib：内容双击选中区域，改变字体的颜色LI属性样式1常规.控件H3样式上曷度童医IliJm麻色i3566ff背景图片none背景越字体1字体尺寸滚动条,浮动左右对齐垂直对齐边框样式.迈框宽度版框颜色点击”内容”部分，把内容两个字删除。明站公告内容-1-:网站公告|选中下方的点，拖拽到适应高度。注意：这个地方有可能改变之后没有出现边框，可以拖拽几个点到适应的宽度高度。Odd再选择点击选触件BODY D DIV DIV皿改变边框大小和阚站公告殳忏frame高度250ek背景色颜色。宽，度218px背景图片字体尺寸王右对齐垂直对齐迈框宽度

24、潦动条边框样式字体协会简介属性Hfl网站首页协会简介然后去掉布局的背景颜色，看看效果。点击选择控件BODYDIVDIVrTVlDIVDIV匚所以需要现在做好了一个表头，后面有很多个表头都是一样的，不可能每个都来修改一遍,把改好的表头，保存成一个新的控件，这个在后面的控件中用到。首先单击“表头”控件，点击选择控件的元素点击选掾控件BODYDIVDIVDIVdTv|DIV鼠标移到导航栏“控件“上。点击“保存控件，填写以下内容，点击确定，保存成一个新的表头控件。卜面的“布局模板“该为“新闻列表”。控件保存控件类别“布局模板0控件说明表头控件控件编号* 2013371552自定义编号* 1效果图片上传

25、确定再点击“打开控件“，就能看到刚才保存的新控件，在后面的控件绑定中就能用到。选中B区域，双击，鼠标移到导航栏“控件”点击“选择控件”。文件编辑表格控件mm.要原踊fejV-ViflEL.DIVDIVDIVDIVDIVDIVDIVDIVULLIIa然后再改变新闻标题的宽度。因为时间的显示和隐藏都在属性栏里面,所以这里不需要样式去控制。网站首页协会简介会曷单位江夏报道新闻动态新闻标题新闻标题新闻标-新闻标题新闻标题新闻标.新闻标题新闻标题新闻标.新闻标题新闻标题新闻标新闻标题新闻标题新闻标.5新闻标题新闻标题新闻标热点专题新闻标题新闻标题新闻标省市新闻如保存表头控件一样，把修改好的控件保存成一个

26、新的控件，方便后面的地方用到。首先点击控件，再选中点击选择控件BODYDIVDIVDIVDIVDIVDIVDIVDIVXLIA按上面步骤操作，保存控件。后面的新闻列表都可以使用该新的控件了。协葡介&品单位龄*疑思保像博庖法律懦擢8新叫翅#闻轩也新闻乐卡年闻栩也曾阑阮老曾阐惊盛*音司标也曾回忖里曾阑村里新闻tfiEif闻杯电有闰杯学年闻trlff新闻行曾同标老*新闻杯就新闻杯更新用杯怂告磨不新闻行IHf用行也在图标新用杵Bffi内折理我图标哥国禄是哥阑棒胆算清括押阑禄跄就阑林施款修播&哥间栖屈料浸栖屈ST冕椅疆用分BHf削折过球闻惊.步哥国样型哥阑桂熙折才栖新修标18折栖息福彳杓所用杵原梏曲折理

27、皆同惋委井局新内 SF匍柝H希间折百削肝时陋也新用肝是断闱际）蒲用杵陋珞闻忖岂瑜期悦于看阍标般得阍梅胖哥向捋一手 看阖樟脖胃肉标题料库捋耨用杵更新削忖iff皆闻标手寻阍标得阍梅腱哥|明良帝I樟髭电底捋胸冉曜柝一步轩阍行.帮博樟虺哥阈标一手看阖梅糜颗加强腌粉运桶.这个时候就可以预览一下效果了。点击导航栏“文件”效果预览。朝玷可|擀食防介|I即在式的|髀售自修|则斛BISI青闻动电EIXfiiM江量岫力务到锚！1词谢尚单惧苒事het曲n傅w雷町闱里慵慌惧蒐爵阳r吩2便与.in锚欣林懦悼卜JFg型耳百巨制X0看毒阚酬正栩Id羯旭多督毒阳断工诩蒿中胡苒5nHlHF项料电声度褥HTHIf量RfUWiF创

28、1为相用也聊物息百性与事得小件事膏期（短惴电忸JFiffiM声苒布更第阁日包4雷力悴看工榴HW便帕+音出岬）之，.R再屈与尾京由野更也闰麻上棺值忡HTH看!事卜利僭与WH由将名歌司际。h斶曾th看出国用利片管电4司聊立融西鼻.3帮理忸新谓餐看国事购占者履片小新词般外量褴金西公事町闱加南5林苒惭画r/a俺鼻川*划锚蒯阳清1黑苜惭卫凄许刘府傅1*町闹ElliK慵慌怀JFiffly呼忖”傅*?3雷町（锚IH耨防i悼卜可琳和|畔里第修行3看图hM新同例11断恒晚，费即M利图修电？!内野,|多糖黄鹏情修1%国事i费冏峰同郭再利覆!样_3tfirihHtfrikVVrih：11忡UNH岬-6闭4,苒湾若星

29、甘国聊星我司审+mviMlTimffJlnfl4卜再屈师尾京阳聊里也闰麻+hlllTH看h事卜市傅与WH两将里歌事际年门斶期1新倡好匕国岸H隔管里4由聊角睛回鼻.委亦异断向16方帏国齿博收!博理立口6.,茂俺标W*傅行星需国|献例1僧林11口鼻+nunlflvrtnigtfrtn-t为固牌型皆同旨型磬哧|作向!TM会样里香R杵一点击A区域布局，选中排版控件中的图片链接，上传图片上去。*新闻标理胪闻恂隹需谢和巧闻标迤轩闻轲屋If中框学新闻标鹿野的行艇科笃标3）新闻行:用新闻标就哥可参鎏亦口新闻抄匿葡希同新回拘生新艺框理新闻扉*轩闯行擢哥耳标匾好间年3折闾标总哥用标提前可标%他间朴越爵闻标.越新同

30、标新|用标皆新闻标题新闻标新闻榜IS圻闻标版新闾标一中新闻标总寿阊标题新阍标野闻标时研间斥史新闻标.A费同忡魅新闻持趋新阖标.制肖同杆也珏闻杆更新闻标手若闻标眶曾同忖胆斩阊标茹生古质笛布*阿期若直讯务行间持电班即础*蜩*野阍标珞闻标n行理所+籽间后届学闻KJB首词如竽阐标JB耨如前1E新同相圣雷曲杯JfitSM翻废箱插一手君网揖是新阈后冠群阐标5寸司怀里哥何后的鬻由禄一前阈椅用断闻惊整新闻林后间持包班即础将碉中闰胖量乳1司科若带图海市flffl+fffifT.委赤局薪函号Bl的安闻，新储朝电黯用标型而哂新闻日国学闻用也新国K*春清梅明叫闻杯星精说忤*科阳行量霜间后更而不事.中君闱标1!端防理行

31、间标.*醺网标JS新碗第新间后争新邙轩花他闻揖题旺国际.争商M际;B新崎府迪翡闱标一岁笥*1标就瘠闻后而阐斥密告公示靖用1!行邮后电翦所廊一斯用陞界阍后也塘闻标%希用例拒寻傅梓也/国林s新百宙基帘停将科着闻标一君司际型痛陶捋电疆闻样-萧用折把新中j皿舞闱悔卜斯寓林里甘阍林也靠由惋一H百祥凝着传持揖M闻样一生盍也成拈匿土地位工文件闲姑董源基本上主要区域的布局和控件绑定都完成了。选中导航栏，文件下面的保存文件,编辑表格控件按照下面填写内容，点击确定即可。现在就开始做头部文件和脚部文件。首先刷新本页面，使页面变成空白文件携豪格度件TE-UitrtLI* liKflWW黑击退郢控件ear“WiDliF

32、ffi就演J金雨比口而囊）总央庄在1.MRS用tF1：名THAR乐王BlffM小电谏外甫:difi，隐飘iJMflMKSJEDniiJ胸庚耳1小，“*期PKflMFEriqsimM片TinJgj&JFME：.石落力儿近aLJmcUfirusu口到艮万物:网t二:Jflrt-SW-tfTffUEiJ*3KtnW，新主勺*先点击单一排版，放一个容器。根据头部的效果图做一个头部的页面。武汉市江夏区人民政府People!GavernmentartJlangKlaDtftrkt.Wuhan文件班蛭泰格槿件苴件upS|JFILL149口河上我一qimrt承为PMtIdi3TJtJKWTM.dut|E?廿d

33、uKU0i3WV4iJ真邦中富有冏H,tffl鄢呼更部呼里日理面心3如MfZLaradk%司里落而而时R：,口rUhrt：1SWirt曲xHHH豺1加；两明：,tJxlMH败IS百鞘件口用gl郦然后点击“保存页面”。这个地方要注意保存的时候需要点选头尾文件。国站袋源脚部文件同样的操作。两姑资源0这里美工的工作就暂时结束了。3.2. 数据绑定（属于开发人员部分）I3.2.1. 绑定控件数据使用WebStudio编辑器打开美工做好的页面。文件编辑表格控件TEMP.j CRAIXIodulesItl il . LmgLibraryL0m.htmlL3PL LPJaScriptil 描建tLffKAi

34、再国新照看M明图mI标新同柳臣冠帆燃料同样首阐 遮断碉勒咖 标虺育国忖姬书闻导鹿JS调标新阐析曼君哂电埼偈标哥巾！片网着阑懒也壮闻rt魁哥国株,阑忖:JE新闻将修希修标曲布翼寻阊怫国1n赛幄得曲林里看间“也痛阑杆.把间标底行闻山晶新布料任闻相电断胭也整国标手倒诉闻轩闱电tf曲明就国标甘闱除电尹咏i度身词标特阖样里哥阑北穴标就阐悌黑斯闻碑明精阖样身阈林芝圻同标层时*标时国标也增闻标是盘同标哥阍杵黑卷阊叫痛择传间韩H研用玩电装间际,http:/localhost:8080/Demon/LEAP/Resource/generalIndex/Login.html行闿捋IHHfll而翻帝阐标, 新阍愀1

35、3雷同博哥阊林行圜行颦HWM#*同标. 府旧翻19叫闻揖JE费国挥Hjfoct.html heid.html L jteskhtml件间标期用麻电不内刷! 传阍折编商即后闻森阎杆“ 得博樨黑力询噂昭粉阊梯走府叫林呻 碉通带隔标. 带回标罚节即标m指闻标.静博存黑骑屈蜉用鼐梯母同扉担着财 型殍河斥 部簿标旺却第安阑标. 科阍杯留在闿町用:nh样野旧所理罚同标是堀倡杵 所四标JHHfll帝制用用标, 新置螂器X寓忸做福| 抑.首先点击导航栏控件。点击选择控件点击选择控件:BODYS . LBPR.EiourcE,TetnpHTML 比 8 eforeL。画.htmllJhtml/偈行卷出印廊电麟通

36、斥语冏标JTOH1所第55间标.行闻林坦斯丽电舞间斥理 得阊标鬲节司际M再问标：, 普博柝留在置糜留福同杵.修现代吗网站麴协会猫介登录之后，点击webstudio再点击网站资源一一门户管理一一网站示例。门户管理L网站示例L网站地图3-S峰孩氏除复琬复制网站地图的资源名称。俘号得通阳码r|铸弧名脚氤示名笄贪海舞中12001BQ1001001网诂的田菜单回到编辑器，点击属性栏，填写写查询条件和其他属性。填写sql语句，where后面的语句。导航的写法就是name=webdemon_webmap一属性样式常规隹件标签密件类型topmenu瞳接图片冤冤融接用面数据查询条件name=Jwebdejnon

37、_webmapJ|显示级数11是二每行显示个数shownuju:?点击“新闻动态“下面的新闻列表控件newtypelike%,webdemon_zxdt,%按下图填写属性栏。查询新闻的条件如下新闻动态;曲闻标题新闻标题新闻标口新闻标题新闻标题新闻标新闻标题新闻标题新闻标新闻标题新闻标题新闻标新闻标题新闻标题新闻标新闻标题新闻标题新闻标再点击资选名新果五s拆琳闻标题新图标题新闻标点击选择控件.即口丫DIVDIVDIVDIVDIV|DIV|DIVDIVULLIA再去门户管理的网站示例里面找到对应栏目，复制资源名称。I一门户管建日，网玷示例jL网站世圉。首页L胜小江夏国LI(Z城缭带：的势特Ld.新

38、闻地闺口最新动毒热点专题国省市新画口秀外局/闻D乡由街新闻田。牡区I时&宏生三农序号货通痫码直通名称显示名和112001601001001005001最戮动感栏目2120016010010010054302webdennonrdzt热&号题栏目3120016010010010015003webdemon_stw省市新南栏目41200160100100100MMwebdeiTion_wtojxw委力局新闻栏目6120016U1001001U陋。5w-e&d-sinonjsgxw争植街新闻栏目新增数据弹出新界面属性*常规控件标签按日期显示新新闻新新闻条数控件类型nevslist链接页面是否下划线否

39、以此类推，完成以下所有新闻控件的数据绑定。 点击保存完成页面。链接图片查询条件显示条数显示页数n日叫typelike 怆webdemonkxdtj tf是否显示时间网站资源模板名称Demon_index彳。图。模棱类型电网页模板o头尾模板 l.Detnon田itnages臼jWeb.HTML,D&mon_index.html品格htinl孱h&ad.htmtLjtest.htmlHi.LBPR.EsuurceS1,TEMP国口TempHTML匕BefbreLogtnhtml国UCRMSL.CRA&IodulesS厂GISPSi-imgLibtaiyJLBCPLjLDEtn.htnilSUlwb

40、p国L；LgBPJava舐riptSi.LBPTemplat?SLlwfpSlResource L-StudioSiStudtaXiodulee确定完成之后控件绑定就完成了。3.2.2.绑定头尾文件Wk1首先在项目中找到美工做好的头部文件和脚部文件I目&HTMLndex.htmlfoot,htmlheadhtml对文件点击鼠标右键点击属性，获得它的路径。记得这里从LEAP开始复制。然后点击WebStudio点击门户管理一一右侧列表点击修改fWebStudioIIMIaT查看修改删除；粘贴刚才的路径到网站头部配置Wk13口门户省理国i=网站示例5确定脚部的配置是同样的。然后点击 Web Stud

41、io 点击门户管理一一 右侧列表点击修改IB口门户省理(3 -网站示例弓I用遏用帝引半通用工3.2.3.绑定页面映射网站头部配置 LEAP/Dem on/WebflHTMLrtiead .hlm网站胸部配置7 ；.：-4.网史K列是舌启用liJ是T否 接舌灯迷坛o是否 映射跪链是舌在能答建总以否贵滕师*webdemcn显示名航士网站示例赞诲名称*webdem on是否启用是否在线答疑 是6否是否有病坛映射路径网站头割前百LEAP/DsmonMa b/HTfd Uh e ad. him I网菇唐寒配置LEAPiefnon/W6ijfl4TTd Ufool.htm I引用通用C济引用通用处5瑜定是

42、否网站黄源修改图 Web Studio网站通源修改操作删除点击映射路径后面的放大镜，以选取网站跳转的路径。点击确定即可。可以在栏目下面添加几条测试新闻看看数据是否绑定成功。点击“新闻内容“，点击”新闻管理“，选中一个需要添加新闻的栏目。声WebStudio撅闻内容.新闻管理L.新闻宙核L.J浏宽统计U门户营理国I一:网站示例,网站地图SL首页国L.魅力江夏L区域经济L政务公开新闻地图最新动态热点专题口省市新闻委办局新闻乡植街新闻L.社区服务L聚隹三农园创丑时目-臼至-臼品苦理而G值星秘|sts|cislip牛毒电？nmMH：mT吨工步中LkhLIM，.刁*-r4. JSP控件开发4.1. 定义

43、html模板文件首先在项目的LEAP目录下面建一个文件夹-以LEAP.WEB.lUmon卜rul1*加系统库J2SET.5&output白eWbRootESgLEAI南1LBeraon国&TEMP+,TempHTML&VploadFiles+LWEB-INFxorkLEAP.Eamci.GZipTask.jarLtfBPPublish,xmlTcuffblcBatcUile.batVN_global_library.iim:Control-t?LEAPTEB,Demonsrc由&加系统库LT2SE7.51. .output二0WebRootFLEAPifriDemonDetucnKiscurC

44、*L3TEMP+/TefnRUTMLL-yUploadfiles&WEB-INFworkLEAF.Ese.GZipT&sk.jarOTP.Fublish.smlIemptfmicBatchPil.batVM_global_library.再在DemonResource下面新建ControlEd阂LEAP.m.Demonsrci中&加系统庠J2SE-1.53outputE2WebRoot-LEAF3-占rDemon曰DemonResource+-&TEMP国&TempKTML&UploadFiles+邑m-INF+*crkLP.Eas.GZipTask.jar船LHBF.Publish.*ml。TempWmicEitchFile.batMV|fl_glo