网络编程技术实验报告 Hale Kwok个人网站的设计与实现.doc

网络编程技术实验报告 Hale Kwok个人网站的设计与实现 目 录 1. 需求分析 1 1.1 Hale Kwok 个人网站的目的和意义 1 1.2 网站功能分析 1 2. Hale Kwok 个人网站的设计 1 2.1 采用技术 1 2.2 系统框架及功能模块设计 2 2.3 数据库设计 2 3. Hale Kwok 个人网站的实现 3 3.1 开发工具及环境配置 3 3.1.1 开发环境 3 3.1.2 安装及配置 4 3.2 程序设计 4 3.2.1 数据库连接模块设计 4 3.2.2 主页面（index. jsp）设计 5 3.2.3 留言板页面设计 15 3.2.4 在线音乐页面设计 23 3.2.5我的相册页面设计 33 4. 系统发布与运行 39 5. 总结 39 6. 参考文献 40 需求分析 Hale Kwok 个人网站的目的和意义 个人网站的制作是为今后开发企业网站打下良好的基础，个人网站虽小，但若实现复杂完善的功能，也不是一朝一夕可以实现的，所以通过实现个人网站还是可以学习开发网站的许多东西，如掌握制作网站的最基本的技术，了解开发网站的基本流程等。 Hale Kwok 个人网站是我实现的小网站，在开发网站的过程中不但自己得到锻炼，而且还从中获得乐趣。 此网站仅供我本人、朋友以及网站开发爱好者使用，通过此网站可以结识做网站开发的朋友，互相交流，发现个人开发网站的缺点和不足，已达到锻炼自己完善功能的目的。 网站功能分析 1）留言板：网站刚刚建立，功能简单，一定有不尽人意的地方，所以设有留言板。但需要登录，设置用户名和密码，才能对在网站上留言提出意见。 2）注册登录：用于真诚用户给我留言，提出制作网站的宝贵意见。 3）个人档案：简短显示个人信息 4）我的相册：缩略图浏览，点击缩略图后大图显示，用于图片欣赏。 5）在线音乐：点击歌曲名，播放歌曲。 Hale Kwok 个人网站的设计 采用技术 Jsp技术、数据库技术 系统框架及功能模块设计 系统框架设计 功能模块设计： 1）注册登录：以备留言用。 2）留言板：message.jsp,messagePane.jsp 只有注册的用户登陆后才能留言，留言存入Access数据库，之后从数据库中读出并显示留言，同时显示用户名和时间。 3）公共模块： 个人简介：从txt文档中调入个人介绍。 我的相册：点击相册名，进入相片浏览界面，点击缩略图观看大图。 在线音乐：点击音乐名链接，欣赏音乐。 数据库设计 表0、数据库表汇总 序号 Table名称 说明 1 user 用户注册信息 2 music 音乐信息 3 message 留言信息 表1. 用户注册信息user 字段名称 类型 主键 Null Default 说明 username 文本 Y Not 用户名 Sname 文本 用户密码 表2. 音乐信息music 字段名称 类型 主键 Null Default 说明 address 文本 Y Not 歌曲地址 song 文本 歌曲名 表3. 留言信息message 字段名称 类型 主键 Null Default 说明 address 文本 Y Not 歌曲地址 song 文本 歌曲名 Hale Kwok 个人网站的实现 开发工具及环境配置 开发环境 操作系统：Windows xp操作系统 数据库服务器：Microsoft Office Access 2003 Web服务器：MyEclipse Tomcat 开发工具：MyEclipse 7.0，Dreamweaver MX(用于框架设计) 开发工具包：JDK 1.6 浏览器：搜狗浏览器 背景图裁剪设计：Photoshop 7.0 安装及配置 JDK1.6的安装，之后为其配置环境变量； Tomcat：由于使用的是MyEclipse 7.0，其上集成了Tomcat，可以自动配置； ODBC驱动：系统自带，关联到Access数据库。 程序设计 本网站设计共有如下程序：（.jsp） 模块 说明 登陆注册 在testlogin..jsp，myregister.jsp，registerback..jsp， index.jsp实现 个人简介 show.jsp，调用txt文档实现 在线音乐 在mymusic.jsp,text1.jsp实现，通过歌曲名文字在数据库中找到歌曲地址，在播放器中播放 我的相册 在myphoto.jsp,centerpicture.jsp,photo1.jsp,photo2.jsp,photo3.jsp, smallpicture1.jsp,smallpicture2.jsp, smallpicture3.jsp实现，通