izike

全面升级的在线资产管理系统:优化、功能增强与响应式设计-建站教程

2026年1月24日更新:1、所有图标及字体改为本地存储,以便更快加载2、修复了列显示的问题;3、左侧导航栏为小屏屏幕做了显示优化;4、增加清空日志功能;5、修复一些BUG,详见更新日志。版本号更新为v2.0.2

2026年1月21日更新:修复无法添加硬件类型、软件类型的BUG;左侧导航栏增加类型管理项;详细更新内容请见更新日志。另外,为不会搭建环境的朋友能用上这个系统,我打了个可执行包放在度盘上。因没有签名所以有被安全软件误杀的可能,如果介意的话还请使用附件中的源代码自行编译。2026年1月20日更新:今天重磅更新,同时更新了两个版本:v1.5版本增加了多用户,但没有审批流程,适用于小企业只需要管理资产数据、没有复杂审批流程。v2.0版本增加了多用户及审批流程,即:用户录入资产信息后还需要有一步审核步骤,数据才可以录入到数据库中。适用于大一些对于流程审批有要求的企、事业单位。两个版本我都放在附件里,大家各取所需,需要简单流程的请用v1.5版本;需要审批流程的请用v2.0版本。具体更新请见更新日志2026年1月18日更新:可以自定义“设备类型”及“软件类型”了。2026年1月8日更新:1、可以随自定义字段自动更新模板文件;2、模板字段不必拘泥于在哪列,不论在哪列,只要系统里添加了这个字段,导入时会自动检测相应字段信息。自动更新模板使用说明:务必先在系统内添加字段,再到“导入硬件资产”页面下载自动更新过的模板。

更新日志

[md]## v2.0.2 (2026-01-24)本地化样式优化与图标系统升级

🎨 样式本地化优化

图标字体本地化

将Bootstrap图标字体文件完整下载到本地 static/icons/bootstrap-icons/
本地化字体文件包括:bootstrap-icons.woff2bootstrap-icons.woff
确保图标系统完全不依赖CDN,提高访问稳定性

字体加载策略优化

更新字体显示策略为 font-display: swap,减少FOIT(无样式文本闪烁)问题
优化字体加载检测机制,提供平滑的视觉过渡
添加字体加载状态管理(加载中/加载完成/加载失败)

预加载策略精简

移除冗余的字体文件预加载指令
优化资源预加载策略,专注于CSS和JS关键资源
消除浏览器控制台预加载警告

⚡ 性能与体验优化

图标加载优化:实现零闪烁图标显示体验
资源路径统一:标准化字体文件引用路径
状态反馈系统:实时反馈字体加载状态
错误处理增强:字体加载失败时的优雅降级处理

🔧 技术架构改进

字体文件管理:建立统一的图标字体目录结构
加载状态控制:JavaScript驱动的字体加载状态管理系统
样式继承优化:确保图标样式在字体加载过程中的视觉连续性

📱 响应式设计优化

导航栏移动端适配

优化首页左侧导航栏,支持小屏幕设备完整显示
添加移动端侧边栏覆盖层和关闭按钮
实现自适应垂直滚动条,确保长导航菜单可滚动查看
响应式CSS媒体查询适配不同屏幕尺寸

操作日志页面优化

为管理员用户添加”清空操作日志”功能
支持一键清空所有操作日志记录
添加CSRF保护和操作确认对话框,防止误操作

🛠️ 功能增强与问题修复

资产名称术语统一

将系统中”设备名称/类型”统一为”资产名称/类型”
更新数据模型、模板、服务和文档中的相关术语
确保硬件资产列表、审批页面、导入导出等所有界面显示一致

列显示设置修复

修复硬件资产列表”列显示与排序”页面中资产名称字段缺失问题
修正column_settings路由逻辑,确保ordered_columns变量正确传递到模板
解决列选择与排序功能中字段显示不完整的问题

代码质量与一致性

统一所有模板文件中的资产相关术语
更新使用说明文档和API注释中的字段描述
增强系统整体术语一致性和用户体验

