国内html5视频网站建设,哪个网站可以做装修效果图,郑州网站设计有哪些,做的网站客户拿去维违法目录 前言
一、标准信息参考
1、信息来源
二、后台基础信息的维护管理
1、实体类和Mapper类
2、业务层和控制层设计
3、前端界面实现
三、管理页面效果
1、列表管理界面
2、国家信息调整
四、总结 前言 在之前的博客中#xff0c;我们基于GeoTools工具实现了全球各个…
目录 前言
一、标准信息参考
1、信息来源
二、后台基础信息的维护管理
1、实体类和Mapper类
2、业务层和控制层设计
3、前端界面实现
三、管理页面效果
1、列表管理界面
2、国家信息调整
四、总结 前言 在之前的博客中我们基于GeoTools工具实现了全球各个国家的空间信息和属性信息的空间入库实战。也将各个国家的基本信息进行了简单的介绍。我们先来看一下在空间数据库中我们管理的属性信息字段如下图所示 在上面的国家信息列表中不难发现国家的英文全称和中文全称均不是准确展示。在最原始的数据中也找不到准确的国家介绍。 为了保证数据的准确性我们可以参考国家外交部的国家信息介绍中的相关信息进行属性信息的维护如下图所示 可以点击国家名称进入到具体的信息中看到详细的国家相关信息。然后根据国家外交部提供的相关信息来维护空间数据库中的相关字段因此需要我们开发一个支持属性信息修改的功能来维护属性信息的功能。 本文即以Java开发为例重点讲解如何在SpringBoot的环境中来维护国家信息包括英文全称、英文简称、中文全称、中文简称、所属大洲等信息。首先介绍在官方信息中的简要信息然后介绍如何在Java中进行信息的维护。对于想了解相关信息维护的功能设计与实现有一定的参考。
一、标准信息参考 为了保证所依据的国家信息有标准的参考依据这里我们采用的标准来源外交部的官方网站因此有必要对官方网站上的关于国家的基本信息进行简单的介绍让大家在进行相应信息维护时有指导的作用。
1、信息来源 首先我们在浏览上输入外交部的官方网站外交部官方网站在其网站的导航栏中有国家和地区一栏点击国家和地区可以看到以下界面 可以看到针对全球的国家信息网站上按照所在大洲即亚洲、非洲、欧洲、北美洲、南美洲、大洋洲进行了细分。 在右边将展示这些大洲对应的国家信息。如果想浏览更加详细的国家信息可以点击具体的国家名称页面跳转到具体的国家信息如下所示 在信息详情页面就包括了国家的中文全名和英文全名等信息。当然在这个信息详情介绍界面我们还可以看到国家的国土面积、人口、首都、国家元首和政府首脑、重要的节日、国家简要信息等等许多关键信息做个大胆的设想后续我们可以基于这些详情页面做一个全方面的国家画像和知识图谱的建设。这里暂且不深入在后续的内容中再进行深入讲解。 在这里只需要重点关注国名这个关键信息。
二、后台基础信息的维护管理 为了实现后台基础信息的维护和管理我们将重点介绍维护模块。包括MVC三层架构的设计每层的详细类和代码实现都将深入讲解。
1、实体类和Mapper类 在之前的博客中我们曾经讲过国家的信息来源由两个Shp文件组成其中有一份是有空间参考的数据因此需要定义两个类来存储shp信息。相关的类如下图所示 无空间参考的类代码如下
package com.yelang.project.extend.earthquake.domain;
import java.io.Serializable;
import java.math.BigDecimal;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
/*** - 没有设置坐标参考系的全球国家信息* author 夜郎king*/
Data
AllArgsConstructor
NoArgsConstructor
public class WorldCountriesWithNoCRS implements Serializable{private static final long serialVersionUID 9034823653023305410L;private String name;//英文名称private String feName;//英文全称private String fcName;//国家中文名private String soc;//英文简称private BigDecimal pop new BigDecimal(0);//人口private String geom;
} 有空间参考的类代码如下所示
package com.yelang.project.extend.earthquake.domain;
import java.io.Serializable;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
/*** - 设置坐标参考系的全球国家信息* author 夜郎king*/
Data
AllArgsConstructor
NoArgsConstructor
public class WorldCountriesWithCRS implements Serializable{private static final long serialVersionUID -2200848007577967594L;private String geom;private String name;private String iso3;//简称private String continent;//所属洲比如亚洲、美洲等private String unreg1;private Integer eu;//是否欧盟
} 将两个shp数据合并成一个存储对象后使用下面的对象来进行数据的存储。关键代码如下
package com.yelang.project.extend.earthquake.domain;import java.io.Serializable;import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import com.yelang.framework.handler.PgGeometryTypeHandler;
import lombok.AllArgsConstructor;
import lombok.Getter;
import lombok.NoArgsConstructor;
import lombok.Setter;
import lombok.ToString;
/*** - 世界国家信息* author 夜郎king**/
TableName(value biz_world_country, autoResultMap true)
NoArgsConstructor
AllArgsConstructor
Setter
Getter
ToString
public class WorldCountries implements Serializable{private static final long serialVersionUID -5984870862010624612L;TableId(valuepk_id)private Long pkId;//TableField(valuefull_english_name)private String fullEnglishName;//英文全称TableField(valueshort_english_name)private String shortEnglishName;//英文简称TableField(valuemin_english_name)private String minEnglishName;//最简名称TableField(valuefull_chinese_name)private String fullChineseName;//中文全称TableField(valueshort_chinese_name)private String shortChineseName;private String continent;//所属大洲如:Asiaprivate String unreg;//大洲详情TableField(typeHandler PgGeometryTypeHandler.class)private String geom;TableField(existfalse)private String geomJson;public WorldCountries(String fullEnglishName, String shortEnglishName, String minEnglishName,String fullChineseName, String shortChineseName, String continent, String unreg, String geom) {super();this.fullEnglishName fullEnglishName;this.shortEnglishName shortEnglishName;this.minEnglishName minEnglishName;this.fullChineseName fullChineseName;this.shortChineseName shortChineseName;this.continent continent;this.unreg unreg;this.geom geom;}
} 为了实现数据对象的保存我们同时还需要定义Mapper对象。同时增加一个根据国家简码查询国家信息geometry的geojson信息的方法关键代码如下
package com.yelang.project.extend.earthquake.mapper;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.yelang.project.extend.earthquake.domain.WorldCountries;
public interface WorldCountriesMapper extends BaseMapperWorldCountries{static final String FIND_GEOJSON_SQLscript select st_asgeojson(geom) as geomJson from biz_world_country where pk_id #{id} /script;Select(FIND_GEOJSON_SQL)WorldCountries findGeoJsonById(Param(id)Long id);
}
2、业务层和控制层设计 为了实现国家基本信息的修改和管理。我们需要提供一个修改的方法但是要注意的是在进行信息的修改时不需要修改geometry字段的信息。其实这个很简单只需要在传入国家信息时保持geom字符串为null即可。同时在这里我们需要在列表中展示国家信息但是在展示时不需要展示空间信息因此要求在接口中不查询出geom信息。因此在使用Mybatis-plus进行查询时需要指定查询字段核心方法如下所示
package com.yelang.project.extend.earthquake.service.impl;
import java.util.List;
import org.apache.commons.lang3.StringUtils;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.yelang.project.extend.earthquake.domain.WorldCountries;
import com.yelang.project.extend.earthquake.mapper.WorldCountriesMapper;
import com.yelang.project.extend.earthquake.service.IWorldCountriesService;
Service
public class WorldCountriesServiceImpl extends ServiceImplWorldCountriesMapper, WorldCountries implements IWorldCountriesService{Overridepublic ListWorldCountries selectList(WorldCountries worldCountries) {QueryWrapperWorldCountries queryWrapper new QueryWrapperWorldCountries();if(StringUtils.isNotBlank(worldCountries.getFullChineseName())){queryWrapper.like(full_chinese_name, worldCountries.getFullChineseName());}if(StringUtils.isNotBlank(worldCountries.getFullEnglishName())) {queryWrapper.like(full_english_name, worldCountries.getFullEnglishName());}if(StringUtils.isNotBlank(worldCountries.getShortChineseName())) {queryWrapper.like(short_chinese_name, worldCountries.getShortChineseName());}queryWrapper.select( pk_id,full_english_name,short_english_name,min_english_name,full_chinese_name,short_chinese_name,continent,unreg );queryWrapper.orderByAsc(min_english_name);return this.baseMapper.selectList(queryWrapper);}Overridepublic WorldCountries findGeoJsonById(Long id) {return this.baseMapper.findGeoJsonById(id);}Overridepublic WorldCountries findByCode(String minName) {QueryWrapperWorldCountries queryWrapper new QueryWrapperWorldCountries();queryWrapper.eq(min_english_name, minName);queryWrapper.select( pk_id,full_english_name,short_english_name,min_english_name,full_chinese_name,short_chinese_name,continent,unreg );return this.getOne(queryWrapper);}
}
3、前端界面实现 前台界面我们基于Ruoyi的传统前端技术栈主要提供一个列表查询和编辑操作按钮。关键的核心代码如下所示
!DOCTYPE html
html langzh xmlns:thhttp://www.thymeleaf.org xmlns:shirohttp://www.pollix.at/thymeleaf/shiro
headth:block th:includeinclude :: header(全球国家信息管理列表) /
/head
body classgray-bgdiv classcontainer-divdiv classrowdiv classcol-sm-12 search-collapseform idformIddiv classselect-listullilabel中文全名/labelinput typetext namefullChineseName//lililabel英文全名/labelinput typetext namefullEnglishName//lilia classbtn btn-primary btn-rounded btn-sm onclick$.table.search()i classfa fa-search/inbsp;搜索/aa classbtn btn-warning btn-rounded btn-sm onclick$.form.reset()i classfa fa-refresh/inbsp;重置/a/li/ul/div/form/divdiv classbtn-group-sm idtoolbar rolegroupa classbtn btn-primary single disabled onclick$.operate.edit() shiro:hasPermissioneq:wcountry:editi classfa fa-edit/i 修改/a/divdiv classcol-sm-12 select-table table-stripedtable idbootstrap-table/table/div/div/divth:block th:includeinclude :: footer /script th:inlinejavascriptvar editFlag [[${permission.hasPermi(eq:wcountry:edit)}]];var prefix ctx eq/wcountry;$(function() {var options {url: prefix /list,createUrl: prefix /add,updateUrl: prefix /edit/{id},removeUrl: prefix /remove,exportUrl: prefix /export,modalName: 国家信息,columns: [{checkbox: true},{field: pkId,title: ,visible: false},{field: fullEnglishName,title: 英文全称},{field: shortEnglishName,title: 英文简称},{field: minEnglishName,title: 代号},{field: fullChineseName,title: 中文全称},{field: shortChineseName,title: 中文简称},{field: continent,title: 所属大洲},{title: 操作,align: center,formatter: function(value, row, index) {var actions [];actions.push(a classbtn btn-success btn-xs editFlag hrefjavascript:void(0) onclick$.operate.edit(\ row.pkId \)i classfa fa-edit/i编辑/a );return actions.join();}}]};$.table.init(options);});/script
/body
/html
三、管理页面效果 在进行后台的相关代码开发和前端界面的设计之后基本就实现了我们的列表管理功能可以展示国家的基本信息。支持按照国家英文全称、中文全称来进行检索。列表中提供编辑按钮可以打开编辑页面进行信息的修改和调整。
1、列表管理界面 管理列表界面如下所示在列表中展示英文全称、英文简称、代号、中文全称、英文简称、所属大洲等信息。在列表右上角可以进行数据的刷新、暂时字段的设置。 2、国家信息调整 点击列表中的编辑按钮打开国家基本信息修改页面如下图所示 如果相关的信息不准确的话在这里就可以进行相应信息的调整。信息调整完成后点击确定实现信息的保存。
四、总结 以上就是本文的主要内容本文即以Java开发为例重点讲解如何在SpringBoot的环境中来维护国家信息包括英文全称、英文简称、中文全称、中文简称、所属大洲等信息。首先介绍在官方信息中的简要信息然后介绍如何在Java中进行信息的维护。对于想了解相关信息维护的功能设计与实现有一定的参考。行文仓促难免有许多不足之处如有不足还恳请各位专家博主在评论区批评指出不胜感激。
