写在前面的话：应客户需求需要给后台增加自助添加电影名称和链接的功能，添加后在微信前台能自动读取显示。

开发步骤：

1、由于是给后台添加一个增加电影及电影链接的功能，所以控制器在Admin下。

在路径 Application\Lib\Action\Admin 下新建控制器 MvaddAction.class.php

控制器全部代码如下：

<?php
//继承PublicAction后访问本页面时必须先登录后台
class MvaddAction extends PublicAction {
    public function index() {
    $result = M("movie")->select();
    //var_dump($result);exit;
    $this->assign("name",$result);
        $this->display ();

    }

    public function add() {
    $data["mvname"] = $_POST["name"];
    $data["mvlink"] = $_POST["mvlink"];
    $result = M("movie")->add($data);
    if($result){
          $this->ajaxReturn($result,"新增成功！",1);
        //echo "ok";
    }
    }
    public function del(){
        $id = $_POST[‘id‘];
        $result = M("movie")->where(array("id"=>$id))->delete();
        if($result){
                $this->ajaxReturn($result,"删除成功！",1);        
        }
        
    }
    
    public function show(){
        $id = $_GET[‘id‘];
        $link = M("movie")->where(array("id"=>$id))->find();
        $this->assign("link",$link[‘mvlink‘]);
        $this->display();    
    }

}

 

2、添加模板

在 Application\Tpl\Admin\Mvadd 目录下添加静态页面模板 index.html

静态页面为已经全部开发完成的页面。

前端框架采用bootstrap

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.4/css/bootstrap.css" rel="stylesheet">
</head>
<script src="http://www1.qixoo.com/jquery-1.4.1.min.js"></script>
<body>
<form role="form" action="#">
  <div class="form-group">
    <label for="exampleInputEmail1">电影名称</label>
    <input type="text" class="form-control" id="mvname"  placeholder="请输入电影名称 如：精品电影">
  </div>
  <div class="form-group" >
    <label for="exampleInputPassword1">电影链接</label>
    <input type="text" class="form-control" id="mvlink"   placeholder="电影链接：如 http://www.029gc.cn">
  </div>
<button type="button" id="add"  class="btn btn-primary btn-lg btn-block" style="width:20%;align:center;">保存</button>
</form>
<table class="table table-bordered">
 <tr id="tr"><td>名称</td><td>链接</td><td>操作</td></tr>
 <foreach name="name" item="vo">
  <tr id="{$vo.id}tr"><td>{$vo.mvname}</td><td>{$vo.mvlink}</td><td><a href="javascript:void(0)" onclick=dellink({$vo.id});>删除</a></td></tr>
 </foreach>

</table>

</body>
<SCRIPT type=text/javascript>
$("#add").click(function (){
var name = $("#mvname").val();
var link = $("#mvlink").val();
if(name==""||link==""){
alert("电影名称或链接不能为空");
return;
}else{
$.ajax({
         url: "../index.php?g=Admin&m=Mvadd&a=add",  
         type: "POST",
         data:{"name":name,"mvlink":link},
         dataType: "json",
         error: function(){  
             alert(‘Error loading XML document‘);  
         },  
         success: function(data){
             alert(data.info);
             $("#tr").after("<tr id="+data.data+"tr><td>"+name+"</td><td>"+link+"</td><td><a href=‘javascript:void(0)‘ onclick=dellink1("+data.data+");>删除</a></td></tr>")
         }
     });
}
});    

function dellink(id){
$.ajax({
         url: "../index.php?g=Admin&m=Mvadd&a=del",  
         type: "POST",
         data:{"id":id},
         dataType: "json",
         error: function(){  
             alert(‘Error loading XML document‘);  
         },  
         success: function(data){
             alert(data.info);
             $("#"+id+"tr").remove();
         }
     });

}    
</SCRIPT>
</html>

技术点：

动态增加和删除表格中的数据。

