Comments (5)
做的有创新,请扼要说明一下你们的开发过程。
from ucasmap.
做的有创新,请扼要说明一下你们的开发过程。
项目以 MapGIS10 Web端+IGServer 为平台,基于Node.js的浏览器-服务器结构为开发模式,开发工具为Visual studio Code、Navicat和Python,前端基于Vue-cli框架、结合HTML5、Css3、JavaScript实现,使用了mapboxGL、eCharts、leaflet等前端技术。后台基于Node.js的Express服务实现,用于前后端文件资源的传输与管理,通讯基于axios服务实现,实现前后端数据通讯、数据库服务使用。另外,系统也使用了 Echart、turf、 JSON 等插件来完成数据分析、表格展示和数据转换等工作。
from ucasmap.
做的有创新,请扼要说明一下你们的开发过程。
我们的前端部分采用的是基于纵生式的开发方式,采用T-C-V(终端应用层-云计算层-虚拟设备层)结构。并且使用Vue框架来简化开发流程,提高开发效率。在数据访问部分中,分为前端、平台服务层和数据资源层。数据资源层为SQLite数据库和文件资源,分别存放用于显示分析的景点属性位置信息和用户发布游博中的图片资源。在平台服务层中设置了Dream Factory服务和Express服务。Dream Factory服务用于管理SQLite数据库,生成统一的API,能够随时统一管理API,便于后期维护。Express服务用于连接前端与文件资源。前端页面通过平台服务层进行数据资源的访问。
后端部分,我们将数据存储于SQLite中,这种文件形式的轻量数据库配置方便,利于迁移,并且具有消耗的硬件资源低的优点。同时由于本系统的初期的用户量并不高,性能需求并不高,使用SQLite可以降低成本,方便后期维护和迁移。同时,综合考量,我们将我们的开发中心放在前端中,后端主要依赖于数据库中的数据,因此我们对于后端简化设计,使用Dream Factory连接数据库,生成一套RESTful API。通过这套API,大大缩短了后端开发流程,上手即用,加快了整体的开发进度。
前端页面中,主要以属性数据操作为主,GIS处理使用MapGIS提供的mapboxGL框架进行显示以及数据的管理和处理。在显示层将数据打包为GeoJSON数据进行操作显示。在地图显示的基础上实现的核心功能主要有:数据可视化景点分析、信息管理、社交系统和出行规划。其设计图如下图所示
from ucasmap.
做的有创新,请扼要说明一下你们的开发过程。
项目以 MapGIS10 Web端+IGServer 为平台,基于Node.js的浏览器-服务器结构为开发模式,开发工具为Visual studio Code、Navicat和Python,前端基于Vue-cli框架、结合HTML5、Css3、JavaScript实现,使用了mapboxGL、eCharts、leaflet等前端技术。后台基于Node.js的Express服务实现,用于前后端文件资源的传输与管理,通讯基于axios服务实现,实现前后端数据通讯、数据库服务使用。另外,系统也使用了 Echart、turf、 JSON 等插件来完成数据分析、表格展示和数据转换等工作。
![1931f2979dcb2259ff1622a646124b7](https://private-user-images.githubusercontent.com/82302425/295555192-aa5926fc-dfa5-4718-9a8b-30ca75a2aa1e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxNDA0NjQsIm5iZiI6MTcyNDE0MDE2NCwicGF0aCI6Ii84MjMwMjQyNS8yOTU1NTUxOTItYWE1OTI2ZmMtZGZhNS00NzE4LTlhOGItMzBjYTc1YTJhYTFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDA3NDkyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI0ODA0YmI0ZmQ2NzAwOTI4ODY4YWI5NTE2M2FlNzI2ODdiNGZhMWMzMDgyZDU4Nzc1MzM0MGQ1OTVjOWJhMzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.f2QakILXfddOwVuN2kox4Pe9U31ZUGddxOioPdT11uI)
from ucasmap.
Thank you for your detailed explaination. Great work.
from ucasmap.
Related Issues (20)
- 刘蕊菡—北京市景点与餐饮分布
- 徐靖雯—大熊猫国外留洋地图
- 吴佳杰、杨延浩、王禄——2023两院增选院士分布
- 刘王军、崔玉祥-北京市共享单车轨迹时空分析
- 刘文君-**人口密度分布
- 毛玉洁-北京滑雪图鉴
- 熊靖羽-三次人口普查受教育情况变化
- 蔡颖-**餐饮业设施分布地图
- 王诗源-美国2015-2019年碳通量空间分布
- 李彬杰-2022年**省级行政区降水量
- 李成坤、张卓-2004-2018年全国包虫病分布状况
- 王诗源-美国2015-2019年碳通量空间分布
- 高心雨-大湾区生态保护区
- 韩诗茹、王喜燕—**著名景点分布热力图
- 谭宁静-**境内地震分布情况
- 胡月轩-全球湖泊面积变化动态地图
- 李壮壮——全国居民可支配收入变化 HOT 2
- 张淑娴、张宇彤——全球火山分布多时相制图 HOT 1
- 邵雨来——贴地点—全国交通事件响应指数图
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ucasmap.