硬件资产管理系统

MISSION BRIEFING

ASP.NET 期末作业，硬件资产管理系统

完成方式

Solo

独立完成，我负责需求、UI、后端以及数据库。

技术栈

Web Forms

ASP.NET Web Forms、C#、ADO.NET 以及 SQL Server。

核心能力

CRUD

资产信息增删改查，配合列表展示与搜索。

控件

GridView

数据呈现与分页，TreeView 负责导航组织。

安全

Param Query

参数化查询与会话管理，降低常见安全风险。

风格

主题化

项目内置赛博朋克风格主题与 Canvas 背景动效，这里展示时我保留内容，但不迁移它的样式。

SCREEN TOUR

作品展示

点击图片可放大查看

1 / 6

页面列表

点击缩略图切换；点击右侧大图可放大查看

当前预览

点击图片可放大查看；放大后支持：滚轮缩放 · 拖拽平移 · ←/→ 切图 · Esc 关闭

硬件管理系统 - 用户登录界面

项目概述

“硬件资产管理系统”是我在 “ASP.NET” 课程期末作业里独立完成的一套 Web 应用。我基于 ASP.NET Web Forms 把“资产台账”这种常见场景拆成更可操作的功能模块。用户体系这部分，我把注册、登录、个人资料展示以及密码修改这些环节串成一条完整流程。资产管理这部分，我把硬件信息的增删改查做成可直接落地使用的管理界面，让日常的登记、查询以及维护工作能够按流程顺畅跑通。

界面上我选用赛博朋克风格作为视觉方向，以黑色背景配合亮蓝与红色霓虹效果来强化辨识度，并且尽量让页面在同一套样式语言下保持统一，这样在操作不同模块时不会有割裂感。

技术栈

FRONTEND

前端技术

ASP.NET Web Forms 4.7.2
HTML5
CSS3
JavaScript

前端技术，控件与交互

自定义 Canvas 动画
TreeView 控件
GridView 数据控件

BACKEND

后端技术

C#
ADO.NET 数据访问
SQL Server 数据库
ASP.NET 会话状态管理
Microsoft.CodeDom 2.0.1
Microsoft SQL Server

开发过程

1
需求分析与数据库设计
先把用户账户表 UserAccounts_TechForge 以及硬件资产表 HardwareInventory_TechForge 的结构进行设计，并据此明确系统的主要功能边界以及用户角色划分。
2
界面设计与实现
我把整体视觉做成赛博朋克取向，我以黑底为基调，并且用 #00f0ff 蓝色以及 #ff003c 红色霓虹色来做强调，从而把科技感的界面氛围做出来。同时也补齐了 Logo 与动态背景，并依靠 CSS 把全站样式统一到同一套规范里。
3
功能模块开发
在功能层面，我把用户管理模块做完整，包含注册、登录以及修改密码。硬件资产管理模块则覆盖查询、添加、修改以及删除。页面结构上我借助 SiteMaster 母版页把整个网站的页面结构与风格统一起来。
4
测试与优化
我对各个功能模块逐项做了测试与回归，确保系统在稳定性以及安全性方面都能达到作业要求。同时也补上了参数化查询等防护手段，用来降低潜在 SQL 注入风险，并对整体交互体验做了收尾优化。

功能亮点

系统提供用户注册入口，注册时支持选择不同用户类型，便于后续做角色区分。

登录之后会基于 Session 维护身份状态，这样在页面之间跳转时也能保持已登录。

账号安全这块我补上了修改密码流程，同时也把个人信息展示做出来，方便用户随时确认自己的身份信息。

资产列表使用 GridView 做数据展示，并配合分页功能来承接较多条目时的浏览压力。

在查询上我支持按硬件名称以及厂商做模糊搜索，这样在数据量增长后也能更快定位目标设备。

资产信息维护这块，我把添加、编辑以及删除这三类操作都做成了可直接使用的管理流程，保证台账能持续更新。

页面布局做了适配处理，保证在不同屏幕尺寸下也能正常使用。

视觉氛围上我加入了矩阵特效风格的动态背景，用来强化科技感，同时不影响主要信息的阅读。

导航方面我选用 TreeView 以及 SiteMap 来组织页面结构，并且补齐了系统 Logo，让整体识别度更统一。

在数据访问上我统一走 ADO.NET，并保持连接在使用后及时释放，让连接复用机制能正常发挥作用。

查询部分我优先使用参数化查询来降低 SQL 注入风险，同时在需要保持一致性的写入场景里也会配合事务来保证数据完整性。

系统使用 Session 来跟踪用户登录状态，并把管理能力和普通浏览能力做出边界，避免未登录直接访问内部页面。

项目概述

开发过程

需求分析与数据库设计

先把用户账户表 UserAccounts_TechForge 以及硬件资产表 HardwareInventory_TechForge 的结构进行设计，并据此明确系统的主要功能边界以及用户角色划分。

界面设计与实现

我把整体视觉做成赛博朋克取向，我以黑底为基调，并且用 #00f0ff 蓝色以及 #ff003c 红色霓虹色来做强调，从而把科技感的界面氛围做出来。同时也补齐了 Logo 与动态背景，并依靠 CSS 把全站样式统一到同一套规范里。

功能模块开发

在功能层面，我把用户管理模块做完整，包含注册、登录以及修改密码。硬件资产管理模块则覆盖查询、添加、修改以及删除。页面结构上我借助 SiteMaster 母版页把整个网站的页面结构与风格统一起来。

测试与优化

我对各个功能模块逐项做了测试与回归，确保系统在稳定性以及安全性方面都能达到作业要求。同时也补上了参数化查询等防护手段，用来降低潜在 SQL 注入风险，并对整体交互体验做了收尾优化。

功能亮点

系统提供用户注册入口，注册时支持选择不同用户类型，便于后续做角色区分。

登录之后会基于 Session 维护身份状态，这样在页面之间跳转时也能保持已登录。

账号安全这块我补上了修改密码流程，同时也把个人信息展示做出来，方便用户随时确认自己的身份信息。

资产列表使用 GridView 做数据展示，并配合分页功能来承接较多条目时的浏览压力。

在查询上我支持按硬件名称以及厂商做模糊搜索，这样在数据量增长后也能更快定位目标设备。

资产信息维护这块，我把添加、编辑以及删除这三类操作都做成了可直接使用的管理流程，保证台账能持续更新。

页面布局做了适配处理，保证在不同屏幕尺寸下也能正常使用。

视觉氛围上我加入了矩阵特效风格的动态背景，用来强化科技感，同时不影响主要信息的阅读。

导航方面我选用 TreeView 以及 SiteMap 来组织页面结构，并且补齐了系统 Logo，让整体识别度更统一。

在数据访问上我统一走 ADO.NET，并保持连接在使用后及时释放，让连接复用机制能正常发挥作用。

查询部分我优先使用参数化查询来降低 SQL 注入风险，同时在需要保持一致性的写入场景里也会配合事务来保证数据完整性。

系统使用 Session 来跟踪用户登录状态，并把管理能力和普通浏览能力做出边界，避免未登录直接访问内部页面。

项目概述

技术栈

开发过程

功能亮点

用户管理系统