基于Bootstrap的农业监控系统响应式网页设计与实现

沈晶晶+张伟

摘 要：随着移动设备的快速发展，多终端逐渐被普及到多个领域。在为终端设备渲染页面的同时，不仅要兼容传统页面布局，还要达到响应式效果。Bootstrap以其美观的界面和良好的自适应功能被广泛使用。文中基于Bootstrap框架设计实现农业监控系统的响应式网页，让用户可以随时随地了解农作物的生长环境。

關键词：响应式网页；Bootstrap；农业监控；多终端

中图分类号：TP393 文献标识码：A 文章编号：2095-1302（2017）04-00-02

0 引 言

随着时代发展，新兴科技日新月异。为使多终端设备进行网页访问，网页设计不仅需要变得灵活，还要能适应渲染它们的各种媒介。Bootstrap[1]框架最大的优势是响应式布局，并且内置了多样化样式，可以快速应用于各种场景。智慧农业的迅速发展有效提高了作物质量，使得智慧农业炙手可热。而基于Bootstrap的农业监控系统的网页响应式设计与实现，可使用户方便管理农作物的生长环境。

1 现代农业的现状及存在问题

现代农业是一个广泛的概念，调整农业产业结构的同时转变农业产值增长方式是目前农业主要的发展方向。

农业监控系统是智慧农业的延伸，依托现代物联网技术，用户通过使用多终端设备就能方便获取并查看大棚内的作物数据信息。但农业监控系统在网页浏览的媒介上还存在欠缺，如通过不同的设备访问网页时会为用户带来不同的体验。因此，需要在界面设计和美观方面改善提升。

2 响应式网页设计与实现

针对以上问题，可以使用易推广的技术来搭建农业监控系统。……