一、更改默认控制器Index的代码,文件位置:www\\Application\\Home\\Controller
源代码:
<?php namespace Home\\Controller; use Think\\Controller; class IndexController extends Controller { public function index(){ $this->show(‘<style type="text/css">*{ padding: 0; margin: 0; } div{ padding: 4px 48px;} body{ background: #fff; font-family: "微软雅黑"; color: #333;font-size:24px} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.8em; font-size: 36px } a,a:hover{color:blue;}</style><div style="padding: 24px 48px;"> <h1>:)</h1><p>欢迎使用 <b>ThinkPHP</b>!</p><br/>版本 V{$Think.version}</div><script type="text/javascript" src="http://ad.topthink.com/Public/static/client.js"></script><thinkad id="ad_55e75dfae343f5a1"></thinkad><script type="text/javascript" src="http://tajs.qq.com/stats?sId=9347272" charset="UTF-8"></script>‘,‘utf-8‘); } }
更改完代码(目的是显示首页页面):
<?php /* User:shenlin Time:2017-12-24 Purpose:会员系统首页 */ namespace Home\\Controller; use Think\\Controller; class IndexController extends Controller { public function index(){ //输出页面 $this->display(); } }
二、显示页面、
页面保存位置:\\Application\\Home\\View\\Index,view目录下没有Index文件夹,需要自己新建文件夹名称,命名规则需要同控制器的名称。
三、编写首页代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>会员管理系统-首页</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style> th{ text-align: center; } </style> </head> <body> <!-- 页面简单编写,采用bootstrap框架 --> <div class="container"> <div class="row"> <div class="col-md-2"> <h5>账号:13800000009</h5> <h5><a href="">退出</a></h5> </div> <div class="col-md-10"> <h3><p class="text-center">会员首页</p></h3> <table class="table table-striped table-bordered table-hover table-responsive"> <thead> <tr> <th>编号</th> <th>登录账号</th> <th>登录密码</th> <th>名称</th> <th>年龄</th> <th>性别</th> <th>居住地</th> <th colspan="2">操作</th> </tr> </thead> <tbody> <!-- 信息 --> <tr class="info"> <th>1</th> <th>13800000002</th> <th>*****</th> <th>张三</th> <th>23</th> <th>1</th> <th>沈阳</th> <th>编辑</th> <th>删除</th> </tr> <!-- 成功 --> <tr class="success"> <th>2</th> <th>13800000002</th> <th>*****</th> <th>张三</th> <th>23</th> <th>1</th> <th>沈阳</th> <th>编辑</th> <th>删除</th> </tr> <!-- 危险 --> <tr class="danger"> <th>3</th> <th>13800000003</th> <th>*****</th> <th>张三</th> <th>23</th> <th>1</th> <th>沈阳</th> <th>编辑</th> <th>删除</th> </tr> <!-- 隐藏行 通常测试使用 --> <tr class="sr-only"> <th>4</th> <th>13800000004</th> <th>*****</th> <th>张三</th> <th>23</th> <th>1</th> <th>沈阳</th> <th>编辑</th> <th>删除</th> </tr> </tbody> </table> </div> </div> </div> </body> </html>
四、查看首页