# bdca-continew-admin-ui **Repository Path**: bdca/bdca-continew-admin-ui ## Basic Information - **Project Name**: bdca-continew-admin-ui - **Description**: 全新 3.x 版本，基于 Gi Demo 前端模板开发的 ContiNew Admin 前端适配项目。 - **Primary Language**: TypeScript - **License**: Apache-2.0 - **Default Branch**: dev - **Homepage**: https://continew.top - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 413 - **Created**: 2026-03-10 - **Last Updated**: 2026-05-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Bdca ContiNew Admin UI ## 简介 ## 系统功能 - 仪表盘：提供工作台、分析页，工作台提供功能快捷导航入口、最新公告、动态；分析页提供全面数据可视化能力 - 个人中心：支持基础信息修改、密码修改、邮箱绑定、手机号绑定（并提供行为验证码、短信限流等安全处理）、第三方账号绑定/解绑（微信登录）、头像裁剪上传 - 消息中心：提供站内信消息统一查看、标记已读、全部已读、删除等功能（目前仅支持系统通知消息）、提供个人公告查看 - 用户管理：管理系统用户，包含新增、修改、删除、导入、导出、重置密码、分配角色等功能 - 角色管理：管理系统用户的功能权限及数据权限，包含新增、修改、删除、分配角色等功能 - 菜单管理：管理系统菜单及按钮权限，支持多级菜单，动态路由，包含新增、修改、删除等功能 - 部门管理：管理系统组织架构，包含新增、修改、删除、导出等功能，以树形列表进行展示 - 通知公告：管理系统公告，支持通知范围（所有人、指定用户）、通知方式（系统消息、登录弹窗）、定时发送、置顶设置 - 文件管理：管理系统文件及文件夹，支持回收站、上传/分片上传、下载、预览（目前支持图片、音视频、PDF、Word、Excel、PPT）、重命名、切换视图（列表、网格）等功能 - 字典管理：管理系统公用数据字典，例如：消息类型。支持字典标签背景色和排序等配置 - 系统配置： - 网站配置：提供修改系统标题、Logo、favicon、版权信息等基础配置功能，以方便用户系统与其自身品牌形象保持一致 - 安全配置：提供密码策略修改，支持丰富的密码策略设定，包括但不限于 `密码有效期`、`密码重复次数`、`密码错误锁定账号次数、时间` 等 - 登录配置：提供验证码开关等登录相关配置 - 邮件配置：提供系统发件箱配置，也支持通过配置文件指定 - 短信配置：提供系统短信服务配置，也支持通过配置文件指定 - 存储配置：管理文件存储配置，支持本地存储、兼容 S3 协议对象存储 - 客户端配置：多端（PC端、小程序端等）认证管理，可设置不同的 token 有效期 - 在线用户：管理当前登录用户，可一键踢除下线 - 日志管理：管理系统登录日志、操作日志，支持查看日志详情，包含请求头、响应头等报文信息 - 短信日志：管理系统短信发送日志，支持删除、导出 - 应用管理：管理第三方系统应用 AK、SK，包含新增、修改、删除、查看密钥、重置密钥等功能，支持设置密钥有效期 - 租户管理：管理租户信息，包含新增、修改、删除、分配角色等功能 - 租户套餐：管理租户套餐信息，包含新增、修改、删除、查看等功能 - 任务管理：管理系统定时任务，包含新增、修改、删除、执行功能，支持 Cron（可配置式生成 Cron 表达式） 和固定频率 - 任务日志：管理定时任务执行日志，包含停止、重试指定批次等功能 - 代码生成：提供根据数据库表自动生成相应的前后端 CRUD 代码的功能，支持同步最新表结构及代码生成预览 ## 系统截图 > [!TIP] > 受篇幅长度及功能更新频率影响，下方仅为系统 **部分** 功能于 **2024年11月18日** 进行的截图，更多新增功能及细节请登录演示环境或 clone 代码到本地启动查看。
登录页面 登录页面-H5
仪表盘 分析页
个人中心 消息中心
安全设置-修改邮箱 安全设置-修改邮箱-邮箱验证码
系统管理-系统配置 系统管理-安全配置
系统管理-用户管理-列表 系统管理-用户管理-新增
系统管理-角色管理-列表 系统管理-角色管理-新增
系统管理-菜单管理-列表 系统管理-菜单管理-新增
系统管理-公告管理-列表 系统管理-公告管理-修改
系统管理-字典管理-列表 系统管理-字典项管理
系统管理-文件管理-列表-2 系统管理-文件管理-查看文档
系统工具-代码生成-配置 系统工具-代码生成-预览
系统监控-在线用户 系统监控-系统日志-登录日志
系统监控-系统日志-操作日志 系统监控-系统日志-操作日志-详情
## 快速开始 > **Note** > 更详细的流程，请查看在线文档[《快速开始》](https://continew.top/docs/admin/guide/quick-start.html)。 ``` # 1.克隆本项目 git clone https://github.com/charles7c/continew-admin-ui.git git clone https://gitee.com/continew/continew-admin-ui.git # 2.在 IDE（Visual Studio Code/WebStorm）中打开前端项目 continew-admin-ui # 3.安装 pnpm npm install -g pnpm # 4.安装依赖 pnpm i # 5.启动程序 # 5.1 启动成功：访问 http://localhost:5173/ pnpm dev ``` ## 项目结构 ``` continew-admin-ui ├─ config # Vite 插件配置 ├─ public # 公共静态资源（favicon.ico、logo.svg） ├─ src │ ├─ apis # 请求接口 │ │ ├─ auth # 认证模块 │ │ ├─ code # 代码生成模块 │ │ ├─ common # 公共模块 │ │ ├─ monitor # 系统监控模块 │ │ ├─ open # 能力开放模块 │ │ ├─ tenant # 租户模块 │ │ ├─ schedule # 任务调度模块 │ │ └─ system # 系统管理模块 │ ├─ assets # 静态资源 │ │ ├─ icons # 图标资源 │ │ ├─ images # 图片资源 │ │ └─ fonts # 字体资源 │ ├─ components # 通用业务组件 │ ├─ config # 全局配置（包含 echarts 主题） │ │ └─ settings.json # 配置文件 │ ├─ directives # 指令集（如需，可自行补充） │ ├─ hooks # 全局 hooks │ ├─ layout # 布局 │ ├─ mock # 模拟数据 │ ├─ router # 路由配置 │ ├─ stores # 状态管理中心 │ ├─ types # TypeScript 类型 │ ├─ utils # 工具库（mock 全局开启/关闭） │ ├─ views # 页面 │ │ ├─ code # 代码生成 │ │ │ └─ generator # 代码生成 │ │ ├─ dashboard # 仪表盘 │ │ │ ├─ analysis # 分析页 │ │ │ └─ workplace # 工作台 │ │ ├─ default # 默认页面 │ │ ├─ login # 登录模块 │ │ ├─ setting # 设置 │ │ │ ├─ profile # 个人中心 │ │ │ └─ message # 消息中心 │ │ ├─ monitor # 系统监控 │ │ │ ├─ log # 系统日志 │ │ │ │ ├─ login # 登录日志 │ │ │ │ └─ operation # 操作日志 │ │ │ └─ online # 在线用户 │ │ ├─ open # 能力开放 │ │ │ └─ user # 应用管理 │ │ ├─ tenant # 租户管理 │ │ │ ├─ management # 租户管理 │ │ │ └─ package # 套餐管理 │ │ ├─ schedule # 任务调度 │ │ │ ├─ job # 任务管理 │ │ │ └─ log # 任务日志 │ │ └─ system # 系统管理 │ │ ├─ config # 系统配置 │ │ ├─ dept # 部门管理 │ │ ├─ dict # 字典管理 │ │ ├─ file # 文件管理 │ │ ├─ menu # 菜单管理 │ │ ├─ notice # 通知公告 │ │ ├─ role # 角色管理 │ │ ├─ storage # 存储管理 │ │ └─ user # 用户管理 │ ├─ App.vue │ └─ main.ts ├─ .env.development # 开发环境配置 ├─ .env.production # 生产环境配置 ├─ .env.test # 测试环境配置 ├─ eslint.config.js # ESLint 配置 ├─ index.html ├─ package.json ├─ package-lock.json ├─ pnpm-lock.yaml ├─ tsconfig.json ├─ vite.config.ts ├─ .gitignore（Git 忽略文件相关配置文件） ├─ .github（GitHub 相关配置目录，实际开发时直接删除） ├─ .image（截图目录，实际开发时直接删除） ├─ .vscode（VSCode 配置目录） ├─ LICENSE（开源协议文件） ├─ CHANGELOG.md（更新日志文件，实际开发时直接删除） └─ README.md（项目 README 文件，实际开发时替换为真实内容） ```