目的制作手机应用的服务器端,环境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}); //显示按钮
其他弹出按钮,比较简单,参考文章。
//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" οnclick="javascript:$('#file_upload').uploadify('upload')" class="regist_butt4" value="确认上传"/><input type="button" id="useravatar" οnclick="javascript:$('#file_upload').uploadify('cancel');" class="regist_butt4" value="取消上传"/>