目的制作手机应用的服务器端,环境linux+php+apache+mysql
后台制作:简单的cms 框架:brophp
遇到的难点,框架的使用熟悉,js效果artDialog 弹窗插件 uploadify js 图片上传插件 ueditor插件使用。
再次框架下,ueditor只能放到public下,而不能写到public/js/下。
其他问题,暂时没有遇到很大的困难。
插件的各种插件的demo
artDialog
//iframe弹出新窗口
需要包含的文件
<script src="/js/artDialog/artDialog.js?skin=default"></script>
<script src="/js/artDialog/plugins/iframeTools.source.js"></script>
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}); //显示按钮
其他弹出按钮,比较简单,参考文章。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="取消上传"/>