目录

前言

一、概述

二、开发思路

1.前端开发

（1）登录页面

（1）功能页面

（1）下载页面

 2.后端开发

二、发布上线

总结

前言

经过几个月修炼，之前更新的一篇利用django和fme实现模板继承的研究现在终于开花结果，今天悟空就来分享一下利用fme作为后台计算模型搭建数据分析web应用，创建自己的功能软件，让用户彻底脱离fme环境，创建属于自己的ui操作界面。

一、概述

1、编程语言：JavaScript，python

2、开发框架：前端VUE3 ,后端django

3、数据库：数据表PostgreSql，进程管理数据库redis

4、开发工具：webstorm，pycharm

5、计算模型api：fme模板

二、开发思路

1.前端开发

本次开发主要采用前端后端分离式开发，前端使用vue3+element-plus搭建web应用页面，主要页面为登录页面、功能页面、成果下载页面。

（1）登录页面

 这个没啥好说的，主要注意的是要做一个导航守卫，登录成果后让系统从后台api拿到token值，根据是否有token值来判断页面是否跳转，如果没拿到token值则用户不能进入主页面。这部分比较通用，几乎任何应用都类似。

（2）功能页面

 功能页面简洁大方为主，目前上线了3个功能集，都是以自定义表单的形式提交参数到后台，并得到成果，后续上线其他功能只需要简单新增子路由即可。

 以下是其中一个子页面代码，需要注意的如果是某些大文件传输，需要将文件二进制流打散，然后后端接受组合成完整文件，后期会考虑增加断点续传等功能。