解压fr-server-6.5.jar后找到以下路径com/fr/fs/web/,login.html代码即为登录界面的html代码。把你自己设计的html代码整个替换(确保你本地测试正常),如下: <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>XXX购销存系统</title> <link rel="stylesheet"type="text/css"href="${servletURL}?op=resource&resource=/com/fr/fs/web/css/login.css"/> <script type="text/javascript"src="${servletURL}?op=resource&resource=/com/fr/fs/web/js/common.js"></script> <script type="text/javascript"src="${servletURL}?op=emb&resource=finereport.js"></script> <script type="text/javascript"language="javascript"> if (window.parent.FS) { window.parent.location.reload(); } $(document).ready(function() { $("#companymessage").html("Copyright"+"\u00A9" + "2012 北京XXXX科技有限公司"); $("#username").focus(); document.onkeydown = function(e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; if (code == 13) { $("#btnlogin").click(); return false; } } ThtxSystem.Event.add(window, "scroll", resizeHeight); ThtxSystem.Event.add(window, "resize", resizeHeight); ThtxSystem.Event.add(window, "load", resizeHeight); }); function resizeHeight() { var ocheight = (_rootEl.clientHeight - 365) / 2; ocheight = ocheight < 1 ? 1 : ocheight; $(".login_main").css("margin-top", ocheight); } function ajaxlogin() { if ($("#username").val() == "") { alert('用户名不能为空!'); return false; } if ($("#password").val() == "") { alert('密码不能为空!'); return false; } signIN(); return false; } function resetInput() { $("#username").val(""); $("#password").val(""); $("#username").focus(); return false; } function signIN() { $.ajax({ url: FR.servletURL + '?op=fs_load&cmd=login', data: genUser(), type: 'POST', async: false, error: function() { alert("Error!"); }, complete: function(res, status) { if (res.responseText == "") { alert("验证失败!"); return; } var signResult = FR.jsonDecode(res.responseText); if (signResult.fail) { userError(); } else if (signResult.url) { window.location.href= signResult.url; } } }); } //b:考虑加密 functiongenUser() { return FR.cjkEncodeDO({ fsusername: $("#username").val(), fspassword: $("#password").val(), fsremember: false }); } functionuserError() { alert('用户名或密码不正确!'); } </script> </head> <body> <div class="login_main"> <div class="login_float"> <div class="login_logo"><imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/logo.gif"border="0" /></div> <div class="login_logoname"><imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/logoname.gif"border="0" /></div> </div> <div class="login_float"> <div class="login_systemname"><imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/systemname.gif"border="0" /></div> </div> <div class="login_float"> <div class="login_loginimg"><imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/loginimg.gif"border="0" /></div> <div class="loginbg"> <divclass="login_text_lgoin">用户登录</div> <divclass="login_text_username">用户名</div> <divclass="login_text_password">密码</div> <divclass="login_username"><input type="text"id="username" name="username"class="login_textbox" tabindex="0" /></div> <divclass="login_password"><input type="password"id="password" name="password"class="login_textbox" /></div> <divclass="login_btn"><input type="button" value="登 录" id="btnlogin" class="login_btn_l"onclick="return ajaxlogin();" /></div> <divclass="login_reset"><input type="button" value="重 置" class="login_btn_r" /></div> </div> </div> <div class="login_float"> <div class="login_loginbgbottom"><imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/loginbgbottom.gif"border="0" /></div> </div> <div class="login_loginline"></div> <div class="login_copyright"id="companymessage"></div> </div> </body> </html> 主要是修改一些js、css、图片的路径,如:<link rel="stylesheet" type="text/css"href="css/login.css" />需要改为<link rel="stylesheet" type="text/css"href="${servletURL}?op=resource&resource=/com/fr/fs/web/css/login.css"/> <script type="text/javascript"src="js/common.js"></script>需要改为<scripttype="text/javascript"src="${servletURL}?op=resource&resource=/com/fr/fs/web/js/common.js"></script> <script type="text/javascript"src="${servletURL}?op=emb&resource=finereport.js"></script>这个不能动,调用系统的登录接口。 1、一般自己写时都是相对路径,这里需要改为绝对路径${servletURL}?op=resource&resource=/com/fr/fs/web/即为login.html的所在目录,css文件夹是存放css的,js文件夹是存放js文件的,当然也可以自定义路径,把绝对路径设置对了就可以了。 2、图片一般放在images文件夹下(可以自定义路径),页面中的图片路径如<img src="images/logo.gif" />需要改为<imgsrc="${servletURL}?op=resource&resource=/com/fr/fs/web/images/logo.gif"border="0" />,css文件中的图片路径也要修改为这样。 3、最后就是js调用了,finereport.js这个文件中包含jqurey引用,不用重新再引用一遍了,按钮onclick时间调用自定义方法ajaxlogin()方法,自己判断,最后传随需参数给系统的signIN()方法,实现全过程。 4、中间会遇到的问题:编码问题 由于页面中和js注释中有中文字符,所以编码问题成了唯一障碍,我下载了一个Notepad,转换编码,最后ansi编码是正常显示的,把你所修改的文件编码都转换一下就可以了,修改后的文件打开jar包找到相应位置替换进去,然后替换jar包就可以了,注意先备份。 |
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|