第一个开发示例豆瓣FM网络收音机.PDFVIP

第一个开发示例：豆瓣FM 网络收音机 作为第一个开发示范，我们提供一个豆瓣FM 网络收音机。豆瓣FM 实际上是一个连接： http://douban.fm/partner/webqq 我们要做的是生成一个U-NAS 豆瓣App 。一个可以用于学习和测试的完整的文件包可以从这里下 载：将这个文件上传到你的debian 开发机上，使用tar 解压后就可以配合下面的教程来熟悉u- nas 应用的开发了。 开发豆瓣FM 应用的具体步骤如下： 1. 在PC 上 o 生成u-nas 应用的文件夹结构( 目录结构见下图)  在webman 下的子目录zh_cn, en_us 是语言目录  在每个语言子目录下创建目录 admin/apps/douban  注意这个文件夹”douban”将是你安装到U-NAS 上文件夹，注意大小 写，及可能的冲突 o 首先完成某一个语言。 比如简体中文：webman/zh_ch/admin/apps/douban 目录下：  生成doubanMenu 文件 [菜单文件] li class=icon_pwimg src=images/icons/48x48/doubanLarge.png width=16pxa id=doubanMenudouban FM/a/li 解释说明：这个文件用于显示U-NAS 应用的菜单。菜单名称为“douban FM ”，图标在： images/icons/48x48/doubanLarge.png ; id 被命名为doubanMenu，这个id 必须和窗口js 文件中的“菜单快捷”一致（见douban.js）  生成images 目录及相应的文件[icon 文件] 解释说明：这个图标会被用于菜单（见上面）和桌面ICON (见下面)  生成css 目录及相应的样式文件css/douban_css.css [定义桌面快捷css] div class=Menu_Windows id=doubanLinkCheck name=box2 onClick=disappear(this); sampimg src=images/icons/48x48/doubanLarge.png/samp h3adouban FM/a/h3 pdouban FM/p /div 解释说明：这个文件用于指定桌面快捷的显示。第一行的id “doubanLinkCheck ”必须和窗口js (见douban.js)中的 “桌面快捷”引用一致！；第二行指定了图标文件；第三行显示了图标下面的 文字；第四行是进一步的说明。  生成douban.js [窗口显示] !-- App douban 开始-- MUI.doubanWindow = function(){ new MUI.Window({ id: douban, title: douban FM, loadMethod: iframe, width: 500, height: 300, maximizable: false, resizable: true, scrollbars: false, resizeLimit: {x: [300, 2500], y: [170, 2000]},