Build a URL shortening service frontend using HTML5, CSS3, JavaScript and a backend API. Create a clean interface with prominent input field. Implement URL validation and sanitization. Add QR code generation for shortened URLs. Include click tracking and analytics dashboard. Support custom alias creation for URLs. Implement expiration date setting for links. Add password protection option for sensitive URLs. Include copy-to-clipboard functionality with confirmation. Create a responsive design for all devices. Add history of shortened URLs with search and filtering.
使用 HTML5、CSS3、JavaScript 和后端 API 构建一个短链接服务的前端界面。设计一个简洁的界面，包含醒目的输入框。实现 URL 校验与清洗功能。为短链接添加二维码生成功能。加入点击追踪与数据分析看板。支持为链接创建自定义别名。实现链接过期时间设置功能。为敏感链接添加密码保护选项。提供复制到剪贴板功能并附带确认提示。打造适配各种设备的响应式设计。展示短链接历史记录，并支持搜索与筛选。