使用PHP，Mysql和jquery創建和應用，我被困住了

Question

我想創建一個將基本和弦圖表寫入數據庫並將其拉到另一個頁面上的應用程序。
我知道在數據庫中插入和返回數據的基本概念到中間概念，但是我在這一方面遇到了麻煩。

我希望在文本區域中，該成員能夠像這樣插入數據庫中...

{C}I`ve {F}been {G}though {A}the {C}desert

括號內的字母是和弦，括號外的單詞是歌詞。
不過，這不是問題，我知道該怎么做。

問題是， 我希望將{Chords}放置在它們前面的字母的正上方，同時還要給他們提供一個類，該類可使我在頁面上呈現時更改字體的顏色，大小和粗細。

我一直在想，可以使用表，str_replace和strTok來做到這一點，但我無法弄清楚。

有什么建議么？

Answer 1

• 使用正則表達式將{}的內容提取到數組中
• 將str_replace {}設置為空格（空格），這樣您將獲得純文本（和弦字母除外）
• 使用html css，將Chords字母放在span標簽中。更改span的css，使其位於字母上方。 也就是說，跨度位置是絕對的，父容器位置是相對的。
• 如果要將這些和弦保存到table中，則可以將其保存在數組中

希望這會有所幫助，祝你好運

Answer 2

使用HTML表可能是真正的痛苦。 這是不使用表就可以完成其中的HTML部分的方法：

<style>
.phrase { display: inline-block; }
.chord { font-size: 20px; }
.lyrics { font-size: 12px; margin-right: 1em; }
</style>

<div class="phrase">
    <span class="chord">C</span><br>
    <span class="lyrics">I've</span>
</div>

並混入一些PHP：

<?php
$phrases = array(
    array('chord' => 'C', 'lyrics' => "I've"),
    array('chord' => 'F', 'lyrics' => 'been'),
);
?>
<?php foreach($phrases as $phrase): ?>
<div class="phrase">
    <span class="chord"><?php echo $phrase['chord']; ?></span><br>
    <span class="lyrics"><?php echo $phrase['lyrics']; ?></span>
</div>
<?php endforeach; ?>

至於從數據庫保存/檢索。 您可以做一些花哨的正則表達式/字符串替換之類的事情，但這可能比您真正需要做的工作還要多。 保持簡單並創建如下結構：

Songs           Example
---------       -----------
id (PK)         1234
song_title      I've been through the desert

Phrases
-----------
id (PK)         1
song_id (FK)    1234
chord           C
lyrics          I've
order           1

在Phrases表中將有更多行，但是使用起來會容易得多。

另外，作為最后的，有偏見的建議：查閱Ruby on Rails 。 我開始學習PHP，希望自己在職業生涯的早期就可以學習Ruby on Rails。 Ruby on Rails通過多種方式使初學者可以輕松地開始編程。