19.1 添加用户修改的按钮

打开userManage.html,找到新增按钮的地方:

我们不难发现,编辑按钮就差不多应该在新建用户的右边。

那么,假如我现在是新人,对这个项目本身就不太熟悉,那么我得先找到这个页面,然后再去对应的页面找到新增按钮,然后在新增按钮的右边加上对应的代码。代码怎么写,我先不管,第一个事情就是去找到这个页面在哪。

方法:在这个页面上右键,点击 查看框架源代码



这个userManage.html就是该网页的地址。

打开userManage.html,ctrl + F一下,搜索新建用户这几个字。

找到了这个地方以后,可以发现,原来,这个新增的按钮就是一个a标签,于是,我们依葫芦画瓢。



这边和之前的代码相比,做一个修改,新建用户的按钮,绑定的函数名称改为openAddDialog。

函数代码:

//打开新增窗口
function openAddDialog(){ $("#dialog0").dialog("setTitle","新增用户").dialog("open"); } //打开修改窗口
function openModifyDialog(){ $("#dialog0").dialog("setTitle","编辑用户").dialog("open");
}

再来看一下保存方法:



发现一个问题,之前的保存,因为只有新增,所以是不带ID的。那如果现在我们要求这个保存方法既可以新增,也可以修改。就需要动态地变更一下url。

新增: url = save.php

修改:: url = save.php?id=XXX

代码:

var url = null;
//打开新增窗口
function openAddDialog(){
url = "save.php";
$("#dialog0").dialog("setTitle","新增用户").dialog("open"); } //打开修改窗口
function openModifyDialog(){ //编辑用户的时候,只允许用户勾选一条数据
var rows = $("#grid0").datagrid("getSelections"); if(rows.length != 1){
$.messager.alert("系统提示","请勾选一条数据!");
return;
} //将勾选的数据填充到窗口中
$("#form0").form("load",rows[0]); url = "save.php?id=" + rows[0].id; $("#dialog0").dialog("setTitle","编辑用户").dialog("open"); }

打开save.php,加上如下代码:



注意,因为ID是拼接在url后面的,所以是get方式,需要用$_GET去接受,不能用$_POST。

源码获取:https://www.jianshu.com/p/4977bd0073d5

【php增删改查实例】第二十一节 - 用户修改功能的更多相关文章

  1. 【php增删改查实例】第九节 - 部门管理模块(模糊查询)

    给datagrid添加一个工具栏. 效果: 模糊查询部门名称. 接下来,在工具栏区域画一个input框: <div id="toolbar" style="padd ...

  2. 【php增删改查实例】第一节 - PHP开发环境配置

    最近需要使用PHP,于是把平时的积累整理一下,就有了这个教程. 首先是环境配置: 1.操作系统:windos7 2.后台:PHP 3.前台:Html + js + css 4.数据库:MYSQL 5. ...

  3. 【php增删改查实例】第十二节 - 数据删除功能

    1.单条数据删除 思路:首先,需要也只能允许用户勾选一条数据,然后弹出一个确认框,问用户是否真的要删除?如果是,就把ID传递到PHP,然后写一个delete语句,通过ID去删除即可. 画好了按钮之后, ...

  4. python链接oracle数据库以及数据库的增删改查实例

    初次使用python链接oracle,所以想记录下我遇到的问题,便于向我这样初次尝试的朋友能够快速的配置好环境进入开发环节. 1.首先,python链接oracle数据库需要配置好环境. 我的相关环境 ...

  5. java:JSP(JSPWeb.xml的配置,动态和静态导入JSP文件,重定项和请求转发,使用JSP实现数据库的增删改查实例)

    1.JSP的配置: <%@ page language="java" import="java.util.*" pageEncoding="UT ...

  6. yii2.0增删改查实例讲解

    yii2.0增删改查实例讲解一.创建数据库文件. 创建表 CREATE TABLE `resource` ( `id` int(10) NOT NULL AUTO_INCREMENT, `textur ...

  7. 【php增删改查实例】第四节 -自己 DIY 一个数据库管理工具

    本节介绍如何自己DIY一个数据库管理工具,可以在页面输入sql 进行简单的增删改查操作. 首先,找到xampp的安装目录,打开htdocs: 新建一个php文件,名称为 mysqladmin.php ...

  8. 百度鹰眼Java接口调用增删改查实例

    因感觉百度鹰眼的使用场景比较符合实际业务,于是对百度鹰眼做了简单功能调试.刚开始使用springframework封装的RestTemplate,但是测试提示ak参数不存在.后又试了几种方法,均提示a ...

  9. Maven多模块项目+MVC框架+AJAX技术+layui分页对数据库增删改查实例

    昨天刚入门Maven多模块项目,所以简单写了一个小测试,就是对数据库单表的增删改查,例子比较综合,写得哪里不妥还望大神赐教,感谢! 首先看一下项目结构: 可以看到,一个项目MavenEmployee里 ...

随机推荐

  1. css,响应鼠标事件,文字变色

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. aws s3文件上传设置accesskey、secretkey、sessiontoken

    背景: 最近跟进的项目会封装aws S3资源管理细节,对外提供获取文件上传凭证的API,业务方使用获取到的凭证信息直接请求aws进行文件上传.因此,测试过程需要验证S3文件上传的有效性.aws官网有提 ...

  3. Python使用map,reduce高阶函数模拟实现Spark的reduceByKey算子功能

    # 使用默认的高阶函数map和reduce import randomdef map_function(arg):  # 生成测试数据 return (arg,1) list_map = list(m ...

  4. Python实现批量梯度下降算法

    # -*- coding: UTF-8 -*- import numpy as npimport math # 定义基础变量learning_rate = 0.1n_iterations = 1000 ...

  5. django母版页的使用

    母版页用于处理html页面相同部分内容,避免在不同的页面中重复出现 1.添加母版页 再manage.py文件相同目录下添加templates文件夹用于保存母版页html文件 2.添加母版页Base.h ...

  6. SSD 下的 MySQL(5.5) IO 优化

    一 目录 一 目录 二 背景 三 SSD 特性 四 基于 SSD 的数据库优化 五 A 项目 MySQL 主从关系图 六 程序切换之前调优 6.1 修改系统 IO 调度算法 6.2 修改 innodb ...

  7. Install Google Chrome on Fedora 28/27, CentOS/RHEL 7.5 (在 fedora 28 等 上 安装 chrome)

    今天在使用 fedora 安装 chrome 的时候遇到了问题,今天进行将安装过程进行记录下来.需要安装第三方软件仓库. 我们需要进行安装 fedora-workstation-repositorie ...

  8. MATLAB三维作图——隐函数

    MATLAB三维作图——隐函数 作者:凯鲁嘎吉 - 博客园http://www.cnblogs.com/kailugaji/ 对于三维隐函数,没有显式表达式,无法通过Matlab现成的3-D画图函数 ...

  9. 社交网络编程API之iOS系统自带分享

    社交网络编程API 社交网络编程主要使用iOS提供的Social框架,目前Social框架主要包含两个类: SLComposeViewController 提供撰写社交信息(如微博信息)的视图控制器, ...

  10. map的使用注意事项

    map是无序的,每次打印出来的map都会不一样,它不能通过index获取,而必须通过key获取 map的长度是不固定的,也就是和slice一样,也是一种引用类型 内置的len函数同样适用于map,返回 ...