BG-UI,一个可以快速上手的后台UI框架还是交给服务端吧。UI基于BootStrap3。兼容移动终端。兼容IE8+等主流浏览器。github地址demo地址2.目录结构public┗css┠vendor//第三方css文件存放┗basic.css//基础css┗images┗js┠vendor//第三方js文件存放┠ajaxForm.js//allajax提交全部由ajaxForm.js打包(非第三方插件,为作者编写)┗basic.js//basicjstpl┠...//Demo页面存放,目录结构随意┠...┗index.html//主页面服务器//存储测试服务器脚本index.html//入口(登录页面)3.配置在主页面加载basic.js文件之前定义:window.common_conf={defaultHash:'page/desktop.html',//hashbaseURL的默认值:'./'//见下文“路由”};4、路由实现:监听hashChange事件,使用“common_conf.baseURL”+“当前页面的hash”组成请求地址,使用ajax请求服务器获取需要展示的html。5.表单提交、验证、回调5.1基本使用只要页面中的
method:提交方式(必须设置)action:提交地址(必须设置)data-validate:提交前验证函数名data-callBack:服务器响应后自定义回调函数名data-useDefaultCallBack:服务器响应是否执行框架的默认操作。每当值不是“关闭”时调用。enterSend:是否支持回车提交。“on”表示启用,其他不启用data-sendingText:提交过程中。J_ajaxSubmitBtn的提示文字5.2Defaultactiondata-useDefaultCallBack配置项前面已经提到过。浏览器收到响应后,ajaxForm.js会执行一些默认的动作Actions。默认执行的动作由服务器返回的json定义:{"referer":"","re??fresh":true,"state":"success","message":"submittedsuccessfully"}referer:目标地址刷新的,留空刷新当前页面刷新:true|false是否刷新状态:是否提交成功,只有值为“success”才认为成功(会判断是否执行刷新操作)message:提示信息,状态不是“成功”会提示。注意这里referer的值是要显示的页面对应的hash。如果提供的referer以http或https开头,则会刷新整个控制台。5.3Validate