thinkphp5 第7课：引入bootstrap

在学习本章前，你必须先学习有关bootstrap框架的博客，详见以下两篇：

https://blog.csdn.net/lsmxx/article/details/100538484

https://blog.csdn.net/lsmxx/article/details/100655600

在tp5中，如何引入bootstrap呢？在tp5框架的public目录下有一static目录，该目录就是用来存放静态资源的，包括第三方的前台框架boostrap

下载boostrap、bootstrapvalidtor和jquery，这些文件可以到学校服务器上下载，

 

下载后，解压到static目录下

接下来，在模板文件html中就可以使用boostrap框架了

案例：使用bootstrap3表单和表单验证，添加学生信

在index模块，创建student控制器，代码如下：

fetch();
    }

}

接下来，在view目录下，创建student目录，然后创建模板文件index.html

    
    
    
    
    
    
    
    
    
    




    

        

            

                
添加学生
            
            

                

                    

                        学号
                        

                            
                        
                    
                    

                        姓名
                        

                            
                        
                    
                    

                        性别
                        

                            
                                 男
                            
                            
                                 女
                            
                        
                    
                    

                        年龄
                        

                            
                        
                    

                    

                        

                            提交
                        
                    
                
            
        
    

需要讲解的是 head 区中的link和script标签中的 __STATIC__

使用 __STATIC__ 的目的是：获取样式文件和脚本文件所在目录

 这个常量我们在配置文件config.php事先定义好的

打开application目录中的config.php文件，找到 view_replace_str

需要改写成：

 'view_replace_str'       => [
        '__STATIC__' => $_SERVER['REQUEST_SCHEME']
            . "://".$_SERVER['HTTP_HOST']
            . rtrim(dirname($_SERVER['SCRIPT_NAME']))
            . '/static',
    ],

这段代码可以获取资源文件所在目录，比如：

http://127.0.0.1/tp5/public/static

这要当我们在浏览器运行：http://127.0.0.1/tp5/public/index.php/index/student

显示页面如下：

查看网页源代码：

我们就会发现，写在模板文件中的 __STATIC__ 变成了：http://127.0.0.1/tp5/public/static

这个表单还可以实现表单验证

 

在表单中，还有一行代码需要讲解

上面代码中出现了{:url('add)} ，url()是一个tp5自带的助手函数，可以自动生成url路径

比如：url('add') 表示 生成当前控制器中 的add方法的路径

我们查看一下网页源代码，上面的代码已经生成如下代码：

其中add.html 是伪静态，从以上路径上看，会执行index模块student控制器add方法

如果想实现生成带域名的完整路径，可以将url改写成如下：

url('add','','html',true)

这样就生成了：http://127.0.0.1/tp5/public/index.php/index/student/add.html

有关url生成，可以查看tp5完全手册中 “路由-URL生成”