基于Vue.js框架的茶业信息管理平台的设计与开发

The Design and Development of Tea Industry Information Management Platform Based on Vue.js Framework

为解决传统茶业信息管理平台使用的Jquery、Dojo等框架配置复杂、学习成本较高、可操作性差等问题。将框架结构更精简、组件化的开发方式更易于扩展的Vue.js框架引入福建省松溪县茶业一张图平台的构建。平台采用RS、GIS与外业茶叶种植调查相结合的方法,实现了茶业数据的精确采集和管理;采用Web全栈开发的方式实现了基于当前主流框架Vue.js和后端框架Thinkjs的前后端分离;利用WebGIS二次开发技术完成了对茶业信息管理平台地图功能的设计开发,实现了茶叶一张图、虚拟现实浏览漫游、空间分析等应用场景。向管理者提供了茶业信息地图数据服务,加强茶树种质资源保护、低产低效茶园改造,完善茶叶生产设施,提高茶产业防灾减灾能力。为今后松溪县茶产业的发展和规划提供了参考。

In order to solve the problems of complex configuration,high learning cost,and poor operation ability of the Jquery,Dojo and other frameworks used by the traditional tea industry information management platform.This paper introduces the Vue.js framework into the construction of a picture platform for the tea industry in Songxi County,Fujian Province China,which has a more streamlined framework structure and a component-based development method that is easier to expand.This platform realizes the accurate collection and management of tea industry data through the method of combining RS,GIS and field tea planting investigation;adopts the Web full-stack development method to realize the front-end separation mode based on the current mainstream framework Vue.js and the back-end framework Thinkjs;the use of WebGIS secondary development technology completes the design and development of the map function of the tea industry information management platform,and realizes application scenarios such as a tea map,virtual reality browsing and roaming,and spatial analysis.It provides managers with tea industry information map data services,strengthens the protection of tea germplasm resources,transforms to low-yield and low-efficiency tea gardens,improves tea production facilities,and improves the ability of the tea industry to prevent and reduce disasters.It provides a reference for the future development and planning of the tea industry in Songxi County China.