AngularHTML后台

architectui-angular-theme-free — Angular 后台模板

作者 DashboardPack

基于 Angular 22 与 Bootstrap 5 的免费后台模板，采用 Zoneless 与 Signals，内置图表、表格和登录注册页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。 本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Angular 22 Zoneless 架构，移除 zone.js 后 polyfills 从 91KB 降至 1.6KB

02

Bootstrap 5.3.8 直接来自 npm，通过主题变量覆盖，无内置副本

03

Signals 用于共享 UI 状态与 viewChild 查询，NgRx 管理主题配置

04

内置 Chart.js 图表、数据表格、表单与 UI 组件示例

05

提供登录、注册、密码恢复等用户页面模板

06

Vite + esbuild 构建，ESLint 10 flat config，npm audit 报告 0 漏洞

模板详细介绍

ArchitectUI Angular Free 是 DashboardPack 推出的免费后台模板，技术栈以 Angular 22 为核心，搭配 Bootstrap 5.3.8、Chart.js 4 与 Font Awesome 7。它最突出的特点是紧跟 Angular 新范式：Zoneless 运行、Signals 驱动共享状态、NgRx 管理主题配置，构建走 Vite + esbuild，依赖树中没有 webpack。

内容层面覆盖仪表盘分析页、UI 元素、组件（标签页、手风琴、模态框、分页等）、表单、数据表格和多种图表，并附带登录、注册、找回密码等用户页面，以及懒加载的 /docs 内置文档。适合需要快速搭建管理后台、SaaS 控制台或内部工具界面的 Angular 项目，尤其是希望用较新框架版本起步的团队。

需要注意，登录、注册等页面只是模板页面，README 未说明已接入真实认证或后端接口。此外，@ng-bootstrap 与 @ngrx 尚未发布 Angular 22 正式构建，当前通过 legacy-peer-deps 安装，升级时需核对兼容性。许可证标注为 MIT，但仓库的 licenseStatus 为 review，商用前建议确认授权范围。

AngularHTML后台

适合你的项目吗？

适用场景

  • Angular 管理后台或 SaaS 控制台的前端起步
  • 需要图表、表格和表单组件的内部数据界面
  • 希望采用 Zoneless 与 Signals 新范式的 Angular 项目原型

适合人群

  • 使用 Angular 且需要现成后台布局的团队
  • 接受 Bootstrap 视觉体系并希望快速搭建界面的开发者
  • 关注较新 Angular 版本与构建工具链的前端项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    Node.js 需为 ^20.19.0、^22.12.0 或 >=24，推荐 22.x LTS

  2. 2

    需要 Angular CLI 21+，安装后执行 ng serve 启动开发服务器

  3. 3

    子目录部署使用 npm run build:prod，根域名部署使用 ng build --configuration production

  4. 4

    Apache 需随构建产物部署 .htaccess，Nginx 需配置 try_files 回退到 index.html

  5. 5

    登录、注册等页面为模板页面，未说明已接入真实认证或后端接口

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

免费版代码按MIT许可可免费使用、修改和商用，仅需保留版权与许可声明；Pro版为可选付费升级，不影响免费版授权。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留版权声明和许可声明

额外费用与待核对事项

  • Pro版为独立付费产品，其条款未提供
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

README 原文

Permission is hereby granted, free of char

许可证原文
https://github.com/DashboardPack/architectui-angular-theme-free/blob/master/LICENSEhttps://github.com/DashboardPack/architectui-angular-theme-free/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 86 / 100
技术栈
Angular · HTML
网站类型
后台
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-07-30
截图检查日期
2026-09-07

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Angular。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

ngx-admin

ngx-admin

Customizable admin dashboard template based on Angular 10+

Angular · 后台

material-angular-dashboard

material-angular-dashboard

Material Angular Admin Template

Angular · 后台

ng-devui-admin

ng-devui-admin

Customizable admin dashboard template based on Angular and DevUI

Angular · 后台

angular-material-template

angular-material-template

Responsive Angular Material admin application template built on top of Angular, Angular Material and other ope…

Angular · 后台

lightning-admin-angular

lightning-admin-angular

A mobile first design of a responsive admin template built with angular and bootstrap

Angular · 后台

StarAdmin-Free-Angular-Admin-Template

StarAdmin-Free-Angular-Admin-Template

StarAdmin Free Angular Admin Template 是一个基于 Angular 7 和 Bootstrap 4 的免费后台管理模板，由 BootstrapDash 团队维护。

Angular · 后台