环境搭建
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.*"
网友评论