Thinkphp学习轨迹

最新推荐文章于 2022-08-07 21:02:25 发布

INSo1ence

最新推荐文章于 2022-08-07 21:02:25 发布

阅读量437

点赞数 2

本文链接：https://blog.csdn.net/INSo1ence/article/details/50680930

版权

1：安装AMP，下载thinkphp3.2.3。环境phpstudy2014，php5.6.x，phpstorm10，chrome浏览器

2：配置thinkphp到相应目录，可以再浏览器中访问到index.php

3：在控制器controller与视图view中配置好相应结构，即可访问，controller是基础，所有逻辑均从这里开始。

4：配置数据库，在common中的config.php中添加配置信息，在controller中实例化引用，看img（使用的是compose【controller】）

head.html
------------------------------------
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <meta name="description" content="Page Description">
        <meta name="author" content="Administrator">
        <title>Page Title</title>

        <!-- Bootstrap -->
        <link href="/tp/Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
        <style>
            body{
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>
    <nav class="navbar navbar-inverse" role="navigation" style="border-radius: 0 0 5px 5px!important;">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/tp/shop/index.php/home/index/success">Home</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <form class="navbar-form navbar-left" role="search" action="http://www.baidu.com">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" name="wd">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                    <ul class="dropdown-menu" style="background-color: #31b0d5;border-radius: 0 0 10px 10px/10px 10px">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/tp/Public/js/jquery-2.2.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/tp/Public/js/bootstrap.min.js"></script>
<include file="login"/>

login.html
------------------------
<p>login(view)</p>
<!--<img src="/tp/Public/image/blue.jpg" style="height: 80%;width: 100%">-->
<table class="table table-hover table-striped table-responsive"style="width: 50%;margin-left: 25%">
		<p style="text-align: center;line-height: 10px;font-size: large">
			table msg
		<p/>
	<tbody>
		<tr>
			<td >name:</td>
            <td>noc-{$message.name|md5|substr=0,10}</td>
		</tr>
        <tr>
            <td>age:</td>
            <td>20-{$message.age}</td>
        </tr>
		<tr>
			<td>time:</td>
			<td>{$message.time|date="Y-m-d",###|substr=2,5}</td>
		</tr>
		<tr>
			<td>url:</td>
			<td>{$message.url}</td>
		</tr>
	</tbody>
</table>
<form  role="form">
	<legend>form</legend>

	<div class="form-group">
		<label for="name">my name</label>
		<input type="text" class="form-control" name="name" id="name" placeholder="Input..." value="fixer0">
	</div>

	<button οnclick="climb()" class="btn btn-primary">Submit</button>
</form>
<script type="text/javascript">
	var hisname = document.getElementById('name').value;
	function climb(){
		if(confirm('really?')){
			$.ajax({
				type:"POST",
				url:"/tp/shop/index.php/home/User/register",
				data:"name="+hisname,
				success:alert("ok")
			});
		}
	}
</script>
</body>
</html>

效果：

点击submit，数据库如图(原谅我调皮的插入了多次)：

从2016.2.16到今天2.17，用了两天时间学到一点皮毛，thinkphp真的是一款对新手非常友好的框架，未完待续

INSo1ence

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Thinkphp学习轨迹

1：安装AMP，下载thinkphp3.2.3。环境phpstudy2014，php5.6.x，phpstorm10，chrome浏览器2：配置thinkphp到相应目录，可以再浏览器中访问到index.php3：在控制器controller与视图view中配置好相应结构，即可访问，controller是基础，所有逻辑均从这里开始。4：配置数据库，在common中的co
复制链接

扫一扫