框架调试服务器的使用

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页面
loginok.html网页源码界面


本课关键点总结:

1、进行设计前必须先设置运行环境,然后再启动调试服务器。
2、在后端定义前端访问默认过程:PROCEDURE onDefault。
3、声明私有变量:PRIVATE cName,cPASS。
4、获取前端数据:HttpQueryParams("此处的变量名称前后端要定义一致,否则无法正常通信,无法获取")。
5、获取前端网页:GetWwwRootPath("此处为空,则为框架下的默认目录wwwroot")+"此处为网页名称"。
6、指定显示编码:_currentcode="UTF-8"。因为VFP默认编码为DBCS。
7、将文件转换成字符,再让前端显示:FILETOSTR(此处为文件路径名称)


第一课视频学习教程

由于服务器原因,在线视频暂时下线了。

发表评论