{"id":18914336,"url":"https://github.com/xlong1029/xlong-map-admin","last_synced_at":"2025-04-15T08:31:19.029Z","repository":{"id":42940926,"uuid":"388029590","full_name":"xLong1029/xlong-map-admin","owner":"xLong1029","description":"基于 Vite + Vue3 + Element Plus + ArcGis 开发的单页面客户端渲染的地图管理系统示例","archived":false,"fork":false,"pushed_at":"2023-10-08T03:58:20.000Z","size":64800,"stargazers_count":21,"open_issues_count":0,"forks_count":13,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-10-08T04:30:58.520Z","etag":null,"topics":["admin","arcgis","element-plus","mockjs","vite","vue3"],"latest_commit_sha":null,"homepage":"https://xlong1029.github.io/xlong-map-admin/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xLong1029.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-07-21T07:18:23.000Z","updated_at":"2023-10-06T09:47:38.000Z","dependencies_parsed_at":"2023-01-19T06:45:16.798Z","dependency_job_id":null,"html_url":"https://github.com/xLong1029/xlong-map-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-map-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-map-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-map-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-map-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xLong1029","download_url":"https://codeload.github.com/xLong1029/xlong-map-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223664816,"owners_count":17182195,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","arcgis","element-plus","mockjs","vite","vue3"],"created_at":"2024-11-08T10:11:04.138Z","updated_at":"2024-11-08T10:11:04.805Z","avatar_url":"https://github.com/xLong1029.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# xlong-map-admin\n\n## 重要通知！！！ \n我的账号在Github开启2FA设置后，因某种原因丢失恢复码导致账号无法登录，日后该账号下的所有项目在github不再更新，若想查看持续更新的项目请移步到 [我的码云仓库](https://gitee.com/xlong1029)\n\n## 介绍\n\nxlong-map-admin是一套基于 Vite + Vue3 + Element Plus + ArcGis 开发的单页面客户端渲染的地图管理系统示例。  \n\nGIS功能包含：量算、绘制、分屏、卷帘、定位、切换底图、自定义工具栏和放大缩小等基本操作。  \n\n系统配置功能包含：定制系统主题、头部、是否启用keepAlive和地图的控件配置。  \n\n温馨提示：\n1. 使用Mock.js随机生成数据，拦截 Ajax 请求\n2. 项目启动成功后需要等待一段时间加载资源\n3. 定位功能，按ArcGis官方示例，获取当前定位总是定位到兰州附近\n3. Bmob版传送门：[develop-vite-bmob](https://github.com/xLong1029/xlong-map-admin/tree/develop-vite-bmob)（使用Bmob本地运行正常，打包发布后会报错，猜测是与Vite不兼容）\n\n* 该项目仅作学习参考，请勿商用\n\n## 项目展示\n\n\u003e DEMO地址：https://xlong1029.github.io/xlong-map-admin/\n\n## 更新说明\n\n1. 2023-03-30  \n新增书签工具\n\n## 项目说明\n\n#### 1. 前后端分离开发模式\n\n- **前端**：Vite + Vue3\n- **后端**：Mock.js模拟请求\n\n#### 2. 项目用到技术、框架与插件\n\n[Vue3](https://v3.vuejs.org/)\u003cbr/\u003e\n[Vite](https://cn.vitejs.dev/)\u003cbr/\u003e\n[Mockjs](http://mockjs.com/)\u003cbr/\u003e\n[Element Plus](https://github.com/element-plus)\u003cbr/\u003e\n[ArcGis](https://developers.arcgis.com/javascript/latest)\u003cbr/\u003e\n\n#### 3. 角色权限说明\n\n1. 超级管理员  \n可见所有菜单，可对用户进行增、删、改、查等管理。  \n测试账户：18376686974，密码：123456\n2. 普通管理员  \n可见所有菜单，只能查看用户信息，无法对用户进行增、删、改管理。  \n测试账户：17777075292，密码：123456\n3. 普通用户  \n仅可见“GIS地图”和“系统说明”菜单。  \n测试账户：18888888888，密码：666666\n\n## 部分项目运行截图\n\ngif文件稍微有点大，被压缩了，丢失了部分色彩：\n\n* 登录界面\n\n![Image text](static/images/1.png)\n\n* 个人资料\n\n![Image text](static/images/screen-2.gif)\n\n* GIS地图\n\n![Image text](static/images/2.png)\n\n* GIS地图-切换底图\n\n![Image text](static/images/screen-3.gif)\n\n* GIS地图-地图配置\n\n![Image text](static/images/3.png)\n\n* GIS地图-卷帘\n\n![Image text](static/images/4.png)\n\n* GIS地图-分屏\n\n![Image text](static/images/5.png)\n\n* GIS地图-量算、绘制\n\n![Image text](static/images/6.png)\n\n* GIS地图-自定义工具栏\n\n![Image text](static/images/screen-8.gif)\n\n\u003c!-- * GIS地图-旋转、切换视图\n\n![Image text](static/images/screen-12.gif) --\u003e\n\n* 用户管理-搜索\n\n![Image text](static/images/screen-9.gif)\n\n* 用户管理-新增、编辑\n\n![Image text](static/images/screen-10.gif)\n\n* 用户管理-删除\n\n![Image text](static/images/screen-11.gif)\n\n## 目录结构\n\n```\n│  .env.development // 开发环境配置\n│  .env.production // 生产环境配置\n│  .env.release // release环境配置\n│  .gitignore\n│  package.json\n│  vite.config.js // 配置文件\n│  README.md\n│  index.html // 入口文件\n│\n├─pubilc\n│   favicon.ico // 图标\n│\n├─src\n│  │  main.js // 项目入口js\n│  │  permission.js // 路由权限配置\n│  │  settings.js // 设置文件\n│  │  App.vue // 根组件\n│  │\n│  ├─assets // 资源目录，这里的资源会被wabpack构建\n│  ├─api // api接口文件\n│  ├─store  // 应用级数据（state）\n│  ├─styles  // 样式\n│  │\n│  ├─mock // 模拟请求数据\n│  │  │  index.js\n│  │  │  mock-handle.js // 数据处理\n│  │  │  mock-server.js // 正式环境使用配置\n│  │  │\n│  │  └─modules\n│  │\n│  ├─common 通用方法\n│  │  │ index.js\n│  │  │ filter.js\n│  │  │ form.js\n│  │  │ table.js\n│  │  │ theme.js\n│  │  │ utilsPanel.js\n│  │  │ maxScreenPanel.js\n│  │  │\n│  │  ├─map // 地图相关\n│  │  └─mapEvents // 地图事件\n│  │\n│  ├─config // 项目配置\n│  │    index.js\n│  │\n│  ├─components // 功能组件\n│  │\n│  ├─layout // 布局\n│  │  │\n│  │  │\n│  │  ├─ default // 基础布局\n│  │  │   │  index.vue\n│  │  │   │\n│  │  │   └─components // 布局组件\n│  │  │      │  index.js\n│  │  │      │\n│  │  │      ├─Header // 顶部\n│  │  │      ├─Main // 主页面\n│  │  │      └─Settings // 设置\n│  │  │\n│  │  ├─fullscreen // 全屏布局\n│  │  │\n│  │  └─router-view // N页面路由视图\n│  │\n│  ├─views // 视图\n│  │  │\n│  │  ├─account-manage // 用户管理\n│  │  ├─describe // 系统说明\n│  │  ├─error-page // 错误页面\n│  │  ├─login // 登录\n│  │  ├─redirect // 重定向\n│  │  └─map // 地图\n│  │\n│  ├─utils // 通用工具函数\n│  │    index.js\n│  │    auth.js // 读写token\n│  │    map.js // 地图通用工具\n│  │    request.js // 请求配置\n│  │    scroll-to.js // 页面滚动\n│  │    validate.js // 验证\n│  │\n│  └─router  // 路由配置\n│     │  index.js\n│     │\n│     └─modules // 分模块的动态路由\n│\n└─static // 静态资源\n```\n\n## 本地运行\n1. 安装依赖\n\u003e npm install\n2. 运行项目\n\u003e npm run dev\n3. 访问地址：http://localhost:6006\n\n* 通过IP地址访问，获取当前定位时会提示“定位失败，用户拒绝请求地理定位”，通过http://localhost:6006/ 访问可正常使用定位功能。定位功能，ArcGis官方示例，获取当前定位总是定位到兰州附近\n\n## 作者联系方式\n\nQQ：381612175\nTEL: 18376686974\n\ngithub：https://github.com/xLong1029/\n\n站酷主页：http://xlong.zcool.com.cn/\n\nUI 中国：http://i.ui.cn/ucenter/358591.html\n\n- 此项目做学习 Vue3 + Vite 测试使用，ArcGis 我只是外行","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-map-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxlong1029%2Fxlong-map-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-map-admin/lists"}