PHP和JAVASCRIPT的混写方法

来源:互联网 发布:免费商城系统 php 编辑:程序博客网 时间:2024/04/27 18:49

才发现一直在做的微信公众号是多么的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>
0 0
原创粉丝点击