上海大众JUMP平台培训教程.docx

《上海大众JUMP平台培训教程.docx》由会员分享，可在线阅读，更多相关《上海大众JUMP平台培训教程.docx（54页珍藏版）》请在第一文库网上搜索。

1、上海大众汽车有限公司JUMP平台培训教程此文档含有具体技术和业务相关的专有信息。文中涉及的所有资料必须严格保密。除因真实需要而得到授权的合作伙伴和上海大众汽车公司有关人员外，一律不得向他人泄露。摘要摘要目标：通过加强培训过程的管理，建立经验知识可积累、培训质量可保证、培训方法可定义、培训人员可考核、培训能力可持续提高的培训服务体系，以保障专业培训模块化、体系化，使得受培训人员的能力具备符合上海大众的技术要求。一、J1JMP平台介绍平台说明SVWJUMP基于J2EE、EC1iPSe等开放的技术和平台，通过配置化、组件化、一体化的平台产品为客户提供应用系统全生命周期的支撑，可以帮助企业实现统一SO

2、A架构的发展策略，并达到低成本、高质量、灵活、易管控的构造SOA应用和服务目标。平台结构二、JUMPStudio安装软件环境 操作系统windows7 数据库MySq15.50rac1eI1g硬件配置 内存IG 安装盘5G CPU2.OG注意事项 安装文件所在目录不要有空格 数据库的配置及初始化 服务器的启动及8080端口冲突问题三、NUI介绍NUI介绍NUI-快速开发WebIJI。它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。使用NUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detai1,菜单工具栏、

3、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。-产品定位：-快速开发WEB界面-NUI产品构成：NUIU1AJAXHTM1标签JQuery-NU1提供如下几个大类的控件：表格控件：合并列、合并行、行统计、列统计等。树形控件：懒加载树、树节点维护等。布局控件：标题面板、弹出面板、折叠分割器、布局器、表单布局器等导航控件：分页导航器、导航菜单、选项卡、菜单、工具栏等。表单控件：多选输入框、弹出选择框、文本输入框、数字输入框、日期选择框、下拉选择框、下拉树形选择框、下拉表格选择框、文件上传控件、多选框、列表框、多选框组、单选框组、按钮等富文本编辑器：自定义字体颜色、大

4、小等。图表控件：柱状图、饼图、线形图、双轴图等。功能特性标签配置使用HTM1作为组件生成方式。减少90%的JaVaSCriPt代码量。第三方控件兼容与ExtJSjQueryYUI等任意第三方控件无缝集成。Compatib1e强大表格控件实现锁定列、多表头、分页排序、行过#12滤、数据汇总、单元格编辑、详细行信息、Exce1导出等功能。31树形控件实现懒加载、CheckBox选择、节点绘制、折叠展开、节点编辑、增加、删除、修改、移动节点。口Fo1der-Q1eaf1eaf表单控件包含：弹出选择框、文本输入框、数字输入框、日期选择框、下拉选择框、下拉树形选择框、下拉表格选择框、文件上传控件、多选框

5、、列表框、多选框组、单选框组、按钮等。开发者可以批量操作表单控件，比如表单加载、提交、验证等。Form&Input布局控件包含：标题面板、弹出面板、折叠分割器、布局器、表单布局器等。1ayout&Window导航控件包含：分页导航器、导航菜单、选项卡、菜单、工具栏等。NavigationsIOO数据验证输入框组件可以监听处理验证事件，自定义验证规则。当验证失败时，会自动减少宽度，显示一个提示图标。2010年10月12日2010-10-1210/12/2010格式化显示组件支持格式设置（format）,灵活控制相同的数据不同的展现格式。表格控件可以格式化显示单元格内容。UISkin外观自定义开发

