php - 在html中显示每行的具体列

Question

在过去的几周里，作为一名自学的 CS 学生，我一直在工作列表网站上工作。我在七月完成了网站的前端，现在我正在学习 mySQL 和 PHP 来制作后端。

因此，在当前的“工作列表”页面上search.html，页面中目前有 4 个列表，但我html在制作前端时直接输入了这些列表，只是为了看看它会是什么样子。

我已经像这样构建了我的数据库并添加了一些示例：

我还制作了一个后端页面，让用户添加一个新列表并且它正在工作。

我不确定从前端开始是否是个好主意。我现在正在尝试显示三列（title, location, type) of each行based on my specific front-end layout. I won't display the日期），因为我还没有在 mySQL 上创建它。

搜索.html

  <div class="job-listing">
        <div class="container">
                <div class="job-number">
                    <h2>We Found <span id="number-jobs-total" class="text-secondary"></span> Offers For <span>You</span> </h2>
                </div>
                <ul class="job-board">
                    <li class="job job-1">
                        <div class="job-title">
                            <h2>Process Engineer</h2>
                        </div>
                        <div class="job-location">
                            <p>Location: Naypyitaw</p>
                        </div>
                        <div class="job-type">
                            <p>Type: Full-Time</p>
                        </div>
                        <div class="job-date">
                            <p>Published on 07/19/2019</p>
                        </div>
                        <div class="job-industry">
                            <p>Engineering</p>
                        </div>
                        <ul class="job-keywords">
                            <li>Engineering</li>
                            <li>Science</li>
                        </ul>
                    </li>
                    <li class="job job-2">
                            <div class="job-title">
                                <h2>Chief Financial Officier</h2>
                            </div>
                            <div class="job-location">
                                <p>Location: Naypyitaw</p>
                            </div>
                            <div class="job-type">
                                    <p>Type: Full-Time</p>
                            </div>
                            <div class="job-date">
                                    <p>Published on 07/18/2019</p>
                            </div>
                        </li>
                        <li class="job job-3">
                                <div class="job-title">
                                    <h2>Assistant CEO</h2>
                                </div>
                                <div class="job-location">
                                    <p>Location: Naypyitaw</p>
                                </div>
                                <div class="job-type">
                                        <p>Type: Part-Time</p>
                                </div>
                                <div class="job-date">
                                        <p>Published on 07/18/2019</p>
                                </div>
                            </li>
                            <li class="job job-4">
                                    <div class="job-title">
                                        <h2>Front-End Developer</h2>
                                    </div>
                                    <div class="job-location">
                                        <p>Location: Naypyitaw</p>
                                    </div>
                                    <div class="job-type">
                                            <p>Type: Part-Time</p>
                                    </div>
                                    <div class="job-date">
                                            <p>Published on 07/18/2019</p>
                                    </div>
                                </li>          
                </ul>
                <nav class="pagination-container">
                    <ul class="pagination">
                        <li><a href="javascript:void(0)">Previous</a></li>
                        <li><a href="javascript:void(0)">Next</a></li>

                    </ul>
                </nav>
        </div>
    </div>

我稍后会做的事情：

• 我需要保护我的 PHP 代码免受注入

• 分页按钮不起作用

标签： phphtmlmysqldatabasefrontend