Web联盟的第一个项目

git项目管理小站

• 主页
• 登陆/注册页
• 关于页
• 个人空间页
• 信息列表页

一、主页

主页头部导航包括“主页”、“个人空间”、“关于”及“登录/注册”四个选项，点击分别跳转不同页面。

1. “主页”跳转的就是主页，没什么好说的；
2. “个人空间”比较特殊，如果还没有登录账号，这个选项就是隐藏的，如果在“登录/注册”页面登录了账号后回到主页，这个选项就会显示，如何判断是否登录账号可以使用cookie；
3. “关于”跳转到一个说明页面，展示关于这个应用的介绍及使用说明；
4. “登录/注册”其实就是跳转到一个表单。

主页中心内容区列出的是一些公开的个人项目元素，点击可以跳转到对应的项目主页(只需要绑定链接就可以)，右边的展开按钮点击后会显示项目的描述内容(包括描述文本、创建时间及创建者)。例如，之前创建的“掘金_复制版”就是一个项目元素，点击可以跳转到它的主页。

页脚信息，没什么好说的，描述一些主要信息，像这个应用什么时候创建的，叫什么名字等。

二、登录/注册表单

登录/注册按钮可以切换登录和注册两个不同表单页面，提交按钮就是提交表单内容，提交前要进行字段非空和输入格式准确性判断。
对于登录表单，只需要账号名称和密码两个字段，对于注册表单，除了需要这两个字段外，还需要提供公钥字段，注册完账号后需要管理员处理之后才可以登录账号(主要是等管理员将公钥绑定到服务器)。

三、“关于”页面

关于页面的基本内容如上。

四、主页

登录账号后才可以进去个人空间，中心顶部是账号名称，右侧的信息列表选项点击后跳转到个人信息页面，可以修改名称等信息。
接着是个人项目列表，其中有个修改按钮可以修改项目描述等内容，公开按钮可以设置是否允许别人访问项目主页(允许将会出现在主页)。

五、信息列表

信息列表布局如上。