html5前后台交互框架 web前后端交互

主流HTML5移动web开发框架

1、ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

创新新互联，凭借十余年的网站设计制作、网站制作经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有超过千家案例。做网站建设，选成都创新互联。

2、IONICIONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。

3、LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。

html5开发常见的7个框架,你知道几个?

Less Framework（MIT；响应式）自适应的CSS网格系统。 Flameinwork（Free）适合懒人开发者的前端微框架。 G5 Framework（Free）(x)HTMLCSS、PHP前端开发框架。

Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。⑥：Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。

ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

KendoUIKendoUI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

Angular Angular是一个JavaScript框架，最为核心的是：MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

jQuery Mobile jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

...交互。如:查询功能,查询JAVA后台数据,展示在HTML5页面中。

具体实现，你可以在网上查找jsp教程。以下是一个jsp页面的例子：%@ page language=java import=java.util.* pageEncoding=UTF-8% 注释（1）：上面一句是jsp命令语句，标准形式%@ %表示，利用java脚本语言。

java通过serlvet来接受请求 serlvet需要在web.xml中进行Url映射配置 大概的意思就是。你要告诉你的容器。当从浏览器向服务器发送请求，地址为的时候，这个a要映射到哪个servlet上 Html5只需要提供一个a标签。

你将html的表单提交地址设为你要访问的servlet的URL就可以了，servlet可以通过request。

怎么直接使用Html5与后台交互

那如何排除前后端开发的相互干扰呢？答案：前后端分离。前后端分离是将前端开发和后端开发隔离开来，前端开发人员只负责HTML、JS、CSS，后端人员只负责PHP，两者的交互只会通过接口调用的方式，如使用Ajax。

常见的HTML5与后台交互方式有：1 传统的GET、POST提交FORM，2 使用AJAX技术交互 3 使用 websocket 交互 其实还有一个技术是使用iframe来进行交互，不过，这个技术现在用的已经不多了。

后端将数据输出到HTML页面，在JS控制逻辑中需要访问数据时可以从HTML中取得。