前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VFP轻松搞定BS的增删查改,新世界的大门就此打开,谁能搞定就能接单

VFP轻松搞定BS的增删查改,新世界的大门就此打开,谁能搞定就能接单

作者头像
加菲猫的VFP
发布2021-12-02 14:09:53
5770
发布2021-12-02 14:09:53
举报
文章被收录于专栏:加菲猫的VFP加菲猫的VFP

开发环境: 1.VFP SP2 7423 2.祺佑三层开发框架 学BS就要先学本质,不要被花式迷了眼,本来是学BS开发的,结果一直在CSS化妆术里面打圈。

前端HTML页面设计-人员信息维护-新增

界面如图,

人员信息维护 输入姓名和年龄之后,点击保存,页面显示保存成功。

前端HTML页面代码

代码语言:javascript
复制
<form action="ctl_ryxx_edit.fsp">
姓名<input type="text" name="name" value="">
年龄<input type="text" name="age" value="">
<input type="hidden" name="ispostback" value="1">
<input type="submit" value="保存" />
<input type="reset" value="撤消" />
</form>

在这里猫猫多加了一下隐藏文本框,这个框的name value是可以被提交的

ispostback的作用 把它提交给后端,后端就可以区分是第一次加载,还是第二次加载了。 怎么区分呢? 后端有收到这个值,就说明是第二次加载了,没有则是第一次。 这个参数,实际在ASP.NET的webform技术中也有,作用一模一样。不要以为其它技术就一定很先进。

后端VFP代码

VFP代码

运行执行效果

执行效果

人员信息维护-修改

思路如下:

  1. 第一次加载,传入id值,根据id值加载各项字段值
  2. 保存之后,根据id值,写入数据表
  3. 最后在页面显示保存成功

(新增和修改做在一个页面中)

前端HTML页面代码

代码语言:javascript
复制
<form action="ctl_ryxx_edit.fsp">
姓名<input type="text" name="name" value="<%=u(name)%>">
年龄<input type="text" name="age" value="<%=u(age)%>">
id<input type="text" name="id" value="<%=u(id)%>" readonly="true">
<input type="hidden" name="ispostback" value="1">
<input type="submit" value="保存" />
<input type="reset" value="撤消" />
</form>

设置input的readonly的属性让ID只读,

后端VFP代码-加载页面代码

加载页面代码 ispostback首次加载是没有值的

后端VFP代码-保存代码

保存代码 注意用id的值来判断是新增,还是修改。 其实私有工作期session类是会自动关闭表的。

执行结果

执行结果

删除的实现

这个最简单,不需要前端HTML页面,只需用GET方式调用即可 ctl_ryxx_del.fsp?id=要删除的ID

VFP删除代码

注意看地址栏

执行结果

串起增删查改

增删查改

后端代码调整一下,默认显示所有记录

前端HTML代码

代码语言:javascript
复制
<form action="ctl_ryxx.fsp" method="post">
请查询<input type="text" name="tj" value="<%=u(cTj)%>">
<input type="submit" value="查询">
<a href=“ctl_ryxx_edit.fsp”>新增</a>
</form>id 姓名 年龄<br>
         <% scan %>
         <%=u(id)%> <%=u(name)%> <%=u(age)%> 
<a href=“ctl_ryxx_edit.fsp?id=<%=u(id)%>”>修改</a>
<a href="ctl_ryxx_del.fsp?id=<%=u(id)%>">删除</a>
<br />    <% endscan%>

修改和删除是利用a 标签 用GET方式调用后端VFP方法

完成增删查改

功能执行都没有什么问题, 唯一的问题是,返回只是保存成功,删除成功的字样。我们需要直接返回到查询页面。

功能改进,执行成功后,跳转到查询页面

代码语言:javascript
复制
后端FSP执行如下代码,即可通知前端浏览器跳转
HttpRedirect(url, this.iconnid )
url:需要跳转的URL
this.iconnid代表当前http连接id(必写)
稍稍改改一下代码
return “保存成功”
改为
HttpRedirect("ctl_ryxx.fsp",this.iconnid)

比较完善的增删查改的页面就完成啦,撒花!

猫猫的心里话

如何帮助使用VFP的人?

用VFP的人,有专业的,有非专业了,很多人其实是小白,问出的问题是小白,如果问题不对,我们引导他们问正确的问题。无论如何请不要嘲笑他们说帮助都不看,这么简单的问题都不会,嘲笑别人不行,而无法提出建设性答案,是很low的。

我们无论工作需要,还是有自己的软件,都是是需要真正的知识,如何让更多人学习真正的VFP知识呢,只需要点赞,在看,能转发朋友圈就更好了。

加菲猫的vfp倡导用"VFP极简混合开发,少写代码、快速出活,用VFP,但不局限于VFP,各种语言混合开发"

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-12-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 加菲猫的VFP 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前端HTML页面设计-人员信息维护-新增
    • 前端HTML页面代码
      • 后端VFP代码
      • 人员信息维护-修改
        • 前端HTML页面代码
          • 后端VFP代码-加载页面代码
            • 后端VFP代码-保存代码
            • 删除的实现
              • 串起增删查改
                • 前端HTML代码
                  • 完成增删查改
                    • 功能改进,执行成功后,跳转到查询页面
                    • 猫猫的心里话
                      • 如何帮助使用VFP的人?
                      领券
                      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档