thinkphp ajax添加及删除的更多相关文章

  1. MVC5 网站开发之六 管理员 2、添加、删除、重置密码、修改密码、列表浏览

    目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网 ...

  2. 打通前后端全栈开发node+vue进阶【课程学习系统项目实战详细讲解】(3)：用户添加/修改/删除 vue表格组件 vue分页组件

    第三章 建议学习时间8小时      总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章] 演示地址:后台:demo ...

  3. Thinkphp+Ajax带关键词搜索列表无刷新分页实例

    Thinkphp+Ajax带关键词搜索列表无刷新分页实例,两个查询条件,分页和搜索关键字,懂的朋友还可以添加其他分页参数. 搜索#keyword和加载内容区域#ajax_lists <input ...

  4. 利用jquery动态添加和删除表格的一行，并且保存单行数据

    开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据. HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据 <fo ...

  5. 3、尚硅谷_SSM高级整合_使用ajax操作实现删除的功能

    点击删除的时候,要删除联系人,这里同点击编辑按钮一样给删除按钮添加点击事件的时候不能使用 $(".delete_btn").click(function(){ }); 这种方式,因 ...

  6. Maven+ajax+SSM实现删除

    转载自:https://www.cnblogs.com/kebibuluan/p/9020381.html 3.尚硅谷_SSM高级整合_使用ajax操作实现删除的功能 点击删除的时候,要删除联系人,这 ...

  7. [vs2008]Visual Studio 2008 SP1添加或删除功能提示查找SQLSysClrTypes.msi文件

    前言 今天接到领导布置的一个任务,是之前同事负责的项目.离职了,现在客户有些地方需要修改,由于我之前参与过,就落在我的头上了. 然后我就把代码弄了过来,打开发现其中需要用到水晶报表.(我觉得不好用,不 ...

  8. JavaWeb_day03_员工信息添加修改删除

    day03员工的添加,修改,删除 修改功能 思路 : 点击修改员工数据之后,跳转到单行文本,查询要修改的员工id的全部信息,主键id设置为readonly,其余的都可以修改, 修改之后,提交按钮,提交 ...

  9. 原生js事件的添加和删除

    在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做 ...

随机推荐

  1. 创建服务factory和service方法的区别

    factory方法返回的是对象,json或数组,也可以返回字符串类型的数据,但service方法只能返回数据或对象 创建服务有3种方法 $provide.provider('服务名',function ...

  2. f2fs源码分析之文件读写过程

    本篇包括三个部分:1)f2fs 文件表示方法: 2)NAT详细介绍:3)f2fs文件读写过程:4) 下面详细阐述f2fs读写的过程. 管理数据位置关键的数据结构是node,node包括三种:inode ...

  3. bootstrap和jquery mobile的对比

    最近一直在研究bootstrap这东西,确实是个好的框架,但是诸多优势背后也隐藏着一些不好的地方,对此,我把它和另一套响应式框架jquery mobile做了一下对比,我的总结如下:    1.boo ...

  4. The Linux Storage Stack Diagram

    相关文章: 如何提高Linux下块设备IO的整体性能?

  5. C语言 详解多级指针与指针类型的关系

    //V推论①:指针变量的步长只与‘指针变量的值’的类型有关(指针的值的类型 == 指针指向数据的类型) //指针类型跟指针的值有关,指针是占据4个字节大小的内存空间,但是指针的类型却是各不相同的 // ...

  6. How to configure SRTM elevations in WorldWind WMS

    In this thread I will try to explain how to serve SRTM elevations using NASA WorldWind WMS. ! Import ...

  7. 为什么我的SQL server 在附加数据库后，数据库总是变成了只读？

    我从同学那拷贝来一个数据库,在他那都可以用,可是当我附加到自己SQL Server上时,数据库显示为只读,我查看过数据库源文件所在的文件夹都正常!请高手指教!谢谢 ================== ...

  8. 信息安全系统设计基础实验五 20135210&20135218

    北京电子科技学院(BESTI) 实     验    报     告 课程:信息安全系统设计基础           班级: 1352 姓名:程涵,姬梦馨             学号:2013521 ...

  9. Linux 读书笔记 二

    一.实验说明 1. 环境登录 无需密码自动登录,系统用户名shiyanlou,密码shiyanlou 若不小心登出后,直接刷新页面即可 2. 环境使用 完成实验后可以点击桌面上方的“实验截图”保存并分 ...

  10. IOS开发之——OpenUDID的使用获取用户唯一设备

    下载网址:https://github.com/ylechelle/OpenUDID OpenUDID测试结果分析 1)优点: a.没有用到MAC地址.MAC地址跟UDID一样,存在隐私问题.不能保证 ...