软件工程综合实践实习报告

《软件工程综合实践实习报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、软件工程综合实践实习报告姓名学号班级项目名称个人网页实习地点J7-111实习时间2017.7.10-2017.7.18实习成绩指导教师签字2017年7月18日19软件工程综合实践生产实习报告1.实习目的（1）熟练掌握jsp，css，script，用它们编写网页等。（2）掌握Photoshop，利用它对图片进行修改切片等。（3）提高编程能力，熟练地使用各种相关编程语言。2.实习过程2.1技术准备系统开发平台：Sublime，Photoshop，WebStorm运行平台：Windowsxp/Windows2007/Windows2008

2、分辨率：最佳效果1024*768（600*768）浏览器：火狐，谷歌2.2功能需求根据用户需求，设计产品时有以下要求：（1）PC1）首页：显示用户头像，用户要求的导航栏（可以跳转到其他页面，如：我的图集、我的文集，我的简介，我的音乐），以及主轮廓上要有主图和部分我的图集中的照片。2）点击导航栏跳转到我的图集界面：显示所有图片列表，可以进行上一页下一页操作，点击某张图片可进入显示这张图片的详情的界面。3）点击导航栏跳转到我的文集界面：显示所有文章列表，可以进行上一页下一页操作，点击某篇文章可进入显示这篇文章的详情的界面。4）点击导航栏

3、跳转到我的简介界面：直接显示用户简介。5）点击导航栏跳转到我的音乐界面：显示所有音乐列表，可进行上一页下一页操作，点击某首音乐进入显示这首歌曲的详情的界面（显示歌词和mv）。（2）mobile1）首页：手机端主要以图片为主，布局简洁合理好看，导航栏以图标的形式显示（点击可以跳转到其他页面，如：我的图集、我的文集，我的简介，我的音乐）。192）点击我的图集图标进入界面：显示所有图片列表，可以进行上一页下一页操作，点击某张图片可进入显示这张图片的详情的界面。3）点击我的文集图标进入界面：显示所有文章列表，可以进行上一页下一页操作，点击某

4、篇文章可进入显示这篇文章的详情的界面。4）点击我的简介图标进入界面：直接显示用户简介。5）点击我的音乐图标进入界面：显示所有音乐列表，可进行上一页下一页操作，点击某首音乐进入显示这首歌曲的详情的界面（显示歌词和mv）。2.3总体设计2.3.1系统功能结构设计系统功能模块的结构如图2.1所示。首页我的简介我的文集我的图集我的音乐音乐列表简介详情文章列表图集列表图片详情音乐详情文章详情图2.1系统功能结构图19页数文章列表详细文章开始结束开始结束2.3.2系统流程设计页数我的图集上/下一页上/下一页图片详细页图2.2我的图集流程图图2.

5、3我的文章流程图我的图集流程图和我的文章流程图分别如图2.2和图2.3所示。通过主页点击我的图集或我的文章进入，即可显示文章和图片列表，通过列表条目可点进详细页面。首页我的音乐结束详情页数首页我的简介结束返回图2.4我的简介流程图图2.5我的音乐流程图我的简介流程图和我的音乐流程图分别如图2.4和图2.5所示。通过主页点击我的简介即可直接查看，若进入我的音乐则可以看见具体的音乐列表，通过列表条目可点进详细的音乐播放界面。192.4详细设计与编码（1）PC如图图1.1是首页，用户进入的初始界面实现导航功能。图1.1首页如图图2.21和

6、图2.22进入我的图集，显示所有图片的列表，及从当前我的图集界面点击某图片进入的图片详情界面：图1.21我的图集19图1.22我的图集详情界面如图图1.31和图1.32转到我的文集界面，显示所有文集的列表，及从当前我的文集界面点击某条目进入某文档详情界面：图1.31我的文集19图1.32我的文集详情界面如图图1.4进入我的简介，显示详细简介：图1.4我的简介19如图图1.51和图1.52进入我的音乐界面，转到音乐界面，显示所有音乐的列表，及从当前我的音乐界面点击某条目进入某音乐详情界面：图1.51我的音乐图1.52我的音乐详情界面1

7、9核心代码（css样式）：@charset="utf-8";/*保证中文不乱码*//*初始化所有界面保证不被初始化的样式影响*/*{margin:0px;padding:0px;text-decoration:none;list-style:none;font-family:"微软雅黑";}/*屏幕宽度超过900px时的样式*/@mediascreenand(min-width:900px){/*--首页--*/.header{width:100%;height:90px;background-color:#40bad2;}.wra

8、p{width:1200px;height:90px;line-height:90px;margin:0auto;/*当height和line-height一样是代表居中*/}.logo_mobile,.content_left.us