精华内容
下载资源
问答
  • php——tp5前后端数据交互

    千次阅读 2019-11-06 16:32:03
    一般情况下会使用smarty模板引擎进行前后端分离,但是在tp框架中,应该如何进行前后端数据交互呢? 如图,这是tp5下一个自建的login模块,里头包括controller控制器,model模型和view视图。在controller\login....

      一般情况下会使用smarty模板引擎进行前后端分离,但是在tp框架中,应该如何进行前后端数据交互呢?

        

      如图,这是tp5下一个自建的login模块,里头包括controller控制器,model模型和view视图。在controller\login.php\index中渲染调取view\login\login.html,并且利用smarty模板引擎将标语$logo的值输出到前端,然后前端填写完登录信息之后将登录信息输出到后端。

    代码如下

    controller\login.php

    <?php 
    namespace app\login\controller;
    use think\Controller;
    
    class Login extends Controller{
    
    	public function index(){
    		$logo = "欢迎登录系统";
    		$this->assign('logo',$logo);
    		return $this->fetch('login');
    	}
    
    	public function login(){
    		$data = $_POST;
    		echo '<pre>';
    		var_dump($data);
    	}
    }
     ?>

    view\login\login.html

    <!DOCTYPE html>
    <html>
    <head>
    	<title>首页登录</title>
    </head>
    <body>
    	{$logo}
    	<form id="" name="" method="post" action="http://www.tp5.com/index.php/login/login/login">
    		用户名:<input type="text" name="username" autocomplete="off"><br>
    		密	码:<input type="password" name="password"><br>
    		<input type="submit" name="button" value='登录'>
    	</form>
    </body>
    </html>

    现在浏览器中通过后端访问登录首页,这里已经实现配置好了网站域名。

    前端页面输出

    填完登录信息,点击登录。

    这样就实现了一个tp5下的简单的前后端数据交互,希望可以帮助到大家,谢谢。

    展开全文
  • 方法1: 直接赋值控制器:$this->...'tp','email'=>'tp@example.com','array' => json_encode(array('a', 'b'))]);视图var app = new Vue({el: "#app",data: {name: '{$siteName}',email: '{$email}',a...

    方法1: 直接赋值

    控制器:

    $this->assign([

    'name' =>'tp',

    'email'=>'tp@example.com',

    'array' => json_encode(array('a', 'b'))

    ]);

    视图

    var app = new Vue({

    el: "#app",

    data: {

    name: '{$siteName}',

    email: '{$email}',

    array: {$array}

    }

    })

    方法2: 使用ajax获取数据

    完整视图test.html:

    Document

    var app = new Vue({

    el: "#app",

    data: {

    name: '',

    email: '',

    array: null

    },

    methods: {

    getData: function() {

    var vm = this;

    axios.get('/index.php?s=index/index/getData',{

    params:{

    name: 'tp',

    email: 'tp@example.com',

    array: ['a', 'b']

    }

    })

    .then(function (response) {

    var data = response.data;

    vm.name = data['name'];

    vm.email = data['email'];

    vm.array = data['array'];

    })

    .catch(function (error) {

    console.log(error);

    });

    }

    },

    mounted: function() {

    this.getData();

    }

    });

    完整控制器Index.php:

    namespace app\index\controller;

    use think\Controller;

    use think\Request;

    class Index extends Controller

    {

    public function test()

    {

    return $this->fetch('test');

    }

    public function getData(Request $request)

    {

    $arr = [

    'name' =>$_GET['name'],

    'email'=>$_GET['email'],

    'array' => $_GET['array']

    ];

    return json($arr);

    }

    }

    文件位置自己调整一下,推荐使用第二种方法,将来去耦合的时候,改动没有那么大

    展开全文
  • Tp3 增删改查: 增加add() 删除delete() 改 save() 查 select() 引入 use think\contuor 传值:I() ...Tp5 增删改查 增 insert() 删 delete() 改update() 查 find()/select() ...

    Tp3

    增删改查:
    增加add() 删除delete() 改 save() 查 select()
    引入 use think\contuor
    传值:I()
    跨控制器调用 :A()
    操作数据表:单字母函数M()D() M不需要指定模型类 D需要
    $this->display()

    Tp5

    增删改查
    增 insert() 删 delete() 改update() 查 find()/select()
    助手函数:db(操作数据表)需要引入use think/DB use think\Controller;
    传值:input()
    跨控制器调用:controller()
    return $this->fetch(’’); return view(); 渲染

    前后端通讯

    A链接

    <a hraf:{:url(‘模块/控制器/方法’)}></a>
    

    form

    <form action:{:url(‘模块/控制器/方法’)}></form>
    

    Ajax

    $.ajax({
        type : '',
        url : '',
        dataType : '',
        data : {
        ……
        },
        success= res =>{
    	}
    })
    

    JavaScript

    Window Location Href

    Location.href=“{:url(‘模块/控制器/方法’)}”;
    ‘[模块/控制器/操作]?额外参数1=值1&额外参数2=值2…’
    Array(‘id’=>($v[‘id’]))

    展开全文
  • 之前在做项目的时候,特别是最近总是再使用前后端分离模式,向客户端提供接口,每次都傻不拉几的 在每一个方法里面 写 $data = ['status'=>1,'message'=>'XXX','data'=>$data]; 累的要死,这脑子从来没想过...

    之前在做项目的时候,特别是最近总是再使用前后端分离模式,向客户端提供接口,每次都傻不拉几的 在每一个方法里面 写 $data = ['status'=>1,'message'=>'XXX','data'=>$data]; 累的要死,这脑子从来没想过封装一下吗?真是年龄大了啊,这个项目就抽出来吧,在common.php下写一个函数 以后调用 show就行了

    /**
     * 通用化接口封装
     * @param $status
     * @param $message
     * @param $data
     * @param $httpCode
     * @return array
     */
    function show($status, $message, $data, $httpCode){
        $data = [
            'status' => $status,
            'message' => $message,
            'data' => $data,
        ];
        return  json($data,$httpCode);
    }

     

    转载于:https://www.cnblogs.com/we-jack/p/11356460.html

    展开全文
  • 前后端分离解决session跨域丢失问题

    千次阅读 2018-12-04 20:31:12
    最近在做一个短信的平台,采用前后端分离的形式,前端vue,后端tp5,在登陆的时候出现了一个问题,登陆成功之后,拉取数据的接口在判断登陆时发现获取不到session_id,导致无法验这里是引用证登陆。 首先排错,在...
  • AJAX+tp5+JQ

    2020-02-09 00:35:42
    今天写到了前后端数据交换。虽然TP5自带了paging非常好用,可以自动用render分页,但是每次换页都会刷新页面,非常难受。 为此,开始用更加好用的AJAX技术,在这里做一个小总结. 主要是AJAX+TP5+JQ的数据发送和获取...
  • 前后端分离的事项没由很好的掌握,这部分开发花费了一定的时间,文档以及学习资料查阅的非常零散,因此希望自己可以整理一下.   遇到的问题: 分页做不到下面的,经常显示接口异常; 效果图:   解决办法:...
  • CareyShop(简称 CS)是一套基于 ThinkPHP5 框架开发的高性能商城框架系统,秉承简洁、快速、极致的开发理念,采用前后端分离,支持分布式部署。框架内部使用面向对象模块化调用,在多终端、跨平台时采用 REST API ...
  • 前后端分离的开发模式中,后端接收到前端的参数,需要时时打印参数,我往往是return回去,如 $vv = input('param.'); //获取全部参数 return json_encode(array('status'=>'200','msg'=>$vv)); 打印如...
  • CareyShop(简称 CS)是一套基于 ThinkPHP5 框架开发的高性能商城框架系统,秉承简洁、快速、极致的开发理念,采用前后端分离,支持分布式部署。框架内部使用面向对象模块化调用,在多终端、跨平台时采用 REST API ...
  • 在进行前后端分析开发的时候,前端使用的是element-admin框架进行开发,后台使用的是TP5框架,不管哪个版本TP都无法接收Vue项目POST传过来的参数。然而使用工具(postman)那些都能让后台成功接收POST过来的参数,...
  • PHP APP支付宝支付

    2018-06-07 10:34:00
    应业务需求,做了支付宝支付和微信支付,今天分享一下手机端app支付宝支付对接流程,实际开发过程是前后端分离,前端调用后端API接口,实现功能返回数据,我所用的跨挤啊为TP5,大致可以分为四步: 1.在蚂蚁金服...
  • 1.H5端vue.js重构,前后端分离。 2.新增H5端卖家管理 3.优化用户绑定手机流程 4.卖家账户/买家账户同步登录 5.新增手机端查找好友,及时聊天 6.新增举报商品 7.新增商品咨询 免费版更新 (PC端) 1.优化...
  • 最近应业务需求,做了支付宝支付和微信支付,今天分享一下手机端app支付宝支付对接流程,实际开发过程是前后端分离,前端调用后端API接口,实现功能返回数据,我所用的跨挤啊为TP5,大致可以分为四步:  1.在蚂蚁金...
  • 最近应业务需求,做了支付宝支付和微信支付,今天分享一下手机端app支付宝支付对接流程,实际开发过程是前后端分离,前端调用后端API接口,实现功能返回数据,我所用的跨挤啊为TP5,大致可以分为四步: 1.在蚂蚁金服...
  • 微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 2.萤火电商小程序 萤火电商小程序是B2C模式的电子商城...
  • 微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 2.来客推小程序商城 来客推开源版电商小程序,可去...
  • uni-app商城

    2019-12-25 09:52:10
    微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 项目放在了码云上,下载地址: ...
  • 为您提供crmeb电商系统下载,CRMEB客户管理+电商营销系统 核心技术TP6+Mysql+Vue+layui 支持公众号、小程序、H5端,带积分、优惠券、秒杀、会员、分销等功能,前后端“全部”开源,方便二开,详细使用文档可商用。...
  • 微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 2.来客推电商/小程序商城+APP+SaaS+前后代码开源 star...
  • 微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。v3.0采用TP6框架。 2.来客推电商/小程序商城+APP+SaaS+前后代码开源 star...
  • CRMEBv4.0采用TP6框架,前后端完全分离了,这样以来,微信公众号、微信小程序、H5都是调用统一接口,接下来还会出百度小程序、抖音小程序等,就变得更加方便了。 一下是部分接口文档,全部接口文档还得联系官方 地址...
  • 标准接口、前后端分离,二次开发更方便; 17.长连接减少CPU及内存使用及网络堵塞,减少请求响应时长; 18.无缝事件机制行为扩展更方便,方便二次开发; 19.支持队列降低流量高峰,解除耦合,高可用; 16.一键安装...
  • CRMEB Min是CRMEB品牌全新推出的一款轻量级、高性能、前后端分离的开源电商系统,完善的后台权限管理、会员管理、订单管理、产品管理、CMS管理、多端管理、页面DIY、数据统计、系统配置、组合数据管理、日志管理、...
  • 前后端具体怎么交互的一个流程,给一个空白、演示构建表格,表单菜单的模板 然后也说一下数据是怎么从于数据库是怎么于前端表单存取的,你的想法都挺厉害的,但是我们希望你写一下基本实现...

空空如也

空空如也

1 2
收藏数 27
精华内容 10
关键字:

tp5前后端数据