JeasunLok / gridCalculator-hydrologic-analysis

A Java project for hydrologic analysis using Swing GUI on the "Smart City" Course(Final Homework)

智慧城市建设原理与方法课程设计（大作业）

---

本项目主要由两个部分组成

1.使用Java作为主要编程语言的gridCalculator，包含桌面版GUI

2.使用Vue3+TypeScript+Element Plus完成的gridCalculator_Vue3Web静态网页

在整个项目的压缩文件中分别对应

1. gridCalculator
2. gridCalculator_Vue3Web

以下对两个部分做主要的介绍

---

1.gridCalculator

该文件夹的主要结构是IDEA的目录组成

1. out 构建的jar工件
2. result 所有算法的asc以及jpg输出结果
3. src 源码文件

以下对源码文件夹src做简单的介绍

1. gridCalculator
   • gridCalculator.java 网格计算类类文件
2. gridDatabase
   • gridDatabase.java 网格计算类的数据库操作接口类文件
3. supportFunction
   • supportFunction.java 辅助网格计算类的支撑函数类文件
   • readDEM.java 读取DEM类文件
   • readRainFallStation.java 读取雨量站及其降雨量类文件
   • supportIterForAcc_flow.java 辅助累积流计算类文件
   • writeASC.java 写出asc类文件
4. lib
   • Jama-1.0.3.jar Jama矩阵操作依赖jar包
   • mysql-connector-java-8.0.30.jar MySQL数据库操作依赖jdbc的jar包
5. META-INF
   • MANIFEST.MF 构建项目jar包文件
6. gridCalculator_GUI.java 图形UI界面程序入口，可直接运行
7. gridCalculator_test.java 控制台程序入口，可直接运行

需要注意的是，想要运行本程序必须在IDEA中的依赖引入lib文件夹的两个jar包！

---

2.gridCalculator_Vue3Web

该文件夹的主要结构Vue3的脚手架Vue-cli的目录组成

1. node_modules npm包
2. public 网页入口
3. src 源码及资源文件
4. 其余设置文件

以下对源码文件夹src做简单的介绍

1. asset 资源目录
2. components 基本组件
   • Choice.vue 功能选择组件
   • Header.vue 头部组件
   • HomeHeader.vue 主页头部组件
   • Map.vue 图层展示组件
   • Menu.vue 菜单栏组件
   • User.vue 用户栏组件
3. routers 跳转路由
   • index.ts 路由文件
4. views 基本视图
   • Home.vue 主页视图
   • HomeView.vue 功能操作视图
   • Register.vue 登录注册视图
5. App.vue 界面主入口
6. main.ts 引入资源文件
7. shims-vue.d.ts vue声明文件

需要注意的是，想要运行本页面必须在对应的文件夹目录下cmd后输入npm install且必须安装vue-cli脚手架以及选定使用TypeScript作为js代码，引入Element Plus依赖之后键入npm run serve并去往对应端口查看网页。

---