{"id":18914330,"url":"https://github.com/xlong1029/xlong-admin-angular","last_synced_at":"2026-02-28T10:04:28.667Z","repository":{"id":126691109,"uuid":"189170917","full_name":"xLong1029/xlong-admin-angular","owner":"xLong1029","description":"基于 Angular + Ng Alain +Bmob 开发的单页面响应式管理后台系统示例","archived":false,"fork":false,"pushed_at":"2023-10-08T04:04:31.000Z","size":57236,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T09:44:45.899Z","etag":null,"topics":["angular","angular-cli","bmob","canvas","ng-alain","ng-zorro-antd"],"latest_commit_sha":null,"homepage":"https://xlong1029.github.io/xlong-admin-angular/#/passport/login","language":"Less","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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-05-29T07:14:06.000Z","updated_at":"2023-04-07T05:07:54.000Z","dependencies_parsed_at":"2024-11-08T10:11:13.359Z","dependency_job_id":"8599560a-9a22-470a-bdd5-5e56f81a89c4","html_url":"https://github.com/xLong1029/xlong-admin-angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xLong1029/xlong-admin-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xLong1029","download_url":"https://codeload.github.com/xLong1029/xlong-admin-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29929613,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-28T09:58:13.507Z","status":"ssl_error","status_checked_at":"2026-02-28T09:57:57.047Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","angular-cli","bmob","canvas","ng-alain","ng-zorro-antd"],"created_at":"2024-11-08T10:11:03.347Z","updated_at":"2026-02-28T10:04:28.622Z","avatar_url":"https://github.com/xLong1029.png","language":"Less","readme":"# xlong-admin-angular\n\n## 重要通知！！！ \n我的账号在Github开启2FA设置后，因某种原因丢失恢复码导致账号无法登录，日后该账号下的所有项目在github不再更新，若想查看持续更新的项目请移步到 [我的码云仓库](https://gitee.com/xlong1029)\n\n## 介绍\n\nxlong-admin-angular 是一套基于 Angular + Ng Alain + Bmob + BMap 开发的单页面响应式管理后台系统应用示例。  \n\n温馨提示：  \n1. 因我的Bmob用的是开发版套餐（2022 年 5 月 5 日起，Bomb已对开发版应用创建时间超过 12 个月的停止免费服务），所有查询只有全匹配查询，无模糊查询，请根据自行需求进行修改。\n2. 部署到github的站点是https的，上传到Bmob的图片地址是http，在所以线上项目浏览器会报Mixed Content错误，并且无法显示图片，本地运行项目无此问题，建议使用本地运行查看效果。\n3. 如果要测试删除功能，请自行添加再删除，请保留我原有的测试数据\n\n* 该项目仅作学习参考，请勿商用，将持续添加功能……\n\n## 项目展示\n\n\u003e DEMO地址：https://xlong1029.github.io/xlong-admin-angular/#/passport/login\n\n## 项目迭代\n\n1. 2021-08-10\n\n    hydrogen-js-sdk v2.x版本请求服务器会提示“请求到达服务器超过了规定的时间”，官方暂时未给予答复，降至使用v1.7.0版本\n\n2. 2020-03-26\n\n    新增：GIS地图示例 \u003cbr/\u003e\n    包含功能：监控资源列表、资源聚点显示、资源定位打点、灯杆控制、气象信息获取等\n    \n## 项目说明\n\n#### 1. 前后端分离开发模式\n- **前端**：Angular + Ng Alain\n- **后端**：Bmob\n\n#### 2. 项目用到技术、框架与插件\n[angular](https://github.com/angular)\u003cbr/\u003e\n[ng-alain](https://github.com/ng-alain/ng-alain)\u003cbr/\u003e\n[ng-zorro-antd](https://github.com/NG-ZORRO/ng-zorro-antd)\u003cbr/\u003e\n[BMap](http://lbsyun.baidu.com/index.php?title=jspopularGL)\u003cbr/\u003e\n\n#### 3. 浏览器兼容性\n由于是响应式页面，PC和移动设备都能统一访问，并且用到了部分版本比较高的插件，所以主要兼容浏览器：IE10+、IE Edge、Safai、Firefox、Chrome等。\n\n## 权限功能\n账户分超级管理员、管理员和普通用户，不同角色拥有不同的操作权限：\n\n- **超级管理**： 查看、编辑、删除、启用、禁用\n- **管理员**：查看、启用、禁用\n- **普通用户**：查看\n\n## 部分项目运行截图\n* 登录界面\n\n![Image text](static/images/screen-1.gif)\n\n* 个人资料\\修改密码\n\n![Image text](static/images/screen-2.gif)\n\n* 用户管理功能\n\n![Image text](static/images/screen-3.gif)\n\n![Image text](static/images/screen-4.gif)\n\n* Canvas示例\n\n![Image text](static/images/screen-5.gif)\n\n* GIS地图示例\n\n![Image text](static/images/screen-6.gif)\n\n![Image text](static/images/screen-7.gif)\n\n![Image text](static/images/screen-8.gif)\n\n![Image text](static/images/screen-9.gif)\n\n## 目录结构\n\n```\n│  .editorconfig // 代码编辑器的配置\n│  .gitignore\n│  .prettierignore\n│  .prettierrc\n│  .stylelintrc\n│  angular.json // 为工作区中的所有项目指定 CLI 的默认配置，可添加第三方插件/字体包\n│  browserslist // 配置各种前端工具之间共享的目标浏览器和 Node.js 版本\n│  karma.conf.js\n│  package.json\n│  package-lock.json\n│  proxy.conf.json\n│  tsconfig.app.json\n│  tsconfig.json // 工作空间中各个项目的默认 TypeScript 配置，可定义路径别名\n│  tsconfig.spec.json\n│  tslint.json\n│  README.md\n│\n├─src\n│  │  favicon.ico // 应用图标\n│  │  hmr.ts // 热更新配置\n│  │  index.html // 首页入口文件\n│  │  main.ts // 项目入口，可在此配置Bmob服务\n│  │  polyfills.ts // 引用的ES6/ES7方法可以放在这里\n│  │  style-icons.ts // 手动配置的 nz-zorro 图标\n│  │  style-icons-auto.ts // 通过指令配置的 nz-zorro 图标\n│  │  styles.less\n│  │  test.ts\n│  │  typings.d.ts\n│  │\n│  ├─assets // 资源目录，这里的资源会被构建\n│  ├─common // 通用配置\n│  ├─environments // 环境配置\n│  ├─bmob // Bmob后端云配置\n│  │  bmob-server.ts // 封装bmob的增删改查数据方法 \n│  │\n│  ├─styles // 可覆盖ng-alain样式配置\n│  │  index.less // 通用样式\n│  │  theme.less // 主题样式\n│  │\n│  └─app\n│     │  app.component.ts\n│     │  app.global.ts // 配置全局变量\n│     │  app.module.ts\n│     │  app-routing.module.ts\n│     │  delon.module.ts\n│     │\n│     ├─core\n│     │  │   index.ts\n│     │  │   core.module.ts\n│     │  │   module-import-guard.ts\n│     │  │   README.md\n│     │  │\n│     │  ├─net // 网络配置\n│     │  └─startup // 项目启动配置\n│     │\n│     ├─layout // 页面布局相关模块\n│     │\n│     ├─routes // 路由相关模块\n│     │  │  routes.module.ts\n│     │  │  routes-routing.module.ts // 路由配置\n│     │  │\n│     │  ├─admin // 管理后台相关页面\n│     │  │  ├─account // 个人设置页面\n│     │  │  ├─example // 示例相关页面\n│     │  │  ├─home // 后台主页\n│     │  │  └─user-manage // 用户管理相关页面\n│     │  │\n│     │  ├─callback // 回调页面\n│     │  ├─dashboard // 仪表盘页面（已废弃使用，改用admin/home）\n│     │  ├─exception // 异常相关页面\n│     │  ├─passport // 通行认证相关页面（包括登录、注册）\n│     │  ├─guard // 路由守卫配置\n│     │  └─public // 公用模块\n│     │\n│     └─shared\n│        │  index.ts\n│        │  shared.module.ts\n│        │\n│        ├─directive // 自定义指令\n│        ├─pipe // 自定义管道\n│        ├─utils // 自定义工具箱\n│        └─json-schema\n│\n├─scripts\n│\n├─e2e\n│\n└─_mock // mock请求文件\n```\n\n## 本地运行\n1. 安装前台依赖\n\u003e npm install\n\n2. 运行项目\n* 默认端口启动：\n\u003e npm start\n\n访问地址：http://localhost:4200\n\n* 自定义端口启动：\n\u003e ng serve --port 4201 --open\n\n访问地址：http://localhost:4201，--open 指令会自动启动浏览器\n\n## 项目测试\n\u003e npm run test\n\n## 项目打包\n\u003e npm run build\n\n## Angular官方项目学习\n在线例子： https://stackblitz.com/angular/vmeynjlxkqa\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* 此项目做学习Angular测试使用，有什么问题可联系我讨论\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-admin-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxlong1029%2Fxlong-admin-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-admin-angular/lists"}