目的製做手機應用的服務器端,環境linux+php+apache+mysql javascript
後臺製做:簡單的cms 框架:brophp php
遇到的難點,框架的使用熟悉,js效果artDialog 彈窗插件 uploadify js 圖片上傳插件 ueditor插件使用。 css
再次框架下,ueditor只能放到public下,而不能寫到public/js/下。 html
其餘問題,暫時沒有遇到很大的困難。 java
插件的各類插件的demo mysql
artDialog jquery
//iframe彈出新窗口
須要包含的文件 linux
<script src="/js/artDialog/artDialog.js?skin=default"></script>
<script src="/js/artDialog/plugins/iframeTools.source.js"></script> sql
art.dialog.open('url',{title:"title",lock:true//背景層,ok:function(){//成功動做
var iframe = this.iframe.contentWindow;//獲取彈出iframe的window對象
form1 = iframe.document.getElementById("form1"); //獲取彈出層的form
form1.submit();
return false;//終止函數
},cancel: true}); //顯示按鈕 apache
其餘彈出按鈕,比較簡單,參考文章。http://www.planeart.cn/demo/artDialog/_doc/plugin.iframe.html#open
//uploadify 圖片上傳插件,3.2v
總的來講這個插件仍是比較好用,但我對他的印象並非很好,由於,每次升級版本後,參數變更太大,讓人很噁心。具體的方式我沒弄太懂,先記錄一下。
<script type="text/javascript" src="<{$public}>/js/uploadify/jquery.uploadify.js"></script>
<link href="<{$public}>/js/uploadify/uploadify.css" />
$(function() {
$('#file_upload').uploadify({
'debug' : false, //調試開關
'auto' : false, //自動提交
'fileTypeExts':'*.gif;*.jpg;*.jpeg;*.png', //上傳文件類型
'swf' : '<{$public}>/js/uploadify/uploadify.swf', //flash文件路徑
'button_image_url' : '<{$public}>/js/uploadify/selecticon.gif', //按鈕圖片路徑
'uploader' : '<{$url}>/uploadfile', //上傳文件的php文件
'fileSizeLimit': 2048000, //上傳文件大小
'width':80, //按鈕寬度
'height':26, //按鈕高度
'buttonText':'', //按鈕文字
"uploadLimit" : 5, //上傳文件最大限制
'onUploadSuccess' : function(file,data,size) { //上傳成功後動做
//alert(file.name+'\n'+file.toString());
$("#logo").attr("src","/public/uploads/"+data).show();
$("#hidlogo").attr("value",data);
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) { //當單個文件上傳出錯時觸發
alert("文件:" + file.name + " 上傳失敗!");
}
});
});
<input id="file_upload" name="file_upload" type="file"/>
<input type="button" id="useravatar" onclick="javascript:$('#file_upload').uploadify('upload')" class="regist_butt4" value="確認上傳"/>
<input type="button" id="useravatar" onclick="javascript:$('#file_upload').uploadify('cancel');" class="regist_butt4" value="取消上傳"/>