• (六)模仿学习后台管理页面添加


    1. 我们想要完成一个删除的操作

    首先要在页面上出现一个删除的按钮

    在view.jsp中更改

    改完删除之后,需要在页面上点击删除后向后台服务器查询数据,所以第一时间我们就想到了超链接。

    其中href中需要添加一个请求地址,那么我们先空下,然后我们去后台完成这个地址,准备接收删除的请求。

    首先还去对应的Action中编写方法。老样子先模仿已经有的Action

    我们把这一段拿出来,放到我们自己的action中,进行修改。

    先改Sql语句,其中delete from 是sql语句,pid的来源是在action的成员变量中接收到的。但是表名用的TZztl,为什么不是t_zztl,因为我们使用的框架Hibernate会帮我们进行转换。

    这一句是Hibernate提供的操作,不需要我们自己写JDBC。

    在topicAction中有两个变量,我们此时也选择复制过来,生成get/set方法

    复制到我们的Action中

    通过Message这个单词和括号里的“操作成功”意思,我们可以知道这是一个信息提示,可以直接模仿

    而下面这种写法,我们能猜测到,这是删除之后,页面要重新请求的一个地址,可以看到topicAction中存在topicMana的方法。所以这是删除后请求的地址,我们可以在我们自己的action中请求之前的查看所有的方法。

    最后一句看返回单词succeed是表示成功的意思

    我们对我们的Action进行更改

    接下来我们需要去struts.xml中进行配置

    这是topicAction的,我们进行模仿

    我们模仿写法

    目前后台的地址有了,我们来看topic中的删除超链接我们也进行模仿

    这里面有超链接和表格,我们都复制过去进行更改

    我们将中的部分都拿到我们的页面中,我们之前写的交不用了。

    Head半部分也做一下更改

    头部引入的部分也做一下更改

    我们启动测试看一下。

    我们点击删除看一下

    确认删除

    点击确定,数据变少了

    查看数据库也确实变少了

    表名我们模仿成功了

    我们继续完成添加的部分

    首先我们看目前系统是不是给提供了添加的流程。

    先看Action里面有没有和添加有关的方法名,经过搜索发现forumsAction有一个方法表示添加。

    Add肯定有添加的意思。

    然后查询这个方法在struts.xml中的关联

    这样我们就找到了一个页面forumsAdd.jsp,找打了里面使用表单提交的方式,我们可以模仿了。

    我们先模仿这个页面,把添加页面做出来。复制forumsAdd.jsp改为zztlAdd.jsp,将文件放到我们自己的目录里,方便管理。

    我们主要改动表单的部分,这些配置内容暂时不变

    这里面我们目前分析只要提交按钮和输入框就可以了

    经过删减,重点已经标注出来了,代码如下。主要是对table中的内容更改,只保留了两个输入框,其它暂时不做保留,后面运行遇到问题可以回来微调。

    然后我们在之前的页面view.jsp里添加一个添加的跳转按钮,能够进入这个页面。

    上面的action是一个删除的action我们需要写一个添加跳转的方法。

    在struts.xml中进行配置

    把view.jsp中的跳转Action改动一下

    然后我们运行一下

    可以看到添加按钮

    点击添加,虽然丑了点,但是功能具备,页面也已经跳转。

    然后我们开始准备提交后接收的数据。在action准备添加的方法。

    先添加两个属性,生成get/set方法

    然后我们完成添加的方法

    接下来在struts.xml中配置

    在zztlAdd.jsp中修改路径

    我们运行一下

    数据进来了

    数据库查看一下

    完成了模仿

  • 相关阅读:
    定时日志清理
    python ros 订阅robot_pose获取机器人位置
    python ros 重新设置机器人的位置
    c 宏的定义
    dos与unix系统的格式转化
    robot_pose的类型
    ROS编译时(catkin_make)找不到bullet,Could NOT find Bullet (missing: BULLET_DYNAMICS_LIBRARY
    python 压缩tar 包
    python 文件分割
    python 千位分隔符,
  • 原文地址:https://www.cnblogs.com/bqwzy/p/16759101.html
Copyright © 2020-2023  润新知