項目經驗-博彩網站

時間 2019-11-16

標籤項目經驗博彩網站欄目網站開發简体版

原文原文鏈接

本次使用的是由thinkphp的產品onethink開發javascript

如下是本次項目積累的一些經驗，方便之後查閱php

1.在onethink框架內修改團隊信息

　　由於onethink採用的是插件開發，因此咱們必須找到那個並很差找的頁面，下面直接給路徑html

　　Addons/DevTeam/widget.html前端

2.onethink須要引用公共資源目錄的文件時

　　這主要指的是引用public公共資源目錄下的東西，配置文件在Application/Home/Conf/config.phpjava

　　使用的時候須要大寫全部內置標籤都須要大寫才能夠引用jquery

　　eg:<script src="__JS__/jquery-1.10.2.js"></script>ajax

3.由於前端頁面須要適配手機，因此在這裏採用bootstrpa做爲前端框架

　　(1).柵格系統介紹

　　這裏就簡單一下參數：thinkphp

　　col-xs:手機屏幕(超小屏幕)　　col-sm:平板(小屏幕)　　col-md:桌面顯示器(中等屏幕)　　col-lg:大桌面顯示器(大屏幕)數據庫

　　　(2).div垂直居中

　　line-height必需要有height屬性存在纔可以實現垂直居中效果json

<div style="height: 40px;background: #000;line-height: 40px;width: 100%;text-align: right">
    <span style="color: #999999;">
        登陸
    </span>
    <span  style="color: #999999;">
        註冊
    </span>
</div>

4.在onethink裏利用公共函數庫裏面的方法

{:get_username()}

　　這個函數方法是Onethink的內置函數庫，使用該函數是須要登陸以後，從這個方法中可以得到登陸用戶的函數名

　　公共的函數確定是在公共的資源目錄下面，在這個文件中的方法都是公共方法，路徑以下：

　　Application/Common/Common/function.php

5.倒計時實時更新源碼

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>倒計時js代碼 - 懶人建站 http://www.51xuediannao.com/</title>
</head>

<body>

倒計時js代碼 - 懶人建站 http://www.51xuediannao.com/ 整理 發佈
<DIV id="CountMsg" class="HotDate">
    <span id="t_d">00天</span>
    <span id="t_h">00時</span>
    <span id="t_m">00分</span>
    <span id="t_s">00秒</span>
</DIV>
<script type="text/javascript">
    function getRTime(){
        var EndTime= new Date('2016/09/18 20:24:00'); //截止時間 前端路上 http://www.51xuediannao.com/qd63/
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        /*var d=Math.floor(t/1000/60/60/24);
        t-=d*(1000*60*60*24);
        var h=Math.floor(t/1000/60/60);
        t-=h*60*60*1000;
        var m=Math.floor(t/1000/60);
        t-=m*60*1000;
        var s=Math.floor(t/1000);*/

        var d=Math.floor(t/1000/60/60/24);
        var h=Math.floor(t/1000/60/60%24);
        var m=Math.floor(t/1000/60%60);
        var s=Math.floor(t/1000%60);

        document.getElementById("t_d").innerHTML = d + "天";
        document.getElementById("t_h").innerHTML = h + "時";
        document.getElementById("t_m").innerHTML = m + "分";
        document.getElementById("t_s").innerHTML = s + "秒";
    }
    setInterval(getRTime,1000);
    </script>

</body>
</html>

6.button和a標籤的鏈接方式 (區別)

　　eg:

<button class="btn btn-edit" data-id="{$vo.id}"
        data-url="{:U('ShopCat/edit',array('id'=>$vo['id']))}">修改
</button>
<a href="{:U('ShopCat/del?id='.$vo['id'])}"
   class="confirm ajax-get">刪除</a>

7.拿到數據庫的時間戳轉化爲時間顯示

<td>{$vo.create_time|date='Y-m-d H:i:s',###}</td>

8.使用eq標籤

<td>
    <eq name="vo.status" value="0">
        <span>未完成</span>
    </eq>
    <eq name="vo.status" value="1">
        <span>已完成</span>
    </eq>
</td>

9.關於ajax數據綁定注意

不成功
$(msg.id).appendTo($("#qihao"));
成功
$("#qihao").html(msg.id);

10.在js裏的時間戳只能識別13位的和java裏的同樣

　　(1).先從服務端用ajax請求獲取服務端時間

window.stop_time
window.onload = function () {
    $.ajax({
        type: "POST",
        url: "http://127.0.0.1/index.php?s=/Home/Index/get_qihao",
        dataType: 'json',

        success: function (msg) {
            $("#qihao").html(msg.id);
            window.stop_time = msg.time;
            return;
        },
        error: function (xhr, type, errorThrown) {
            alert("error");
        }
    });
}

　　(2).因爲須要轉換成須要的時間格式　　2016-9-22 20:43:56

　　　　　須要先對10位時間戳轉換成13位時間戳

                    var d = new Date(parseInt(window.stop_time + "000"));
                    formatDate(d);

　　　　　再進行格式的轉換

                    function formatDate(now) {
                        var year = now.getYear() + 1900;
                        var month = now.getMonth() + 1;
                        var date = now.getDate();
                        var hour = now.getHours();
                        var minute = now.getMinutes();
                        var second = now.getSeconds();

                        window.geshi_stop_time = year + "/" + month + "/" + date + "   " + hour + ":" + minute + ":" + second

                    }

11.對js控件進行隱藏屬性

$("#content").hide();

12.前端dom提交的數據不正確

解決方案：name="win_num_a"     name須要填寫數據表裏正確的字段

<form action="{:U('Lottery/dialog')}" method="post" class="form-inline" enctype="multipart/form-data">
    <input type="hidden" name="id" value="{$info.id}">
    <div class="form-group">
        <label class="control-label">中獎號碼<span class="import"></span>：</label>
        <input type="text" class="form-control" name="win_num_a" value="{$info.win_num_a}" required="required">
        <button class="btn" type="submit">修改</button>
    </div>
</form>

13.利用Post數據做爲條件，插入數據庫

$m = $lottery->where("status=0")->find();
$arr['id'] = $_POST['id'];
$arr['test_num'] = $_POST['test_num'];
$arr['win_num'] = $m['win_num'];

if($m){
    $z = $lottery_my -> add($arr);