java和ui接口规范

《java和ui接口规范》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、java和UI接口规范设计说明书修订记录修订章节修订吋间备注初稿2014-03-03java和UI接口规范1规范描述对UI层的开发设计、页面跳转、页面屮组件调用java接口的数据、AJAX与java交互的数据进行了规范。2设计原则1）统一的页而的开发设计2）统一的页面跳转方式3）统一的数据格式3前端开发设计3.1前台开发工具Eclipse,IE9+,Chrome,fireFox3.2前台开发语言HTML、javascript、css3.3前台组成部分1）贞面主体框架：index.html贞面2）使用bootstrap框嫩来进行css布局3）对布局后的框

2、架划分功能模块，进行widget的模块化开发。3.3.1Index.htmllndex.htm为首页梢架的界而。全局的css主要控制憋体风格，特个甲•独的widget可以再内部定义tl己的css样式clinkrel="stylesheet"href="assets/styles/app/index.css"/>Require.js是javascript的一个加载器，它也加载html和cssJquery插件

3、query.js"x/script>Javascript核心底层工具包3.3.1Bootstrap使川bootstrap柅架进行整体的css控制和布局。Widget模块里可以重写全局样式，半•成自己的样式。3.3.3界面排版lndex.html主要由四个widget组成:顶端widget，树widget，主体widget，底端widget。lujoppld5SOIsuodioj丄MyWebS

4、y-photojpflj.X，resourcesj么pdfObrochurepdfOpricespdf⑷Zip<》aDouthtmlcontactshtmlojindexhtmlojportfolio.htmlPlatformsPlattormsTotal2Numberhosts.1NumberIpars10NameHostRacksPasswor^jStorageLogsEmailTEBE顶端widget树widget主:体widgetVV底端widget介奶一下如何在index.html页而上引用一个treewidget第一步、在index.htm

5、l合适的位置放置一个tree占位符。笫二部、在script脚本区域增加下面的代码就可以。这段代码也可以放到一个js文件进行统一加载。j,funcL丄on()vartree^newTSTree();//’!:例化•个tree乂、tree.load(require.toUrl(nts/t3/compute/platform/PlatformSummary.jso

6、n");//ajax初始化t「ee.placeAt(戈到.treetree;〈/script3.4Widget模块开发上面说了如何引用widget,下面介绍如何开发widgetWidget现在类似

7、java的一个类。卜‘面是一个简单的例子，后期会补充widgetapi开发手册。define("ts/t3/compute/platform/PlatformSummary",["ts/t3/TSWidget","ts/t3/TSEvent","dojo八ext!ts/t3/compute/platform/PlatformSummary.htmn,"dojo/css!ts八3/compute/platform/PlatformSummary.cssn,"jquery"],function(TSWidget,TSEvent,htm,css,$){var

8、_super_=TSWidget.prototype;functionPlatformSummary(id,initParams){this.templateString=htm;_super_.constructor.calKthis/idJnitParams);initParams=Object(initParams);SetProperty(this,DONT_ENUM,"_data_",{data:null,state:"",})；this.addEventListener(,,data"/function(event){this.render

9、Data(event.data);});}functionrenderData(data){[