Technical Research And System Development Of Marine Geology Application Portal

In order to build a stable Marine geology application portal,this paper studies the development technology of the portal website,including the front-end development framework,UI design and read-write separation technology,and applies it to the Marine geology application portal.The front-end development framework adopts Vue.Vue is a progressive framework with very powerful components and the ability to integrate with a third library.The biggest advantage is that it is very easy to learn and easy to use,good performance,easy to optimize,and powerful routing mechanism.Vue uses virtual DOM and componentized ideas to abstract and encapsulate the rendering ability of the page,achieve front-end layering,and improve the overall performance of Web response.UI technology is based on HTML5 and CSS3,using Bootstrap framework and Font Awesome vector Font library to develop responsive Web pages to adapt to different types of terminal devices.Bootstrap framework is a set of front-end development kit,with a variety of types of components,can quickly realize the development of web pages.Font Awesome vector Font library is mainly used to style references to icons in web pages,and can be customized.Based on the above technology,the responsive design of the page is realized,so that the page can automatically adjust the size and layout according to the different terminal equipment and the size of the screen resolution,and improve the self-adaptive ability of the page.The read-write separation technique uses Freemarker's template.In the backstage database management system of the Marine geology application portal,the contents of the database are saved to the Web directory in the form of shtml static webpage with the pre-defined FTL template,and the static webpage files are managed by the Nginx server and provided to the client through HTTP protocol,so as to improve the security and performance of the portal website.Front-end development framework Vue,responsive Web and read-write separation technology,which are applied in Marine geology application portal,are the main achievements of this paper.