
Mcp_test
Repositorio de prueba para el servidor MCP
1
Github Watches
0
Github Forks
0
Github Stars
Modern Login Page (現代化登入頁面)
這是一個現代化的、響應式的登入頁面實現,具有直觀的用戶界面和豐富的互動功能。
功能特點
-
🎨 現代化設計
- 使用漸變背景色
- 清晰的卡片式布局
- 響應式設計,支援各種設備尺寸
-
🔒 安全性功能
- 密碼強度即時檢查(最少8個字符)
- 密碼顯示/隱藏切換
- 電子郵件格式即時驗證
-
⚡ 交互體驗
- 浮動標籤效果
- 表單驗證即時反饋
- 記住我選項
- 登入狀態反饋
技術實現
- 純 HTML5 / CSS3 / JavaScript
- 使用 CSS 變量實現主題定制
- Flexbox 布局
- Google Noto Sans TC 字體支援
- 原生 JavaScript 實現所有互動功能
- SVG 圖標
本地測試
- 克隆此倉庫:
git clone https://github.com/jerry3315765/MCP_test.git
- 進入項目目錄:
cd MCP_test
- 在瀏覽器中打開:
- 直接打開
login-page/index.html
- 或使用本地服務器(如 Live Server)運行
- 直接打開
功能測試
-
表單驗證:
- 嘗試提交空表單,會收到提示
- 輸入無效的電子郵件格式,輸入框會顯示紅色提示
- 輸入少於8個字符的密碼,將看到密碼強度提示
-
交互功能:
- 點擊密碼欄位右側的眼睛圖標可切換密碼顯示/隱藏
- 勾選"記住我"選項
- 點擊"忘記密碼?"和"立即註冊"鏈接
- 觀察表單提交時的登入狀態變化
自定義主題
您可以通過修改 style.css
中的 CSS 變量來自定義主題:
:root {
--primary-color: #4f46e5; /* 主要顏色 */
--primary-hover: #4338ca; /* 懸停顏色 */
--text-color: #1f2937; /* 文字顏色 */
--text-light: #6b7280; /* 次要文字顏色 */
--background: #ffffff; /* 背景顏色 */
--error: #ef4444; /* 錯誤提示顏色 */
--success: #10b981; /* 成功提示顏色 */
}
注意事項
- 這是一個前端示例,實際使用時需要配合後端API
- 密碼驗證僅檢查長度,實際應用中應該有更嚴格的規則
- "忘記密碼"和"立即註冊"鏈接需要根據實際需求進行配置
License
MIT License - 請查看 LICENSE 文件了解更多信息。
相关推荐
I find academic articles and books for research and literature reviews.
Confidential guide on numerology and astrology, based of GG33 Public information
Converts Figma frames into front-end code for various mobile frameworks.
Advanced software engineer GPT that excels through nailing the basics.
Take an adjectivised noun, and create images making it progressively more adjective!
Siri Shortcut Finder – your go-to place for discovering amazing Siri Shortcuts with ease
Descubra la colección más completa y actualizada de servidores MCP en el mercado. Este repositorio sirve como un centro centralizado, que ofrece un extenso catálogo de servidores MCP de código abierto y propietarios, completos con características, enlaces de documentación y colaboradores.
Manipulación basada en Micrypthon I2C del expansor GPIO de la serie MCP, derivada de AdaFruit_MCP230xx
La aplicación AI de escritorio todo en uno y Docker con trapo incorporado, agentes de IA, creador de agentes sin código, compatibilidad de MCP y más.
Servidor MCP para obtener contenido de la página web con el navegador sin cabeza de dramaturgo.
Un poderoso complemento Neovim para administrar servidores MCP (protocolo de contexto del modelo)
Puente entre los servidores Ollama y MCP, lo que permite a LLM locales utilizar herramientas de protocolo de contexto del modelo
🧑🚀 全世界最好的 llM 资料总结(数据处理、模型训练、模型部署、 O1 模型、 MCP 、小语言模型、视觉语言模型) | Resumen de los mejores recursos del mundo.
Reviews

user_AlW7jFqL
I recently started using MCP_test by jerry3315765 and I'm genuinely impressed. The ease of integration with my existing setup is seamless, and the application's performance is reliable. The welcoming information makes it easy for newcomers to get started. Highly recommended for anyone in need of a robust tool! Check it out at https://github.com/jerry3315765/MCP_test.