phpからデータベースを取得

データベースの内容もありますが、テーブル作成した上で表の日付と名前を合わせて中身のセルを出していきたいと考えております。

現在中身の0,1をデータベースから取得して出す感じです。

phpからデータベースを繋げてテーブルをscriptに持ってくることはできましたが、その後どのように
中身を出していけばいいのか悩んでおります。

例）

Aに０が入っているので合わせて０を出す。
日付と合わせて出したいのですが日付は順番通りなのでデータベースの順番に合わせたらいいのかなと思います。

貴重なアドバイスをいただきたいです。

php
1<!DOCTYPE html>
2<html class=center lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <link rel="stylesheet" href='http://ojt.local/wp-content/themes/jang-child/style.css' type='text/css' media='all'/>
8  <title>ステータスボード</title>
9</head>
10<body>
11<div class="container" align="center">
12
13
14
15    <h1>cookai</h1>
16
17    <?php
18
19    global $wpdb;
20
21    $result = $wpdb->get_results('select * from wp_m_cookai');
22
23    
24
25        $sampleJson = json_encode($result);
26    ?>
27
28    
29
30
31
32    <table class="border" border="1">
33
34    <script>
35    
36    var id = <?php echo $sampleJson?>;
37
38    console.log(id);
39
40    document.write(JSON.stringify(id));
41    
42     
43       
44
45    //日付の行
46      document.write('<tr>');
47    //何もないところ空白
48      document.write('<th>ステータス</th>');
49
50    
51    //var array = ['m_bbs','m_cal','m_work','m_bulid'];
52    var array = ['A','B','C','D'];
53    console.log(array);
54    var now_date = new Date();
55    var week = [];
56      
57    //日付の行ルーフ
58      for(i=0; i<7; i++){
59        
60        
61        now_date.setDate(now_date.getDate() + 1); //１日もどす
62        
63        //日付表示
64        document.write('<th>' , (now_date.getMonth() + 1) , '/' , now_date.getDate() , '</th>'); 
65
66        }
67
68    //日付終わり  
69        document.write('</tr>');
70
71
72        
73　　//商品名
74        document.write('<tr>');
75
76        for(y=0; y<array.length; y++){
77            document.write('<th>' + array[y] + '</th>');
78            
79            for(n=0; n < 2; n++){
80                document.write('<td>' + n + '</td>');
81            }
82            document.write('</tr>');
83        }
84        
85    
86    
87    
88    </script>
89
90</table>
91</div>
92</body>
93</html>

m.ts10806

2021/05/27 12:38

本件とは直接関係ないですが、document.write()は非推奨機能なのでやめたほうが良いです。おそらくそこの指摘は必ず入ります。 https://wps.wccp-tribeca.com/?p=1542 また、JavaScriptでHTMLを組むのはパフォーマンスにも影響しますし、イベント付与するわけではないのでしたらPHP側でHTML組まれたほうが良いと思います。

退会済みユーザー

2021/05/27 12:46

ありがとうございます。読ませていただきます！