PHP和JAVASCRIPT的混写方法

最新推荐文章于 2025-04-15 14:50:53 发布

原创最新推荐文章于 2025-04-15 14:50:53 发布 · 7.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #php #框架 #微信 #数据

互联网专栏收录该内容

140 篇文章

订阅专栏

本文探讨了在一个原本以PHP为主的微信公众号项目中引入Bootstrap-table的实现方式，并讨论了PHP与JavaScript混合编程的具体方法，包括数据传递的方式及两种语言间的交互。

才发现一直在做的微信公众号是多么的PHP框架，虽然没法说是纯PHP，但才发现是PHP主导的，其实也只有2种方向，要不就是PHP为主框架，要不就是JAVASCRIPT为主框架

此微信公众号本来是PHP为主框架，所以前端肯定“弱点”，现在我需要加一个Bootstrap-table, 实现倒是不难，例子也很多，也开源，

但是问题来了，数据传递要转为javascript为框架接受数据，PHP和JAVASCRIPT如何混写呢

本来的PHP写法

<!-- <div class="clearfix">

<div class="panel panel-default">
    <div class="panel-heading">总数：{$total}</div>
    <div class="panel-body">
        <table class="table table-hover" style="overflow:visible;">
            <thead class="navbar-inner">
                <tr>
                    <th style='width:80px;'>会员ID</th>
          {if $opencommission}
            <th style='width:120px;'>推荐人</th>   
          {/if}

                    <th style='width:120px;'>粉丝</th>
                    <th style='width:80px;'>会员姓名</th>
                    <th style='width:120px;'>手机号码</th>
                    <th style='width:120px;'>会员等级/分组</th>
                    <th style='width:130px;'>注册时间</th>
                    <th style='width:80px;'>积分</th>
                    <th style='width:80px;'>余额</th>
                    <th style='width:80px;'>成交订单</th>
                    <th style='width:80px;'>成交金额</th> 
                    <th style='width:100px'>关注</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                {loop $list $row}
                <tr>
                    <td>   {$row['id']}</td>
          {if $opencommission}  
            <td  {if !empty($row['agentid'])}title='ID: {$row['agentid']}'{/if}>
                {if empty($row['agentid'])}
                <label class='label label-default'>总店</label>
                {else}

                        {if !empty($row['agentavatar'])}
                         <img src='{$row['agentavatar']}' style='width:30px;height:30px;padding1px;border:1px solid #ccc' />
                       {/if}
                       {if empty($row['agentnickname'])}未更新{else}{$row['agentnickname']}{/if}
                       {/if}

                    </td>
          {/if}

现在的JS写法

    //初始化Table
    oTableInit.Init = function () {
        //JAVASCRIPT的TABLE框架，传递PHP过来
        var url = "<?php echo $this->createWebUrl('member/serial',array('op'=>'api')) ?>";
        //然后继续续写js，达到使用原来PHP数据的目的
        url+="&realname=" + $.trim($('#realname').val());
        url+="&time=";
        url+="&searchtime=";

不得不说，JS更容易理解一点，因为通过prototype对象化了，也就是面向对象编程，程序员也是人，人对对象的阅读肯定比对代码的阅读来得直观，但是作为程序员更应该掌握PHP，如果你研究并应用过，例如XML和XLST，那么你应该懂我在说什么，

（关于面向对象编程，OOC?还是OOP？曾经热衷过，之前面试很多人问，也试过在项目里硬套设计模式，但是10年程序生涯后，现在并不是太感冒）

附录：
1个最简单的显示php变量的javascript方法, 在template/xxxx.html写js脚本

<script type="text/javascript">
 window.onload = function(){
  console.log('{$filename}');
 }
</script>