LPrincess's App
大约 7 分钟
1.1 系统总体设计
App包含以下功能模块：
- 登录与注册：用户可以注册新账户，或使用已注册的账户登录。
- 首页功能：登录后，用户将进入首页，首页包含四个功能模块：
- 关于公司：展示公司信息。
- 评论区：让用户能够与其他人交流和讨论。
- 签到系统：用户可以通过此功能进行考勤签到，且有记录签到时间的功能。
- 个人信息编辑：用户可以查看并编辑个人资料，修改密码等。
1.2 功能详细设计
0x01 用户注册
功能描述：用户注册模块是该应用的关键功能之一，主要用于允许新用户通过输入用户名、密码以及确认密码来创建新账户。该功能包含用户信息的输入验证，如确认密码是否匹配、用户名是否已经存在等。注册成功后，用户会被引导至登录页进行后续操作。
- 用户输入信息
- 用户名：用户在输入框中填写用户名。
- 密码：用户在输入框中填写密码。
- 确认密码：用户在输入框中确认密码。
- 表单验证
- 空字段验证：如果任何字段为空，用户无法提交表单，系统会提示填写完整信息。
- 密码匹配验证：系统检查密码与确认密码是否一致，如果不一致，系统会提示
密码不匹配。 - 用户名存在验证：系统会在数据库中检查输入的用户名是否已存在。如果用户名已存在，注册失败并提示
用户名已存在。
- 用户数据保存
- 如果验证通过，系统会将用户的用户名和密码存入数据库中。
- 在数据库中，用户名字段为唯一值，确保每个用户只能注册一次。
- 注册成功后，系统会弹出提示
注册成功，并且1秒后跳转到登录页面，用户可以使用注册的账号登录。
0x02 用户登录
用户登录模块是应用的入口，提供了用户名和密码的输入框，用户输入信息后可以进行登录验证，登录成功后进入应用的首页。以下是该模块的详细设计：
- 用户登录界面
- 登录界面包含两个主要的输入框：用户名和密码。
- 用户输入用户名和密码后，点击“登录”按钮进行验证。
- 登录验证
- 系统将用户输入的用户名和密码与本地数据库0x0WebSQL 中的记录进行对比。
- 如果用户名和密码匹配，则登录成功，跳转至首页。
- 如果用户名或密码错误，系统显示错误提示信息。
- 用户跳转
- 登录成功后，用户会被导向首页，页面中包含导航栏和其他功能模块。
- 如果没有账号，用户可以点击
创建账户跳转至注册页面。
0x03 首页 (Index) 模块
首页0x0Index 模块是应用的主要入口页面，用户登录后进入。此页面包括用户的欢迎信息展示以及一个九宫格布局，其中每个单元格代表一个功能模块，用户可以点击相应的模块进入对应的页面。
欢迎信息展示 登录后的用户，首页顶部会显示一条欢迎信息，内容为
欢迎, {{username}}。该信息的作用是确认用户已成功登录，并通过用户名个性化地欢迎用户。九宫格布局 九宫格布局
Grid Layout用于展示可点击的功能模块。每个格子代表一个功能，用户点击后能够跳转到对应的模块。具体功能包括：
- 公司介绍：展示公司相关信息
- 评论区：展示公司或应用的用户评论区，供用户交流
- 考勤系统：展示与用户考勤相关的功能
- 个人信息：用户可查看和修改个人信息
- 退出登录：用户点击后可以退出当前登录状态，跳转回登录页面
- 待添加...(凑数的)
- 页面跳转功能 用户点击九宫格中的某一项时，页面会根据点击的功能模块跳转到相应的页面。每个页面的跳转都包含用户名作为参数，确保用户登录状态的延续。
0x04 关于 (About Us) 模块
关于公司模块展示了公司基本信息、业务范围、联系方式以及团队成员信息。用户通过点击 关于公司 进入该模块后，能够查看到以下内容：公司简介，业务范围，联系我们以及我们的团队: 提供头像，类似名片卡 。
0x05 评论区(Comment)模块
评论区模块 是用户进行互动交流的重要功能，包括发布评论、显示评论列表、以及删除评论。用户可以通过评论区分享自己的观点并查看其他用户的评论。
- 发布评论：用户输入评论内容后点击
发布按钮，评论将保存到本地数据库并显示在评论列表中。 - 显示评论：加载并显示所有用户的评论，包括头像、用户名、以及评论内容。当前用户发布的评论附带删除按钮。
- 删除评论：当前用户可以删除自己发布的评论，操作成功后评论列表会自动更新。
0x06 签到系统(Ding)模块
功能描述
签到系统是一个便捷的功能，允许用户每天点击按钮进行签到，记录签到时间，并展示签到状态。具体功能如下：
- 用户进入签到界面后，系统会检查当前用户的签到状态：
- 如果已签到，显示签到成功的提示以及签到时间。
- 如果未签到，显示一个待点击的签到按钮。
- 用户点击签到按钮后：
- 更新签到状态为已签到。
- 记录签到时间, 精确到秒 。
- 提示
签到成功并显示签到时间。
- 签到状态与时间会同步更新到本地数据库，确保数据持久化。
0x07 个人信息查看与编辑(User)模块
功能概述
个人信息查看与编辑模块主要包括以下功能：
- 查看用户信息：用户登录后可以查看用户名、密码、签到状态及头像信息。
- 修改密码：提供密码修改功能，用户需输入当前密码和新密码进行验证和更新。
- 界面反馈：支持弹出框提示，如密码修改成功或失败的反馈信息。
功能流程
用户信息查看流程：
- 用户登录后，传递用户名至该模块。
- 模块通过 WebSQL 数据库查询对应用户信息。
- 若查询成功，显示用户头像、用户名、密码及签到状态。
- 若查询失败，显示提示信息“未查找到用户信息”。
密码修改流程：
- 用户点击“修改密码”按钮，弹出输入框0x0包括当前密码和新密码 。
- 用户输入密码后，点击“确认修改”：
- 验证当前密码是否正确。
- 若正确，则更新数据库中密码字段。
- 若失败，提示“当前密码错误”。
- 点击“取消”按钮，则关闭弹出框，不做任何修改。
