PandaJS 使用说明 (1.2)： Hello, World!
PandaJS 使用说明 (1.2)： Hello, World!
PandaJS 中服务器端处理的请求有两类，一类是 API 请求，另一类是页面请求。本文将介绍如何从客户端调用服务器端的 API ，并编写一个简单的 Hello, World! 示例。
准备工作
利用上一篇文章中介绍的方法，建立新项目 HelloPanada，删除以下目录中的内容，因为我们将从零开始建立示例程序：
1. scripts/app，scripts/test/app 和 scripts/test/both 目录中的文件
2. webapp 目录中的 html 文件
3. webapp/js 和 webapp/js/both 中的 js 文件，保留 webapp/lib 中的文件
现在我们可以在 src/com/pandajs/Luncher.java 上点击鼠标右键，选择 Run As -> Java Application，Web 应用可以正常启动（虽然现在没有与数据库相关的操作，但还是请先启动 mongod），并输出日志。
由于我们还没有编写处理请求的 JS 代码，因此现在还无法访问任何页面。
PandaJS 支持热部署，通常不需要重启应用。
那么接下来就让我们一边编写代码，一边看看效果吧。
HTML 页面
首先，我们需要建立一个 HTML 页面，来显示服务器端 API 返回的结果，并引入必要的客户端 JS 文件。
我们可以在 webapp 目录下创建文件 hello.html：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href="css/hello.css" rel="stylesheet" type="text/css" /></head><body><div id="message" /></div><script src="js/lib/jquery.js"></script><script src="js/lib/jquery.tmpl.js"></script><script src="js/lib/json.js"></script><script src="js/lib/panda.js"></script><script src="js/hello.js"></script></body></html>
$(function(){// 构造 request 对象// 调用服务器端名称为 "hello.say" 的 APIvar request = {action: "hello.say"};// 发送请求// 并将结果显示在 ID 为 message 的 div 中panda.post(request, function(data) {$("#message").html(data);});});api.hello = {// 增加参数 params// 获取 params.name 并处理后返回say: function(params) {return "Hello, " + params.name + "!";}};