iT邦幫忙

DAY 24
6

[鐵鷹練成]CodeIgniter + Bootstrap系列 第 21

[鐵鷹練成]CI之會員登入(view)

  • 分享至 

  • xImage
  •  

先從簡單的開始
就兩個畫面
1.登入
2.SAY HI的頁面

views/login.php

<?php
$link = 'http://localhost/test/';
?>

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登入</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?=$link;?>css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="<?=$link;?>css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="<?=$link;?>js/jquery.js"></script>
<script src="<?=$link;?>js/bootstrap.min.js"></script>
<style>
#heig{
     height:25px;
}
#color{
     background-color: #E5E5E5;
}
</style>


<div class="container">
  <div align="center">
    <form id="form1" name="form1" method="post" action="">
      <p> </p>
      <p> </p>
      <table width="300" border="1" class="table table-bordered table-condensed">
        <tr>
          <td colspan="2" id="color"><div align="center"><strong>登入</strong></div></td>
        </tr>
        <tr>
          <td><div align="center"><strong>帳號</strong></div></td>
          <td><label id="heig">
            <input type="text" name="account" id="account" />
          </label></td>
        </tr>
        <tr>
          <td><div align="center"><strong>密碼</strong></div></td>
          <td><label id="heig">
            <input type="password" name="password" id="password" />
          </label></td>
        </tr>
        <tr>
          <td colspan="2" id="color">
          <div class="btn-group">
          <button class="btn" type="submit">登入</button>
          <button class="btn" type="reset">重新填寫</button>
          </div>
          </td>
        </tr>
      </table>
    </form>
  </div>
</div>

views/user

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>say hi</title>



<p><?=$content;?></p>
<p><?=$name;?></p>

後面OK的在講講會員管理!!

待續....


上一篇
[鐵鷹練成]CI之會員登入[資料庫與架構]
下一篇
[鐵鷹練成]CI之會員登入(model+流程)
系列文
[鐵鷹練成]CodeIgniter + Bootstrap31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
ianianwu
iT邦研究生 5 級 ‧ 2013-10-11 22:21:52

沙發

謝謝

我要留言

立即登入留言