微信搜索：“二十同学” 公众号，欢迎关注一条不一样的成长之路

在本地部署好geoserver服务之后，启动服务。

GeoServer的网络管理工具是通过web浏览器访问http:// <主机>:<端口> / geoserver(本地主机上的默认安装的链接是http://localhost:8080/geoserver/web)来进行访问。也可以自己修改登录地址，例如 {ip:port/web}见如下页面：

默认登录用户名和密码是：admin  geoserver，点击登录后出现如下页面：

关于和状态

        左边第一栏为关于和状态，主要用于展示服务器的状态、日志以及服务器联系信息和GeoServer的版本信息等。我们可以依次点击这几个选项进行查看和配置。可以根据自己的实际情况对联系信息进行更新和维护

         在这个版块我们需要关注的信息主要有服务器的状态和GeoSever的日志，这些信息对于我们及时掌握服务器的健康状态和通过日志进行查错提供帮助。

数据和服务

        数据区域集中展示了GeoServer服务器上的所有数据和工作区划分，提供数据存储、图层预览、样式编辑等功能。数据区域是我们在实际开发中需要重点关注的地方。

• 图层预览提供了GeoServer的所有图层配置列表，并提供以各种格式预览。在以后我们继续深入学习后，发布了某一个图层可以来到这里选择进行预览。

• 工作区类似我们工作空间，概念可以类比我们进行其他开发时所配置的项目根目录，用于对某一项具体的工作进行统一的管理。对应于GeoServer所用于的web服务，也可以理解为是一个web网站的根目录。

• 数据存储用于管理GeoServer的数据存储，我们可以将其理解为为Web服务提供数据支持的“数据库”。

• 图层和图层组都是用来发布和管理新图层，并使用组的形式来进行组织和管理。

• styles是用于管理GeoServer发布的样式。

服务

      主要是面向高级用户的，他们可以在此修改GeoServer提供的三种请求协议的配置。

• Web Coverage Service (WCS)用于管理元数据信息和WCS、WFS、WMS通用的配置信息，如数据请求读写最大值等。

• Web Feature Service (WFS)用于配置和管理Feature Data、服务级别以及GML输出等。

• Web Map Service (WMS)用于管理和配置栅格数据和SVG选项以及切片地图压缩和分级情况。

关于数据和服务这一块的关系和理解我们会在后续的实际数据发布和项目操作中来继续熟悉。

设置和安全

       在设置区域下分别有全局设置、JAI设置等，在这里我们能进行字符编码、日志记录等设置以及一些JAI参数的设置。对于出学者来说，这些我们可以暂时不进行关注。

        在安全区域下，有比较多的关于用户组、角色、权限的设置(在security选项下对用户、密码、管理组、权限角色等进行修改和配置)，在本地测试和使用的时候，我们也可以不需要进行关注，这个区域的设置更多情况下用于比较大型的项目多用户参与维护和编写。

如果你是安装在本机器则访问http://localhost:15672/，发现可以访问Web管理页面了

--------------------------------------------------------------------------------------
温馨提示：我是一个技术男，但我天生乐观的性格让我与技术男的形象有冲突，爱交朋友和聊天，想找我可以随时联系我。不信搜索我的微信公众号“好有趣耶”或者扫我的图标二维码，可以看到好多搞笑段子与微简报。

3、中部内容显示块；

需求：要求上层标签块、左侧菜单快固定不动，滚动条只对中部显示块作用；

<div class="all" style="background: aquamarine;">
  <div class="header" style="background: crimson">
      头部

  </div>
  <div class="con">
    <div class="asilde" style="background: black">
      左侧导航
    </div>
    <div class="main">
      主内容
    </div>
  </div>
</div>

<style>
  .all{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
  }
  .header{
    height: 50px;
    line-height: 50px;
  }
  .con .asilde{
    position:absolute;
    top:50px;
    left:0;
    bottom:0;
    width:200px;
    background-color:red;
  }
  .con .main{
    position:absolute;
    top:50px;
    left:200px;
    right:0;
    background-color:green;
    bottom:0;
    /* “bottom:0 与 overflow” 结合使用的效果：当内容超出显示器时，自动添加本区域的滚动条，其他区域保持不变*/
    overflow:auto;
    /*除了上面的方式，还有一种是不定义bottom，也不用overflow，这样内容是多少，中间内容区的行高就是多少，自适应，但是菜单和标题栏就会随着滚轮而动*/
  }
  /*.con{position: relative; width:100%; height:100%;}*/
  /*.asilde,.main{position: absolute;top:0px; bottom:0;height:100%;}*/
  /*.asilde{width:222px;left:0;background:#eee;}*/
  /*.main{left:0;right:0;margin-left:222px; background:#999;width:100%;}*/
</style>

页面显示示例：