IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> thinkPHP6.0入门笔记之——环境配置 -> 正文阅读

[PHP知识库]thinkPHP6.0入门笔记之——环境配置


在这里插入图片描述

选择thinkPHP的原因

????虽然php的热度已经大不如从前了,在实用上存在较多的高并发问题,但是相对于java和go,php的语法更加简洁通俗,是一门比较好上手的后端语言,在小型项目的后端接口开发或者说是小作品创作上,显得比较方便。在目前学习阶段,可以利用php作为了解项目全栈开发的一个跳板。虽然php存在高并发,但是目前也有很多框架被开发出来,比如swoole和hyperf等。
在这里插入图片描述

thinkPHP6.0引入bootstrap

????为了将注意力集中在后端php上,采用bootstrap前端框架,方便快速设计实用样式,同时bootstrap能够适配多种尺寸的设备,可扩展性较强。使用thinkPHP是因为原生的php开发较慢,而且安全性能不是很好。
????首先下载对应的bootstrap文件包,官网链接:bootstrap下载,我这里装的是第三版。
????接下来,安装thinkPHP6.0,使用composer安装,如果电脑没有安装composer(记得配置环境变量,如不知道如何配置可以直接百度或者看我的java环境配置总结),需要安装一下composer下载或者直接去网上找对应的文件包,这里附上一个已经下载好并安装了驱动的demo,但是还是建议去装composer,方便下载最新版本。
使用composer方式安装(配置环境变量):
在这里插入图片描述
之后打开cmd,我这里选择的学习工具是小皮面板(方便修改端口、php版本、数据库),所以需要下载到这里:
在这里插入图片描述
在这里插入图片描述
下载指令:composer create-project topthink/think tp6demo
安装驱动:composer require topthink/think-view
配置相关信息,将网站根目录设置到tp6demo的public目录下,直接使用http://localhost/index.php就能访问。
在这里插入图片描述
安装好长这样:
在这里插入图片描述
或者你也可以直接使用下方文件:
thinkPHP6.0.9(含驱动)
这里反复强调驱动是因为如果不下载驱动的话,使用fetch指令时,会报错如下:
在这里插入图片描述
接下来,修改tp.env文件,将.example.env文件名改成.env,修改里面的数据库名称、数据库用户名以及密码。
在这里插入图片描述
接下来,修改tp6demo/config中的view.php,增加:

//设置bootstrap资源文件目录
    'tpl_replace_string' =>[
        '__JS__' => '../../static/js',
        '__CSS__' => '../../static/css',
    ]

结果如下:
在这里插入图片描述
????然后,在tp6demo\public中的static中新建css、js文件夹,将先前下载的bootstrap/dist/css中的bootstrap.css和bootstrap.css.map以及bootstrap/dist/css中的bootstrap.js放到tp6demo\public\static对应的css与js文件夹中,再去将jQuery文件放到tp6demo\public\static\js中(bootstrap是基于jQuery开发的)结果如下:
在这里插入图片描述
????那怎么知道引入成功了呢?
很简单,在public/index.php中写入一个test方法,用于跳转到指定页面如下图所示:
在这里插入图片描述
接下来,在浏览器导航栏输入http:localhost/index.php/index/test得到下图:
在这里插入图片描述
从报错可以看出来,是没有对应的页面,好说,按照对应的路径依次创建对应的文件,并写入提示内容,如下图所示:
在这里插入图片描述
再次访问,成功!
接下来,为了测试bootstrap的引入情况,在test.html文件中写入如下内容:

 	<!--引入css文件-->
    <link rel="stylesheet" href="__CSS__/bootstrap.css.map" />
    <link rel="stylesheet" href="__CSS__/bootstrap.css" />
    <!--引入js文件-->
    <script src="__JS__/jquery-3.5.1.min.js"></script>
    <script src="__JS__/bootstrap.js"></script>

继续访问test.html文件,打开控制台开看source,打开jQuery得到如下下图所示,证明bootstrap引入成功:
在这里插入图片描述
在这里插入图片描述
备注:图片来源于网络,如有侵权可在下方留言。

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-07-28 07:27:14  更:2021-07-28 07:29:10 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/4 1:12:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码