133 lines
4.2 KiB
HTML
133 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>PHP 例外処理問題 スタートページ</title>
|
||
<link href="../common/css/bootstrap.min.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<div class="page-header">
|
||
<h1>PHP 例外処理問題 </h1>
|
||
</div>
|
||
|
||
<div class="panel-group" id="accordion">
|
||
<!-- Ex01: 例外処理基本 (GET: num, den) -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseEx01">
|
||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
Ex01: 例外処理基本
|
||
</a>
|
||
<small>初級</small>
|
||
</h4>
|
||
</div>
|
||
<div id="collapseEx01" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<!-- GETフォーム for Ex01.php -->
|
||
<form method="get" action="Ex01.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="num">分子 (num):</label>
|
||
<input type="number" class="form-control" name="num" id="num" value="10">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="den">分母 (den):</label>
|
||
<input type="number" class="form-control" name="den" id="den" value="2">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">実行</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Ex02: 例外の伝播 (GET: value) -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseEx02">
|
||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
Ex02: 例外の伝播
|
||
</a>
|
||
<small>初級</small>
|
||
</h4>
|
||
</div>
|
||
<div id="collapseEx02" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<!-- GETフォーム for Ex02.php -->
|
||
<form method="get" action="Ex02.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="value">値 (value):</label>
|
||
<input type="number" class="form-control" name="value" id="value" value="5">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">実行</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Ex03: 例外キャッチ記述順序修正 (リンクのみ) -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a href="Ex03.php" target="_blank">
|
||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
Ex03: 例外キャッチの記述順序修正
|
||
</a>
|
||
<small>初級</small>
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Ex04: カスタム例外とCSV処理 (リンクのみ) -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a href="Ex04.php" target="_blank">
|
||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
Ex04: カスタム例外とCSV処理
|
||
</a>
|
||
<small>中級</small>
|
||
</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Ex05 -->
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a data-toggle="collapse" data-parent="#accordion" href="#collapseEx05">
|
||
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
|
||
Ex05: API呼び出しの例外処理（現場寄り）
|
||
</a>
|
||
<small>上級</small>
|
||
</h4>
|
||
</div>
|
||
<div id="collapseEx05" class="panel-collapse collapse">
|
||
<div class="panel-body">
|
||
<!-- GETフォーム for Ex05.php -->
|
||
<form method="get" action="Ex05.php" target="_blank" class="form-inline">
|
||
<div class="form-group">
|
||
<label for="url">URL:</label>
|
||
<input type="text" class="form-control" name="url" id="url"
|
||
value="https://jsonplaceholder.typicode.com/todos/1">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">実行</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- jQuery -->
|
||
<script src="../common/js/jquery-3.2.1.min.js"></script>
|
||
<!-- Bootstrap Core JavaScript -->
|
||
<script src="../common/js/bootstrap.min"></script>
|
||
</body>
|
||
|
||
</html> |