一、源码介绍

这是一款经过个人深度整改后打造的HTML版网页密码管理系统，专为企业内部销售助理及管理人员设计。系统以纯前端方式运行，无需复杂部署，打开浏览器即可使用。核心场景是帮助销售助理快速记录、分类并访问客户ERP系统网址，同时可灵活指定使用某个已安装的浏览器打开目标网页，提升日常操作效率。

与普通密码本不同，本系统更强调浏览器级别的访问路由与本地化数据存储，兼顾便捷性与隐私性。无论是日常客户管理，还是ERP系统集中入口，都能在一个轻量化的网页中完成。

二、核心功能

1. 网址指定浏览器访问
系统支持在后台为每个客户ERP地址手动配置默认浏览器（如Edge、Chrome、Firefox等）。销售助理点击“访问客户ERP”按钮时，系统会自动判断当前电脑是否已安装所选浏览器。若未安装，则弹出友好提示，引导用户安装对应浏览器后再访问。

2. 管理员后台全面整改
管理员在添加或编辑客户ERP信息时，可选择访问时使用的浏览器类型。数据填写后自动保存，避免误操作丢失。后台同时新增数据导入与导出JSON功能，便于管理员快速迁移、备份或批量添加客户资料。

3. 支持Excel批量导入导出
系统内置Excel解析能力，支持.xls、.xlsx格式的批量数据导入和导出。对于已有大量客户数据的团队，可以直接从表格中批量上传，省去逐条录入的麻烦。

4. 本地化存储
所有密码、网址及设置项均改用以localStorage方式保存在用户本地浏览器中，不再依赖服务器数据库，数据隐私性更强，响应速度更快。同时支持一键备份数据库，下载完整的JSON数据文件。

5. 多主题切换
界面内置8种颜色主题（红、橙、黄、绿、蓝、紫、粉等），用户可根据个人喜好或团队风格一键切换，视觉体验更加友好。

三、技术特点

本系统为纯HTML + CSS + JavaScript前端应用，集成多个优秀开源库：

使用sql.js（SQLite Web版）辅助SQL相关能力；通过SheetJS (xlsx)实现Excel文件的读写解析；借助CryptoJS完成关键数据的加密处理。整体界面采用响应式设计，在不同屏幕尺寸下均能正常操作。

在代码结构上，系统采用CSS变量实现动态主题切换，配合模块化函数管理多个业务页面。UI组件（如表格、弹窗、按钮）均经过重新打磨，交互反馈清晰，视觉风格统一。

四、使用说明

管理员端：默认后台登录密码为 admin123。管理员登录后可添加、编辑、删除客户ERP信息，并为每条记录指定访问浏览器，同时可执行导入、导出、备份等高权限操作。

员工端：员工查看密码及访问客户系统的默认密码为 employee2024。员工登录后仅可查看已分配的客户ERP信息，并一键在指定浏览器中打开对应网址。

在浏览器访问提示弹窗中，用户可以选择“不再提醒”，系统将记住该选择；下次点击访问时会直接用已配置的浏览器打开，减少重复确认。

五、安全与数据备份

系统不将密码明文暴露在页面上，查看时默认显示掩码状态，点击后才可显示原文，避免旁人窥视。浏览器配置检测机制有效防止因默认浏览器不符造成的访问失败或安全隐患。

数据存储于localStorage，但系统提供完整的JSON导出备份功能，用户可将数据库文件下载到本地保存。同时支持Excel导入导出，能够在不同设备间进行数据迁移。建议管理员定期点击“备份数据库”，将完整数据文件妥善归档。

六、适用场景

本系统非常适合以下场景使用：

销售团队每天需要进入不同客户的ERP后台，每个ERP网址可能要用不同浏览器兼容打开；管理人员希望统一维护客户账号并分配访问权限；行政或运营人员需要将分散在各处的密码在本地集中管理，同时不想租用服务器数据库。该HTML系统以零依赖、易部署、纯本地存储的特点，提供了一个轻量而高效的解决方案。

七、界面展示

系统界面简洁、层级明确，顶部提供主题色板以及功能标签切换，中部为密码列表和工具栏，整体操作流畅，适合日常高频使用。