第2章 播放器项目整体设计及服务端开发电子课件.pptx

第二章 整体设计及服务端开发移动互联网应用开发技术 本章大纲1 项目需求2 项目设计思路3 接口设计4 服务端目录结构设计5 服务端代码编写6 服务端测试 1 项目需求从本章开始，我们一起开发一个简单的在线音乐播放器，具有以下功能： (1)程序启动时显示启动页面 (2)在程序主页面显示服务器上的歌曲列表，包括歌手名与歌曲名，点击列表条目可实现在线音乐播放，点击播放、暂停、上一曲、下一曲按钮可实现对应的功能，进度条可以显示歌曲播放进度。 1 项目需求为方便入门，我们先开发一个极致简化的在线音乐播放器，具有以下功能： 在程序主页面显示服务器上的歌曲列表，包括歌手名与歌曲名，点击列表条目可实现在线音乐播放 2 设计思路在线音乐播放器的开发包括客户端的开发与服务端的开发。音乐资源存放在服务器上。客户端向服务端发送URL请求，服务端将歌手名、歌曲名、mp3链接信息封装为JSON数组，返回给客户端 2 设计思路要满足项目需求，服务端需要按以下思路设计： -在Apache服务器上合理设计本项目的目录结构，存放音乐资源文件以及音乐信息索引文件。 -设计服务端与客户端的信息交互接口，包括访问URL、访问参数、返回值。 -设计音乐信息索引文件，按照JSON格式存放音乐信息，可以方便地将音乐信息返回给客户端。 2 设计思路在线音乐播放器的开发包括客户端的开发与服务端的开发。音乐资源存放在服务器上。客户端向服务端发送URL请求，服务端将歌手名、歌曲名、mp3链接信息封装为JSON数组，返回给客户端MainActivity.java主视图：音乐信息显示及音乐播放控制Music.java音乐信息封装类：封装音乐信息MusicService.java音乐播放服务：在后台进行音乐播放MusicListViewMainAdapter.java音乐列表显示适配器：显示音乐列表MusicUtil.java音乐播放功能类：用于实现音乐播放器的具体功能包括播放等HttpAsyncRequsetTast.java服务器访问功能类：实现客户端与服务端信息交互服务器获取音乐信息：HTTPGET：URL返回音乐信息：json封装音乐信息显示播放、暂停播放 3 接口设计（1）一个移动互联项目开发的第一步，就是设计客户端与服务端的通讯接口协议。目前最流行的协议就是JSON协议。JSON协议包括访问URL、访问参数、返回值，指的是客户端以JSON数据格式向服务端特定URL发送数据，服务端根据协议内容，返回相应的JSON数据给客户端。（2）一对大括号组成一个JSON对象，例如，一条音乐文件的所有信息包括歌手名、歌曲名、音乐文件路径共同构成一个JSON对象。（3）一组JSON对象构成一个JSON数组，例如，服务器上所有的音乐文件信息共同构成一个JSON数组。（4）本例中，客户端请求参数为空，服务端返回参数为服务器上所有的音乐信息。这是一种JSON协议极致简化的情况，方便同学们快速入门。在这种情况下，无需进行数据库也就是MySQL开发，也无需进行动态页面也就是PHP程序开发。 3 接口设计访问URL：http://localhost/music/music.json访问参数：无返回值(json)：参数类型说明nameString歌曲名singerString歌手名mp3String音乐文件存放目录 4 服务端代码编写打开music.json，建立一个JSON数组，存放音乐资源信息，代码如下：D:\xampp\htdocs\music\music.json [{"name":"可惜爱","singer":"杨乃文","mp3":"music/杨乃文 - 可惜爱.mp3"}, {"name":"广东爱情故事","singer":"广东雨神","mp3":"music/广东雨神 - 广东爱情故事.mp3"}, {"name":"别","singer":"薛之谦","mp3":"music/薛之谦 - 别.mp3"}, {"name":"成都","singer":"赵雷","mp3":"music/赵雷 - 成都.mp3"}, {"name":"昨日晴空","singer":"尤长靖","mp3":"music/尤长靖 - 昨日青空.mp3"}] 5 服务端测试在xampp安装文件夹中双击xampp-control.exe，打开xampp控制台。在控制台中点击Apache服务器对应的start按钮，开启Apache服务器。 6 服务端测试打开浏览器，在地址栏中输入http://localhost/music/music.json。正常打开页面，则测试成功。 6 服务端测试如果希望使用Tomcat服务器，则需将上述开发的服务端（music文件夹）复制到“D:\xampp\tom