美文网首页
php bs5将指定文件夹下的文件夹做为导航栏标签 并且有搜索栏

php bs5将指定文件夹下的文件夹做为导航栏标签 并且有搜索栏

作者: 宁波腾瑞文化传媒 | 来源:发表于2023-06-09 13:38 被阅读0次

1. 获取指定文件夹下的文件夹名

使用PHP的glob函数获取指定文件夹下的所有文件夹,然后通过遍历获取每个文件夹的名称作为导航栏标签。

```

$folders = glob('指定文件夹/*', GLOB_ONLYDIR);

foreach ($folders as $folder) {

    echo '<a class="nav-link" href="#">' . basename($folder) . '</a>';

}

```

2. 添加搜索栏

在导航栏上方添加搜索栏,可以使用Bootstrap的input组件。代码如下:

```

<form class="d-flex">

    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">

    <button class="btn btn-outline-success" type="submit">Search</button>

</form>

```

3. 添加会员注册登录按钮

在导航栏右侧添加会员注册登录按钮,可以使用Bootstrap的button组件和modal组件。代码如下:

```

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#loginModal">

    登录/注册

</button>

<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <h5 class="modal-title" id="loginModalLabel">登录/注册</h5>

                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

            </div>

            <div class="modal-body">

                <!-- 登录/注册表单 -->

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>

                <button type="button" class="btn btn-primary">保存</button>

            </div>

        </div>

    </div>

</div>

```

以上就是实现指定文件夹下的文件夹做为导航栏标签,并添加搜索栏和会员注册登录按钮的解决方案。

相关文章

网友评论

      本文标题:php bs5将指定文件夹下的文件夹做为导航栏标签 并且有搜索栏

      本文链接:https://www.haomeiwen.com/subject/cjdzedtx.html