《Web体系结构与开发技术》实验报告指导.doc

《Web体系结构与开发技术》实验报告 班级： 计软二班 学号： 姓名： 郭凯 实验日期： 2011/12/16 实验成绩： 实验目的 了解Web体系结构与开发技术的基本知识 掌握静态页面的标签结构，能够编写静态页面。 掌握Flash的基本原理，会使用Adobe Flash 制作Flash动画。 掌握动态网站技术JSP，理解其原理，并使用JSP技术制作个人网站。 二、实验原理 JSP（Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。 JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 　　Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。 　　JSP与JavaServlet一样，是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。 三、实验步骤 网站前期准备工作。 网站功能设计。 网站为在线音乐网站，主要功能有：用户在线听音乐，管理员后台登录，添加、管理歌手，添加、管理歌曲等功能。 数据库设计。 由于网站功能较少，结构较简单，数据库设计也比较简单，具体如下： 数据库名：music_db 数据表设计： admin（管理员表）: id int 主键自增 name varchar(10) 登录名 pwd varchar(20) 登录密码 type int 管理员权限 song（歌曲表）： id int 主键自增 name varchar(30) 歌曲名 artist varchar(20) 艺术家(歌手) album varchar(30) 所属专辑 url varchar(50) 硬盘路径 genre varchar(10) 流派 duration varchar(10) 时长 times int 点播次数(热度) artist（歌手表）： id int 主键自增 name varchar(20) 艺术家名(歌手名) type varchar(5) 性别 area varchar(20) 地区 note varchar(1000) 简介 songs int 歌曲数量 hot int 热度 目录结构设计。 在开发工具MyEclipse中新建Web Project 工程music_player，并创建如下目录： 各目录说明： /src 资源目录，包含编写的各种Java类，Servlet源文件 /WebRoot 网站根目录 /WebRoot/admin 后台管理界面的所属目录 /WebRoot/conn 包含连接数据库的代码文件 /WebRoot/css css样式表文件目录 /WebRoot/images 网站排版所需图片目录 /WebRoot/js js代码文件目录 /WebRoot/META-INF 系统自动生成的目录 /WebRoot/music 存放上传的音乐文件目录 /WebRoot/WEB-INF 存放Web信息目录，包含所需类库，配置文件 网站代码编写。 登录界面。 原理简介：通过将login.jsp页面表单的action设置为./admin/index.jsp ，将表单填写的用户密码值传递给后台页面，后台index.jsp 页面通过查询数据库，比对用户是否存在以及密码是否正确，如果正确，则进入后台，并设置session保存登录信息；否则返回登录页面，并通过url传递登录出错信息并显示。 关键代码：见附录：代码片段1。 添加歌曲界面。 原理简介：后台./admin/a