图
图23我的文章流程图
我的图集流程图和我的文章流程图分别如图22和图23所示。通过主页点击我的图集或我的文章进入，即可显示文章和图片列表，通过列表条目可点进详细页面。
首页
我的简介
返回
结束
首页
页数
我的音乐
详情
结束
图24我的简介流程图
图25我的音乐流程图
我的简介流程图和我的音乐流程图分别如图24和图25所示。通过主页点击我的简介即可直接查看，若进入我的音乐则可以看见具体的音乐列表，通过列表条目可点进详细的音乐播放界面。
3
f24详细设计与编码
（1）PC如图图11是首页，用户进入的初始界面实现导航功能。
图11首页
如图图221和图222进入我的图集，显示所有图片的列表，及从当前我的图集界面点击某图片进入的图片详情界面：
图121我的图集
4
f图122我的图集详情界面
如图图131和图132转到我的文集界面，显示所有文集的列表，及从当前我的文集界面点击某条目进入某文档详情界面：
图131我的文集
5
f图132我的文集详情界面
如图图14进入我的简介，显示详细简介：
图14我的简介
6
f如图图151和图152进入我的音乐界面，转到音乐界面，显示所有音乐的列表，及从当前我的音乐界面点击某条目进入某音乐详情界面：
图151我的音乐
图152我的音乐详情界面
7
f核心代码（css样式）：
charset