基于polymer的网站前台动态布局

《基于polymer的网站前台动态布局》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、摘要当下虽有一些网站前台设计器，不过依旧基于HTML的基本组件，跳转加链接，布局靠DIV+CSS，提交触发action，服务端处理提交的数据，处理后返回给客户端。设计繁琐，响应时间长，对于现在网民的吸引力日益减小。如果要实现绚丽效果，要在熟悉CSS和JavaScript基础上对审美有一定了解才能做出比较优秀的网站前台。如果实现动态布局则需要修改大量源码，再次使用不同的效果又要改代码。修改起来实在不方便，以前的成果不能简易复用，造成极大人力物力浪费，进而延长开发时间。所以一个不仅操作简单，易上手，

2、而且功能强大的前台动态布局很有必要。基于Polymer的网站前台动态布局，采用Google最新Polymer5.0框架，引入Polymer中core、paper等基本组件进行页面布局，以及GoogleAPI和其他一些集成组件作为拓展功能。用设置各个功能按钮；作为包含各个按钮的工具条，作为组件的容器，囊括组件、组件根结构、组件属性、组件样式；包含在中，用来显示各个组中的各

3、个组件；组件实现选中组件属性和样式的实时更新；利用实现组件拖拽进入设计面板，接收被拖入设计面板中的组件;使用结合数据双向绑定进行对选中的组件在中显示其属性，使用组件实现网页保存到Github的gist个人中心。一切皆组件、最少化代码量、最少框架限制的基于Polymer的网站前台动态布局，适合任何想做网站的个人或企业的UI设计

4、，不仅操作简单，极易上手，不需要修改代码。数据双向绑定，反应迅速，通过简单设置组件属性实现绚丽的动态效果，可用更短时间做出交互更好的网站前台。应用在网页模板的设计更是游刃有余，不仅动态效果丰富，甚至还可以定制动画展现，而且可以实现组件属性间的绑定，进而实现组件间通信。非常适合设计公司、开发个人网站。采用该系统可做出很强交互性的网站模板，进而应用到企业。应用范围广，发展潜力巨大！关键词：Polymer；动态布局；x-meta；UI设计；前台；数据双向绑定；集成组件。IABSTRCTAtpresen

5、ttherearesomewebdesigner,butstillthebasiccomponentsbasedonHTML,jumpandlinks,dependingontheDIV+CSSlayout,totriggertheactionserverprocessing,thedatasubmitted,afterthereturntotheclient.Thedesignofcomplex,longresponsetime,fornowthenetizen'sappealisgradua

6、llyreduced.Ifyouwanttoachieveabeautifuleffect,tobefamiliarwithCSSandJavaScriptonthebasisoftheaestheticmustunderstandinordertomakeexcellentwebsitefront.Ifyouneedtomodifythedynamiclayoutofalargenumberofsourcecode,andagainwiththeeffectofdifferentmodifie

7、dcode.Itisnoteasytomodify,beforetheresultscannotbeeasyreuse,causinggreatwasteofmanpower,andprolongeddevelopmenttime.Soanotonlyhastheadvantagesofsimpleoperation,easytouse,andthepowerfuldynamiclayoutisnecessary.ThedynamicwebsitelayoutbasedonPolymer,usi

8、ngthelatestGooglePolymer5framework,theintroductionofcore,paperandPolymerinthebasiccomponentsofthelayoutofthepage,andGoogleAPIandotherintegratedcomponentsastheexpansionfunction.Usetosetthefunctionbuttons;eachbuttoncontainsasat