## v2.0.1 (2026-01-21)**类型管理功能增强与问题修复**### &#128640; 新增功能1. **类型管理页面**   – 在导航栏”系统设置”下新增”类型管理”子类   – 统一管理硬件资产类型和软件资产类型   – 管理员专属功能,普通用户不可见2. **类型管理界面**   – 采用标签页设计:硬件类型 / 软件类型   – 显示类型代码、名称、颜色、排序、系统标识   – 提供类型删除功能(非系统类型)3. **类型删除功能**   – 支持删除自定义类型(非系统预设类型)   – 安全保护:系统预设类型无法删除   – 使用中检查:有资产使用的类型无法删除### &#128295; 问题修复1. **CSRF令牌缺失问题**   – 修复类型删除时”Bad Request The CSRF token is missing”错误   – 在删除表单中添加CSRF令牌隐藏字段   – 确保所有POST请求受CSRF保护2. **字段名错误问题**   – 修复删除类型时”Entity namespace has no property ‘asset_type_id'”错误   – 修正查询逻辑:使用类型代码而非不存在的ID字段   – 硬件类型查询:`asset_type = 类型代码`   – 软件类型查询:`software_type = 类型代码`3. **数据模型匹配**   – 正确理解数据模型设计:使用字符串代码关联而非外键ID   – 确保删除前检查逻辑与实际数据模型一致### &#128202; 技术实现- **路由路径**: `/settings/types`- **权限控制**: `@admin_required`装饰器保护- **模板文件**: `templates/settings/type_management.html`- **删除路由**:  – 硬件类型: `/settings/hardware-types/<id>/delete`  – 软件类型: `/settings/software-types/<id>/delete`### &#127919; 用户体验- **导航优化**: 类型管理入口位于管理员权限区域- **界面友好**: 采用Bootstrap标签页,分类清晰- **操作安全**: 删除前二次确认,防止误操作- **反馈明确**: Flash消息提示操作结果### v2.0 (2026-01-20)**重大更新:多级审批系统**1. &#9989; **三级角色权限体系**   – 管理员(admin):最高权限,管理所有用户和资产   – 部门经理(manager):审批本部门资产   – 员工(employee):创建和管理自己的资产2. &#9989; **多级审批流程**   – 资产状态:草稿→待审批→已批准/已拒绝   – 两级审批:部门经理审批→管理员审批   – 完整审批记录追踪   – 支持撤回、覆盖审批3. &#9989; **部门管理**   – 部门增删改查   – 部门经理指定   – 用户部门分配   – 基于部门的数据隔离   – 部门级别”查看全部资产”权限配置4. &#9989; **用户管理增强**   – 新用户注册需管理员批准   – 批量导入用户(Excel)   – 管理员重置用户密码   – 删除用户(资产自动转移)5. &#9989; **审批待办页面**   – 显示待审批资产列表   – 一键批准/拒绝   – 填写审批意见6. &#9989; **数据权限隔离**   – 员工只能查看自己的资产   – 部门经理可查看本部门资产   – 指定部门可查看全部资产   – 管理员可查看所有资产### V1.5 多用户版本 (2026-01-20)#### 新增功能1. **用户认证系统**   – 用户注册/登录/登出功能   – 密码加密存储(使用bcrypt)   – 会话管理和记住登录   – 用户个人设置页面2. **权限控制系统**   – 角色系统:管理员(admin)和普通用户(user)   – 管理员可查看所有用户数据   – 普通用户只能查看自己的数据   – 敏感操作(用户管理、AD同步)仅限管理员3. **数据隔离**   – 硬件资产关联用户ID   – 软件资产关联用户ID   – 所有查询自动过滤当前用户数据   – Excel导入自动关联当前用户4. **安全增强**   – CSRF防护   – 操作审计日志   – 用户状态管理(启用/禁用)5. **用户管理(管理员)**   – 用户列表查看   – 启用/禁用用户   – 角色切换## 默认账户- 用户名: `admin`- 密码: `admin123`- 角色: 管理员**请首次登录后立即修改密码!**### v1.4 (2026-01-18)**功能改进:**1. &#9989; **自定义设备类型**   – 硬件资产添加/编辑页面支持新增设备类型   – 新增的类型自动同步到筛选下拉框、列表显示、导入导出   – 支持设置类型显示颜色(蓝/绿/红/黄/灰等)2. &#9989; **自定义软件类型**   – 软件资产添加/编辑页面支持新增软件类型   – 新增的类型自动同步到所有相关页面   – 支持设置类型显示颜色3. &#9989; **类型管理优化**   – 默认类型(电脑/打印机/服务器等)不可删除   – 自定义类型在有资产使用时不可删除   – 导入导出自动识别自定义类型**技术细节:**- 新增 `AssetType` 模型存储硬件设备类型- 新增 `SoftwareTypeOption` 模型存储软件类型- 新增类型管理API(/api/asset-types、/api/software-types)- 优化Excel导入导出动态获取类型映射- 前端表单支持实时添加新类型**新功能截图:**

### v1.3 (2026-01-08)**功能改进:**1. &#9989; **导入模板自动更新**   – 下载硬件导入模板时自动包含所有自定义字段   – 系统字段使用蓝色表头,自定义字段使用绿色表头区分   – 添加新自定义字段后无需手动更新模板2. &#9989; **导入时自动识别自定义字段**   – Excel导入时自动检测表头中的自定义字段   – 支持按字段名称或field_key匹配   – 自动将自定义字段值保存到资产记录**技术细节:**- 新增 `get_custom_fields()` 方法获取所有自定义字段- 新增 `build_custom_field_map()` 方法构建字段名称映射- 优化 `generate_hardware_template()` 动态生成包含自定义字段的模板- 优化 `import_hardware_from_excel()` 支持自定义字段自动检测和导入[/md]2026年1月7日更新说明:增加了自定义字段功能,可以拖拽排序显示字段。

v1.2 (2026-01-07)

新增功能:

✅ 自定义字段功能

支持为硬件资产添加自定义字段
字段类型支持:文本、数字、日期、下拉选择
可设置字段是否必填、是否在列表显示
自定义字段与系统字段统一管理

✅ 列显示设置

可自由选择硬件列表中显示的列
支持拖拽调整列的显示顺序
系统字段和自定义字段可混合排列

✅ 表单字段排序

可自定义添加/编辑表单中字段的显示顺序
支持拖拽排序,所见即所得
系统字段和自定义字段可自由排列

技术细节:

新增 CustomField 模型存储自定义字段定义
新增 HardwareCustomFieldValue 模型存储自定义字段值
扩展 ColumnSetting 模型支持列排序和表单字段排序
新增设置蓝图(settings_bp)统一管理配置页面
前端使用 SortableJS 实现拖拽排序

V1.2更新内容截图:

资源下载
网盘分流与高速直链下载入口

⚡ 高速直链
FAST

🔒
登录后可见会员下载
登录后可查看会员专享高速直链

登陆博客
注册用户

🚨如当前文章或资源存在一些违规,麻烦友友们点击此链接进行举报,站长会第一时间进行处理,非常感谢!

izike博客

价格: 8 元

游客在线付费下载

THE END
点赞8