技术分享

2019-11-05  本文已影响0人  dptms

环境搭建

Git 安装地址

链接

image.png
PHPstudy

链接

环境变量
image.png image.png image.png
界面介绍

教程地址

Navicat 百度网盘下载地址

链接
提取码:vtxe

Composer
image.png

链接

一个小的demo

准备前端文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <h1>学生管理系统</h1>
    <div class="add-form row">
        <form>
            <div class="form-group">
                <label for="exampleInputEmail1">姓名</label>
                <input type="text" class="form-control" id="exampleInputEmail1" placeholder="">
            </div>
            <div class="form-group">
                <label for="class">班级</label>
                <select name="class" id="class" class="form-control">
                    <option value="">一班</option>
                    <option value="">二班</option>
                    <option value="">三班</option>
                </select>
            </div>
            <div class="form-group">
                <label for="class">性别</label>
                <div class="radio">
                    <label>
                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                        男
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                        女
                    </label>
                </div>
            </div>

            <button type="submit" class="btn btn-default">提交</button>
        </form>
    </div>

    <div class="row">
        <div class="bs-example" data-example-id="simple-table">
            <table class="table">
                <caption>学生列表</caption>
                <thead>
                <tr>
                    <th>ID</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>班级</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>Mark</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td>Jacob</td>
                    <td>Thornton</td>
                    <td>@fat</td>
                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td>Larry</td>
                    <td>the Bird</td>
                    <td>@twitter</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>
</body>
</html>
Bootstrap

官网地址

Laravel 中文社区

官网地址

下载laravel
composer create-project --prefer-dist laravel/laravel student "5.5.*"
路由
上一篇 下一篇

猜你喜欢

热点阅读