水土保持网站前端性能分析和优化研究

《水土保持网站前端性能分析和优化研究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、分类号学号M201273326学校代码10487密级硕士学位论文水土保持网站前端性能分析和优化研究学位申请人：胡静静学科专业：水利水电工程指导教师：黄正军副教授答辩日期：2015年5月26日AThesisSubmittedinPartialFulfillmentoftheRequirementsfortheDegreeofMasterofScienceFront-endPerformanceAnalysisandOptimizationofSoilandWaterConservationWebsiteCandidate:HuJingjingMajor:WaterConservancy&

2、HydropowerEngineeringSupervisor:AssociateProfessorHuangZhengjunHuazhongUniversityofScienceandTechnologyWuhan,Hubei430074,P.R.ChinaMay,2015独创性声明本人声明所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的研究成果。尽我所知，除文中已经标明引用的内容外，本文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。学位论文作者签名：日期：年月日学位

3、论文版权使用授权书本学位论文作者完全了解学校有关保留、使用学位论文的规定，即：学校有权保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权华中科技大学可以将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。保密□，在年解密后适用本授权书。本文属于不保密□。（请在以上方框内打“√”）学位论文作者签名：指导教师签名：日期：年月日日期：年月日华中科技大学硕士学位论文摘要互联网的快速普及给水土保持的信息化建设注入了新的活力。通过建设面向水土保持业务的网站，水土保持相关的数据采集、查询与信息发布等业务，均实现了

4、基于网络的信息共享，既提高了数据传递的及时性，也扩大了水土保持信息发布的范围。浏览器的呈现效果是网站建设好坏的一个重要标准。但目前不同内核的浏览器在网页渲染上存在着不小的差异，而且伴随着Web2.0时代的到来，用户在很大程度上参与到了网站内容建设中。随着交互的频繁，Web系统的性能和用户体验成为衡量网站建设好坏的重要指标。对于响应缓慢的网站，用户通常感到难以容忍，往往最终放弃使用。水土保持专业信息化管理网站涉及到不同的业务和使用部门，不仅业务量大，而且机构庞杂、交互繁复。由于技术问题造成的不同客户端浏览器显示不统一，响应缓慢等问题使得用户体验不甚理想，从而制约了网站的广泛使用，致使系统

5、并未发挥其应有的作用。为了提升用户体验，有必要对原水土保持网站进行优化处理。对此，本文主要做了以下研究：分析水土保持业务网站的特点及需求；掌握Web标准和主流浏览器对网页的渲染机制，按照前后端分离的思想重构不符合Web标准的页面结构，使其能在主流浏览器以及移动端平台兼容显示，使网站结构更加规范合理，增强其可扩展性；分析Web前端优化原理，结合水土保持网站特点，对影响水土保持网站性能的前端因素进行合理的设计，优化水土保持网站前端性能；利用AJAX等相关前端技术将原本集中在后端服务器的数据处理任务分流至前端完成，均衡负载，采用基于OpenLayers的WebGIS开发，解决地理专题信息响应

6、缓慢等问题，实现对水土保持地理信息模块的性能优化。总之，按照前后分离的思想重构了的水土保持网站，不仅实现了在主流浏览器中的兼容显示，也增强了网站的可扩展性和移植性，方便了地级站点功能模块的开辟。优化后的水土保持网站访问更加方便流畅，在数据录入等操作上也更加人性化，提高了用户体验。关键词：水土保持；前端性能；优化；OpenLayersI华中科技大学硕士学位论文AbstractTherapidspreadoftheInternethasinjectednewvitalitytotheinformationconstructionofSoilandWaterConservation.Byme

7、ansofconstructingtheSoilandWaterConservation-orientedwebsite,operationsaboutdatacollection,dataqueryandinformationdistributionrelatedtoSoilandWaterConservationnowcanbeimplementedthroughtheInternet.Thischangenotonlyimprovesth