
1 后端提供接口:后端可以通过提供RESTful API接口的方式,把数据提供给前端,前端可以通过调用这些接口来获取数据。
2 数据库查询:后端可以把数据存储在数据库中,前端可以通过查询数据库来获取数据。
3 文件传输:后端可以把数据存储在文件中,前端可以通过文件传输的方式来获取数据。
4 WebSocket:后端可以通过WebSocket协议来推送数据给前端,前端可以通过监听WebSocket消息来获取数据。
前端页面是不会自动去更新内容的,只是获取到某个时间点数据库的数据内容,当数据库内容更新后,前端不重新去请求页面是不会更新的。一般业务场景下,数据库的内容更新未必会实时反映到页面,也没必要。如需要实时更新的场景,就需要服务器端做消息推送,如站内信、邮件等。这都是需要在后台服务器端编程的,不是靠前端做的;前端页面直接去访问数据库?开玩笑,做不做得到先不谈,安全性就无法保证。前端只负责发起请求和获取数据并呈现,至于怎么调用数据库不是前端关心的,也不必关心,那是属于后端的任务。
简单点说,就是前端技术与后端技术沟通,根据业务定义交互接口,交互接口的的形式可能包含:
1、后端将数据输出到HTML页面,在JS控制逻辑中需要访问数据时可以从HTML中取得。
2、定义前后端请求的接口,一般是AJAX接口,如果存在跨域问题或一些特殊的业务场景,可能也会使用JSONP或者其他方式,总之,不论是何种方式请求,目的都是动态的请求数据,然后根据返回数据刷新页面内容。返回数据的格式现在主流是使用JSON格式,但是也不排除一些特殊的业务场景需要是使用XML或其他格式的数据。
要学习前端和后端沟通的桥梁 > 要学习现在主流的Web交互方式(前端和后端交互)RESTful,使用JSON格式描述数据 要学习后端技术,比如nodejs 要学习前端技术,javascript和流行的框架reactjs,vuejs等,可以简单方便的实现数据的双向绑定,一般的数据表格可以轻松展现 如要要把数据生成复杂的表格或图形还需要更强大的数据图形类的框架来实现,流行的有d3js,chartjs等
首先:要分清后台 和 数据库的区别
一般数据库分为mysql oracle sql
后台语言 net java php 等
后台与数据库交互 --也就是对数据的“增删查改”等 (其他复杂的 *** 作)
前台$>
ajax的异步,可以引入promise或者其他的异步处理库。
promise的好处是es2015标准,不用babel通过一个js库也可以实现。
通过promise简单的封装,可以把ajax封装成 $ajaxthen(success,fail)的形式。
除了ajax这部分,更重要的整个页面的结构吧。最好是引入模块化的开发,封装每个组件成一个个模块。本身web都是盒模型,很适合一个个组件的抽象封装。一个页面通过每个模块的引入就可以了。
以上就是关于数据大屏怎么和前端交接全部的内容,包括:数据大屏怎么和前端交接、前端页面与数据库交互、html5 怎么和后端进行数据交互等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)