にっき
2006/11/07 18:59:25
はじめてのむぅたん２ 起動してみる
この前のせっとあっぷで準備はできてるはずだから今日はその続きから
さくっと動作てすとまで一気にご〜にう☆ヾ（・ｘ・。【みかん
１．/sample/index.htmlを作成
こんなかんじ？
※赤色のふぁいるはこあに圧縮してぽいする予定なので，
たぶんきっとちゃんとしたりり〜すのときは必要なくなると思いますです☆
２．/sample/actions/helloWorldAction.jsの作成
/mutan/mutan/lib/abstract/abstractAction.js に雛形があるからそれをこぴぺすると楽かもにう？
とりあえず今回必要そうなのはこれぐらいかにゃぁ？
３．/sample/models/helloWorldModel.jsの作成
/mutan/mutan/lib/abstract/abstractModel.jsに雛形があるからそれをこぴぺすると楽かもにう？
今回ので必要そうなのはこれぐらいかなぁ？
ってことでHello Worldすくりぷとの完成にう☆ ｄ（・ｘ・。【みかん
javascript＆XMLHttpRequestの使えるぶらうざで
みたいにhttpd経由であくせすしたらてきすとぼっくすにてきとうに入力して・・・
ぼたんをくりっく☆ 凸ヾ（・ｘ・。【みかん
なかんじのがてきすとぼっくすの下に出てきたら成功☆
ちゃんと動かなかったときは失敗っぽいので設定の見直しをしてみてくださいです（つｘ；【みかん
各ふぁいるの構成が
こんなかんじになってて，sample以下の設定もめも通りなのに動かないときはごめんなさいです（つｘ；【みかん
FireFox＋FireBugってすてきな組み合わせでもでばっぐしにくいのはなんとかしたいけど・・・
次回は特にごちうもんがなければ全体の動きについてまとめてこうと思いますです☆ヾ（・ｘ・。【みかん
さくっと動作てすとまで一気にご〜にう☆ヾ（・ｘ・。【みかん
１．/sample/index.htmlを作成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>Hello World</title>
<script type="text/javascript" src="http://localhost/mutan/lib/domUtils.js"></script>
<script type="text/javascript" src="http://localhost/mutan/lib/httpRequestUtils.js"></script>
<script type="text/javascript" src="http://localhost/mutan/lib/mUtils.js"></script>
<script type="text/javascript" src="http://localhost/mutan/core.js"></script>
</head>
<body>
<form action="#" onsubmit="return false;">
<input type="text" id="inbox" />
<button onclick="mController.procedureAction('helloWorld');return false;">click</button>
</form>
<p id="resarea"> </p>
</body>
</html>こんなかんじ？
※赤色のふぁいるはこあに圧縮してぽいする予定なので，
たぶんきっとちゃんとしたりり〜すのときは必要なくなると思いますです☆
２．/sample/actions/helloWorldAction.jsの作成
/mutan/mutan/lib/abstract/abstractAction.js に雛形があるからそれをこぴぺすると楽かもにう？
{
this._model = {};
this.init = function(model)
{
this._model = model;
return true;
};
this.execute = function(request)
{
this._model.init(request);
return 'executeViewSuccess';
};
this.executeViewSuccess = function(render)
{
render.setRenderText('Hello World ' + this._model.show('inbox'));
render.setRenderTarget(DomUtils.getObject('resarea'));
};
};とりあえず今回必要そうなのはこれぐらいかにゃぁ？
３．/sample/models/helloWorldModel.jsの作成
/mutan/mutan/lib/abstract/abstractModel.jsに雛形があるからそれをこぴぺすると楽かもにう？
{
this._dataObject = [];
this.init = function(request)
{
this.initVar('string','inbox',request.get('inbox'),[],['mHtmlFilter']);
};
this.initVar = function(type,keyName,value,validate,filter)
{
this._dataObject[keyName] =
{
'type' : type,
'validate' : validate,
'filter' : filter
};
this.set(keyName,value);
};
this.get = function(keyName)
{
return this._dataObject[keyName].value;
};
this.show = function(keyName)
{
var obj = this._dataObject[keyName];
var val = obj.value;
for(var v in obj.filter)
val = mUtils.filter[obj.filter[v]](val,null);
return val;
};
this.set = function(keyName,value)
{
this._dataObject[keyName].value = this.validate(keyName,value) ? value : null;
};
this.validate = function(keyName,value)
{
var obj = this._dataObject[keyName];
for(var v in obj.validate)
if(!mUtils.validator[obj.validate[v]](value,null))
return false;
return true;
};
};今回ので必要そうなのはこれぐらいかなぁ？
ってことでHello Worldすくりぷとの完成にう☆ ｄ（・ｘ・。【みかん
javascript＆XMLHttpRequestの使えるぶらうざで
http://localhost/sample/みたいにhttpd経由であくせすしたらてきすとぼっくすにてきとうに入力して・・・
ぼたんをくりっく☆ 凸ヾ（・ｘ・。【みかん
Hello World (てきすとぼっくすに入力したの)なかんじのがてきすとぼっくすの下に出てきたら成功☆
ちゃんと動かなかったときは失敗っぽいので設定の見直しをしてみてくださいです（つｘ；【みかん
各ふぁいるの構成が
+ public_html ←httpdで指定してあるどきゅめんとる〜と
+ mutan
| + lib
| | + domUtils.js
| | + filter.js
| | + httpRequestUtils.js
| | + logger.js
| | + mUtils.js
| | + validator.js
| + render
| | + htmlRender.js
| + request
| + formRequest.js
+ sample
+ actions
| + helloWorldAction.js
+ models
| + helloWorldModel.js
+ config.js
+ index.htmlこんなかんじになってて，sample以下の設定もめも通りなのに動かないときはごめんなさいです（つｘ；【みかん
FireFox＋FireBugってすてきな組み合わせでもでばっぐしにくいのはなんとかしたいけど・・・
次回は特にごちうもんがなければ全体の動きについてまとめてこうと思いますです☆ヾ（・ｘ・。【みかん
こめんと
投稿された内容の著作権はこめんとの投稿者に帰属するっぽいです☆また，現在 IE6 以下で Sleipnir，Lunascape，Donut じゃないゆ〜ざえ〜じぇんとからの描き込みを制限してますです☆
該当しちゃうかたはてきとうにゆ〜ざえ〜じぇんとを偽装しちゃってくださいです（´ω｀；【みかん
あじ
ＥＤ
えでん
えれふぃ
ぐらぶれ
etc
にっき