6、者可以通过修改CSS样式，改变组件外观，定制出自己的风格。NUI语法NU1以标签的形式进行开发，在标签可自由配置NU1属性。NUI和后端联通主要以AjaX的方式。员工姓名工编码状AjaxjQuery拥有完整的Ajax兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。NameDescriptionjQuery.ajax()执行异步HTTP(Ajax)请求。.ajaxComp1ete()当Ajax请求完成时注册要调用的处理程序。这是一个Ajax事件。._aJaxerror()当Ajax请求完成且出现错误时注册要调用的处理程序。这是一个Ajax事件。.ajaxSend()在A

7、jax请求发送之前显示一条消息。jQuery.ajaxSetup()设置将来的Ajax请求的默认值。.ajaxStart()当首个Ajax请求完成开始时注册要调用的处理程序。这是一个Ajax事件。.ajaxStop()当所有Ajax请求完成时注册要调用的处理程序。这是一个Ajax事件。.ajaxSuccess()当Ajax请求成功完成时显示一条消息。jQuery.get()使用HTTPGET请求从服务器加载数据。jQuery.getJSON()使用HTTPGET请求从服务器加载JSON编码数据。jQuery.getScript()使用HTTPGET请求从服务器加载JavaScript文件，然后

8、执行该文件。.1oad()从服务器加载数据，然后把返回到HTM1放入匹配元素。jQuery.param()创建数组或对象的序列化表示，适合在UR1查询字符串或Ajax请求中使用。jQuery.postO使用httppost请求从服务器加载数据。.seria1ize()将表单内容序列化为字符串。.Seria1izeArray()序列化表单元素，返回JSON数据结构数据。JSONJSoN组件。可序列化、反序列化JS对象:NameParameterDescriptionReturnnui.encode(Object)把JS对象序列化为字符串Stringnui.decode(String)把字符串反序

9、列化为JS对象ObjectDATE日期类型处理组件。可格式化、解析JSDate对象:NameParameterDescriptionReturnnui.parseDate(String)String:特定格式字符串。支持如下：.2010-11-22 2010/11/22 11-22-2010 11/22/2010 2010-11-22123:23:59 2010/11/22723:23:59 2010-11-2223:23:59 2010/11/2223:23:59把字符串转换成Date类型对象。Datenui.formatDate(Date,String)Date:日期类型对象。String

10、:格式化字符串。例如：“yyyy-MMYdssz,o具体格式说明，请参考下面的“Format”内容。把Date类型转换为字符串String格式化:NameDescriptionExamp1ed月中的某一天。一位数的日期没有前导零。元数据:2015-01-0121:22:13格式化：1dd月中的某一天。一位数的日期有一个前导零。元数据：2015-01-0121:22:13格式化：O1ddd周中某天的缩写名称元数据：2015-01-2221:22:13格式化：一dddd周中某天的完整名称元数据：2015-01-2221:22:13格式化：星期一M月份数字。一位数的月份没有前导零。元数据：2015-

11、01-2221:22:13格式化：1MM月份数字。一位数的月份有一个前导零。元数据：2015-11-2221:22:13格式化：11MMM月份的缩写名称。元数据：2015-11-2221:22:13格式化：11月MMMM月份的完整名称。元数据：2015-11-2221:22:13格式化：十一月y不包含纪元的年份。如果不包含纪元的年份小于10,则显示不具有前导零的年份。元数据：2010-11-2223:23:59格式化：2010年11月yy不包含纪元的年份。如果不包含纪元的年份小于10,则显示具有前导零的年份。元数据：2010-11-2223:23:59格式化：10yyyy包括纪元的四位数的年份。元数据：2010-11-2223:23:59格式化:2010h12小时制的小时。一位数的小时数没有前导零。元数据：2010-11-2209:23:59格式化：9hh12小时制的小时。一位数的小时数有前导零。元数据：2010-11-2223:23:59格式化：11H24小时制的小时。一位数的小时数没有前导零。元数据：2010-11-2203:23:59格式化：3HH24小时制的小时。一位数的小时数有前导零。元数据