框架调试服务器的使用
1、打开祺佑框架项目
2、运行环境设置
3、运行调试服务器
4、打开360浏览器(高速模式)或使用谷歌浏览器,在地址栏输入
http://192.168.3.159:801/test.fsp
此处IP地址为当前电脑的网络地址,即上图调试服务器中的IP地址,或使用
127.0.0.1:801/test.fsp
访问,如果在调试服务器中有信息输出则表示调试服务器运行正常。
极简登录界面的设计
前端代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>极简登录界面</title>
</head>
<body>
<form action="login.fsp" method="post">
姓名:<input type="text" name="username" value="">
密码:<input type="password" name="userpass" value="">
<input type="submit" name="登录">
</form>
</body>
</html>
后端代码
DEFINE CLASS login as Session
PROCEDURE onDefault
PRIVATE cName,cPASS
cName=HttpQueryParams("username")
cPass=HttpQueryParams("userpass")
RETURN cName+",你的登录密码为"+cPass+",你已登录成功了。"
ENDPROC
ENDDEFINE
运行效果:
刚才我们是通过VFP后端直接把登录成功的消息输出至前端了,如果登录成功,能不能直接调用前端的相关界面呢?下面我们尝试一下。login.html登录页面不变,我们新增一个登录成功的页面loginok.html。
登录成功页面代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录成功页面——loginok.html</title>
</head>
<body>
<p>您已成功登录</p>
</body>
</html>
因为要调用前端网页,所以后端代码也要相应的作出调整。
后端代码为:
DEFINE CLASS login as Session
PROCEDURE onDefault
PRIVATE cName,cPASS
cName=HttpQueryParams("username")
cPass=HttpQueryParams("userpass")
*RETURN cName+",你的登录密码为"+cPass+",你已登录成功了。"
lchtml=GetWwwRootPath()+"loginok.html"
_currentcode="UTF-8"
RETURN FILETOSTR(lchtml)
ENDPROC
ENDDEFINE
然后我们在登录页面执行登录,我们将看到如下效果:
我们再看一下网页源码,确认是否是真正调用了loginok.html页面
本课关键点总结:
1、进行设计前必须先设置运行环境,然后再启动调试服务器。
2、在后端定义前端访问默认过程:PROCEDURE onDefault。
3、声明私有变量:PRIVATE cName,cPASS。
4、获取前端数据:HttpQueryParams("此处的变量名称前后端要定义一致,否则无法正常通信,无法获取")。
5、获取前端网页:GetWwwRootPath("此处为空,则为框架下的默认目录wwwroot")+"此处为网页名称"。
6、指定显示编码:_currentcode="UTF-8"。因为VFP默认编码为DBCS。
7、将文件转换成字符,再让前端显示:FILETOSTR(此处为文件路径名称)
第一课视频学习教程
由于服务器原因,在线视频暂时下线了。
最新回复