作者：张鑫鑫
本次任务完成时间：2018年12月22日～2019年01月16日
开发工具与关键技术：SuperMap iDesktop 9D、Visual Studio 2015、SuperMap iServer、JavaScript
完成模块功能：前台：区域定位、查询搜索、修改个人资料；后台：用户管理、角色管理、日志管理、数据管理（导入数据、基础数据）、修改个人资料
一、前台
1、登录
输入用户名、密码，判断用户名是否存在，密码是否正确，点击登录或按Enter（回车）进入系统主页面。
2、主页面
登录进主页面，右上是菜单栏，左边是导航栏。
（1）区域定位
点击左侧区域定位下的某个街道或乡镇，地图将定位到该街道或乡镇在地图中心。
（2）查询搜索
点击左侧查询搜索，在查询搜索下的地址类型下拉框选择需要查询的地址类型，文本框中输入含有需要查询的名称。
点击查询就会在下方显示查询出来的地址。
最后点击查询结果中的任意地址名称进行定位显示在地图正中央。
（3）修改个人资料
点击右上角的个人资料可以对用户的个人资料进行修改。
在修改个人资料选项中只能修改手机号码和邮箱，修改其他信息需要登录后台进行修改。
同时可以修改密码该用户的登录密码。
二、后台
1、登录
输入用户名、密码、验证码，判断用户名是否存在，密码是否正确，验证码是否正确，点击登录或按Enter（回车）进入后台主页面（注：只能是后台职位的用户）
2、主页面
登录进入主界面，左边是菜单栏。
（1）用户管理
点击菜单栏中的用户管理可以对用户进行增加、删除、查询、修改。
选择是否后台下拉框、角色类型下拉框，在用户名（登录名）文本框中输入所需要查询的信息，点击搜索用户按钮即可筛选查询出对应的用户信息。
点击添加用户新增用户信息，除邮箱、备注外，其他都为必填项。点击提交判断信息是否填写完整，确认密码是否正确进行新增用户。
点击表右侧的修改按钮进行修改当前行的用户信息，前后台、登录名不能进行修改。修改对应的信息后，点击提交对修改后的信息进行保存。
点击表右侧的删除按钮弹出提示框，点击确定删除对应的用户。 （注：当前登录的用户无法删除）
如果删除的是当前登录的用户就会弹出正在使用无法删除。
在表中左侧选择需要删除的用户，点击弹出提示框，点击确定进行批量删除（通过for循环删除）。 （注：当前登录的用户无法删除）
（2）角色管理
通过点击菜单栏的角色管理对对应的角色设置权限。
（3）日志管理
日志管理就是记录用户的一些操作行为，可以通过用户名，时间段来进行组合查询，可以查询某个用户在什么时间操作了什么模块。
（4）数据管理
4-1导入数据
点击左侧数据管理菜单栏下的导入数据可以对信息进行导入导出1-导入数据点击左侧数据管理菜单栏下的导入数据可以对信息进行导入导出。
4-1-1模板导出
点击模板导出按钮。
在模板类型下拉框选择相对应的模板类型后，点击模板导出弹出提示框再次确认是否导出。
点击确定后在下方会有一个Excel数据文件，保存在指定位置。
单击Excel数据文件可以查看导出数据。
4-1-2数据导入
点击数据导入按钮。
在模板类型下拉框选择相对应的模板类型后，点击打开表格用来选择后缀名为.xls的Excel数据文件。
选中Excel数据文件后，双击或单击打开。
{注：表头[一行（索引是0）]需和对应模板类型的字段名相同；把数据[多行（从第二行开始（索引是1开始，因为索引0是表头的那一行，行的最大索引是行总数-1，这里一个for循环））]跟数据库表的字段对应，把数据保存到session}
会将Excel的数据以表格的形式展现在页面中，提示上传成功。
点击开始上传数据按钮将表格里的数据保存到数据库。 （注：在数据库已经存在的用户不会保存）
4-2基础数据
点击左侧数据管理菜单栏下的基础数据可以对属性或子属性进行增加，修改，作废，启用，删除。
点击任意属性可以对该属性进行修改、删除，子属性进行增加，修改，作废，启用，删除。
4-2-1新增属性
点击左上角的添加属性弹出新增属性的模态框，输入属性名称，单击确认即可添加成功。
4-2-2修改属性
点击修改属性图标，修改属性名称后，点击修改按钮即可。
4-2-3删除属性
点击删除属性图标，弹出安全中心模态框，输入当前登录密码，点击确定删除当前属性。
4-2-4新增子属性
点击新增子属性图标，输入子属性名称，点击添加新增。
4-2-5修改子属性
点击修改子属性图标，同修改属性操作一致。
4-2-6作废子属性
点击作废子属性图标，再次确定作废即可作废该子属性。
4-2-7启用子属性
点击启用子属性图标，再次确定启用即可启用该子属性。
4-2-8删除子属性
点击删除子属性图标，再次确定删除即可删除该子属性。
（5） 修改个人资料
点击右上角的个人资料可以对当前后台用户的个人资料进行修改。
在修改个人资料选项中只能修改手机号码和邮箱，修改其他信息需要在菜单栏中的用户管理进行修改。
同时可以修改密码该后台用户的登录密码。
三、经典代码
1、网页名称左边的小图标
2、在页面随意移动的代码（前提必须是position:absolute;绝对定位）
3、查询数据集名称或图层名称的代码
4、判断坐标是否在指定的范围内
5、冒泡
四、项目总结
对于刚入手的GIS有了一定的了解，制作GIS项目前需要先在SuperMap iDesktop 9D中通过数据集来制作一幅地图保存在数据型工作空间或文件型工作空间，在SuperMap iServer中进行发布，再通过Visual Studio 2015编写代码来显示地图。现在已经能熟练运用SuperMap iDesktop 9D中的创建数据库工作空间或文件型工作空间，导入数据集，设置地图的固定比例尺、图层的可见比例尺，制作专题图等等；SuperMap iServer中服务管理中的发布地图、切图。
刚开始老师把要做的项目给我们时，当时整个人都是懵的，就是知其然，不知其所然；但通过做这次项目之后发现也并非想象中的那么难，通过参照师兄的项目对GIS也有所了解。刚拿到项目的时候，我首先参考师兄的项目，操作他的每一种功能，然后再理解他的代码，实在是看不懂了，就把他的代码复制过去，再通过For JavaScript查看每个功能的代码，进行修改他的代码达到自己想要的效果，经过自己不断的探索和学习，一个个的功能实现了，每个功能的代码流程也了解了；虽然在研究师兄的代码时发了很多时间，但是对代码有了更多的理解，这都是值得的。
通过这次的GIS项目加强了我的自学能力，增加了更多代码知识。虽然在做编写代码中总会感到很苦恼，很头痛，怎么这样写不行，怎么那里会报错……但正因为有了苦恼，才有解决的快乐。