原文地址:http://blog.csdn.net/ruby97/article/details/7574851

使用ThinkPHP框架快速搭建网站

这一周一直忙于做实验室的网站,基本功能算是完成了。比较有收获的是大概了解了ThinkPHP框架。写一些东西留作纪念吧。如果对于同样是Web方面新手的你有一丝丝帮助,那就更好了挖。

以前用PHP做过一个很蹩脚的网站,为什么这么说呢,因为写的全是死代码。做完以后觉得实在是累,前端要div+css,js 后端要php,mysql,这么多东西要弄,十分头疼。所以,在接到做网站的任务后,我第一时间想到一定要使用开发框架去做,绝不能跟以前一样那么累了。

我选择的是PHP的ThinkPHP框架。说实话,真的蛮不错的。瞬间觉得Web开发还是蛮有效率的。

超级链接:ThinkPHP中文网

按照套路,首先贴一下实验环境:

  • 1.    WAMP(集成的那种,最Easy的几乎不需要配置)
  • 2.    ZendStudio7.2(中文网址http://www.zendstudio.net/,里面提供下载,在线注册机以及使用教程)
  • 3.    ThinkPHP框架+百度UEditor编辑器插件
  • 4.    Win7-64bit操作系统
  • 5.    浏览器(火狐,IE,Chrome),外加火狐FireBug插件用于调试以及偷样式

-------------------------------------------------------------华丽分割-------------------------------------------------------------

第一步:找网页模板(不会美工,PS,见谅。。)

前端页面我找的是一个大学的实验室,这里就不贴了,很普通的那种。后台直接下载的模板,感觉蛮漂亮的,运行后如下图:


第二步:初识百度UEditor插件

由于我要做的是实验室的网站。实验室网站主要内容在如下几个方面:

  • 介绍实验室的成员
  • 实验室的项目,成果等
  • 实验室的新闻以及学术交流信息

可见,信息主要偏重于后台的新闻,文章信息的发布,而前台几乎不存在编辑。所以重点要在后台实现一个方便的文章发布体系

我选用了百度出品的UEditor所见即所得编辑器。主要是JS实现的,整合到后台后如下所示,功能真的很多哇:

关于UEditor的如何整合到网站中,请参考UEditor的官网,里面有详细教程。

第三步:初识ThinkPHP框架


下面开始介绍ThinkPHP框架,首先为了加强感性认识,先看一看ThinkPHP工程的目录结构:

文件夹:

  • admin是后台工程文件夹
  • home是前台工程
  • public里面用于存放CSS文件,JS文件以及网页里面的图片
  • ThinkPHP框架
  • ueditor是百度编辑器

下面三个PHP文件:

  • admin.php是后台工程的入口文件,
  • index.php是前台工程的入口文件。
  • config.inc.php,由于这个小项目的几乎所有数据都放在数据库里,而前后台都要连接数据库,所以所有的数据库配置代码放在了它里面。

而剩下的buildpath ,.settings , .project 是Zend IDE生成的,不管它们。

------------------------------------------------------华丽分割-------------------------------------------------------------

由于我这里面实际是两个工程(home和admin),只要理解其中一个即可,故下面只介绍后台,即admin部分

接着往下看,看一下admin.php文件,这是需要了解的第一个文件,即后台的入口文件

几个宏定义分别指明了:

  • 1.    ThinkPHP框架的路径
  • 2.    后台应用程序目录
  • 3.    后台应用程序名称
  • 4.    开启调试模式
  • 5.    包含ThinkPHP框架下的ThinkPHP.php文件(重要!

下面新建一个小工程来演示一下开发过程:

比如整个工程的大目录是xxx,然后把ThinkPHP框架拷贝进来,并添加admin.php文件(如上图中的代码)

此时在浏览器里面输入:http://localhost/xxx/admin.php会自动生成admin目录,如下图

打开admin目录,内容如下:

其中主要关注四个文件夹:

1.    Conf 存放工程配置文件(比如定义一些常量什么的)

2.    Lib   (最重要!存放MVC模式中的模型类和控制器类)

3.    Tpl(存放模板文件,按道理前面我们下载的模板应该放在这里)

4.    Runtime(存放运行时文件,比如缓存啊,数据库表缓存什么的)

最后贴出浏览器上的运行结果。。对不起贴的有点晚。

如果能看到上面的画面,说明ThinkPHP可以正常运行啦。下面我们继续完善吧。

------------------------------------------------------------华丽分割-----------------------------------------------------

第四步:初识MVC模式

到这里,不得不提一下在ThinkPHP中的MVC的概念。MVC很有名,叫做模型-视图-控制器模式。

在ThinkPHP里面:

模型(Model)可以认为就是一张数据库表。那我做的工程来说:

对于一篇文章(新闻),它的属性包括ID号,标题,作者,创建时间,最后修改时间以及文章内容。这就是一篇文章的模型。然后就按照这个思路建立对应的数据库表:

视图(View)可以认为就是用户看到的东西,即模板,或者说皮肤。

比如前面贴出的后台模板,那个在ThinkPHP概念中就是视图。

控制器(Action)可以认为是视图与模型之前的桥梁。因为网站上显示的内容基本全部来自众多模型们(数据库表们),而控制器负责的就是决定在哪些情况下显示哪些模型里面的哪些数据。还是拿我的例子说,我后台工程的首页对应的控制器是Index控制器。(Index控制器为所有工程的默认控制器)。但是你想,一个网站的首页一般是有很多按钮啊,超链接啊什么的,可以跳到其他地方去的东西。贴张图:

这是我的后台首页。可以看到左边有导航栏,右下边列出了数据库当前的文章信息,可以看到一共有三篇文章。比如我现在可能想做:

1.    把文章”1111测试文章发布系统”删除

2.    把文章”詹姆斯高捧第3座MVP奖杯”改成”詹姆斯高捧第4座MVP奖杯”

3.    新添加一篇别的文章

这就对应了Index控制器的不同功能了,也就是Index控制器类IndexAction的不同方法(比如取名edit()方法,delete()方法,add()方法)。当然之所以会看到页面显示,是因为默认情况下执行Index控制器的Index()方法,在该方法中调用display()方法显示模板(视图)。不信可以看默认的文件,里面的Index控制器的Index方法实现的就是HelloThinkPHP的欢迎页面。

比如:

IndexAction目录为:

/xxx/admin/Lib/Action/IndexAction.class.php

内容为:

可以看到,默认情况下在index方法中调用了$this->display()

(注意看IndexAction 继承Action类,display方法是Action类的方法);

调用display()方法后,ThinkPHP会在对应工程的Tpl文件夹下的Index文件下下找index.html文件。其中前一个Index文件夹对应的是Index控制器,index.html对应的是index()方法。

所以,一个控制器类对应一个模板文件夹。具体对应多少个模板跟控制器类有多少个方法以及有多少个方法需要display有关。

故,此时对应的模板文件路径为:

/xxx/admin/Tpl/Index/index.html

细心的朋友可能要问了,你这里只说了视图(模板)和控制器啊,模型呢?你是怎么知道数据库里的那三篇文章的信息的呢?其实不然,我在index方法里面还做了一些事情,下图是精简版index方法:

可以看到,第一步,我就实例化了一个模型。模型名字是Article,前面说到模型就是数据库表,此时查看一下有哪些数据库表:

第一个表名字是think_article,可以看到还差一个前缀think_,其实这个是在配置文件中指定的,还记得前文所述的config.inc.php吗? 其配置代码如下所示:

<?php

return array(

'DB_TYPE'              =>'mysql',

'DB_HOST'             =>'localhost',

'DB_NAME'            =>数据库名字,

'DB_USER'             =>用户名,

'DB_PWD'              =>密码,

'DB_PORT'             =>'3306',

'DB_PREFIX'           =>'think_',

);

?>

第二条语句就是查询数据库。ThinkPHP提供了很多种查询数据库的方法,我使用的是连贯操作法。

执行完第二条语句后$new_list变量就存储了所有文章的信息,那么怎么把它显示到界面上去呢?

看第三句话,它把该变量分配给了一个叫做’new_list’的变量  (好像同名了哇。。不过没关系,关键是assign方法),然后我们在模板文件里面进行替换就OK啦。默认情况下,在HTML里面写 {$new_list}就OK啦。当然,这里面的new_list是一个复合的变量,不是单纯的数字或者字符串。。不过ThinkPHP提供了很多循环的方法给我们使用,很是方便。

最后一条语句就是显示对应的视图文件了。我们就能把数据库中的文章信息按照视图(模板)里面定义的规则显示在浏览器中了。

---------------------------------------------------------------华丽分割-----------------------------------------------------------

源码下载

最后给出示例工程xxx的源码。有需要的朋友可以下载,可以很快的了解ThinkPHP的大概原理。

源码功能:

  • 1.后台管理员登陆
  • 2.添加文章,编辑文章,删除文章
  • 3.前台显示文章

使用方法:

  • 1.解压到网站根目录下,默认是www文件夹下的xxx文件夹

  • 2.在MySQL中新建一个数据库,比如rubydb,整理成utf8-genaral-ci
  • 3.导入数据库表文件夹下的两个数据库表 think_article 和think_user,导入后入下图:

  • 4.配置Config.inc.php文件
<?php
return array('DB_TYPE'            =>  'mysql','DB_HOST'           =>  'localhost','DB_NAME'           =>  '自己建一个数据库',//需要新建一个数据库!名字叫'DB_USER'          =>  '你的数据库用户名',       //数据库用户名    'DB_PWD'          =>  '你的数据库密码',//数据库登录密码'DB_PORT'            =>  '3306','DB_PREFIX'          =>  'think_',//数据库表名前缀
);
?>

可见,上面的DB_NAME,DB_USER,DB_PWD需要修改

分别是

'DB_NAME'=>'rubydb' ,

'DB_USER'  =>'你的mysql登录账号' ,

'DB_PWD'   =>'你的mysql登录密码'

  • 5.运行 http://localhost/xxx/admin.php,弹出后台登录页面:

输入数据库think_user里面的用户信息: ruby97,密码ruby97  ,再输入验证码即可登录。

选择写新闻按钮,自己添加一篇文章。然后到http://localhost/xxx下面看结果吧!

源码下载链接

使用ThinkPHP框架快速搭建网站【转】相关推荐

  1. 使用ThinkPHP框架快速开发网站(多图)

    使用ThinkPHP框架快速搭建网站 这一周一直忙于做实验室的网站,基本功能算是完成了.比较有收获的是大概了解了ThinkPHP框架.写一些东西留作纪念吧.如果对于同样是Web方面新手的你有一丝丝帮助 ...

  2. [转]使用ThinkPHP框架快速开发网站(多图)

    本文转自:http://blog.csdn.net/ruby97/article/details/7574851 这一周一直忙于做实验室的网站,基本功能算是完成了.比较有收获的是大概了解了ThinkP ...

  3. php图文安装教程,phpstudy的安装及ThinkPHP框架的搭建图文讲解

    我们开始学习ThinkPHP框架,第一件事是要在自己的电脑上安装一个php的服务器,其实很简单.只需要下载一个phpstudy即可.phpstud集成了Apache+MySQL+phpMyadmin, ...

  4. jeesite如何配置swagger_用JeeSite快速搭建网站(3):提供api接口给移动端

    上次在用JeeSite快速搭建网站(2):单表的增删改查中我们实现单表数据的增删改查了,现在终于来冲击最终目标--提供api接口给移动端. 准备工作:安装swagger 以前的工作流是 服务端写好接口 ...

  5. linux 快速建网站,如何快速建站,新手快速搭建网站教程

    越来越多的人选择个人建站,个人站长虽然门槛很低,但是有些朋友觉得Linux服务器各种复杂的命令脚本让自己没法搭建环境.今天就给大家推荐一款使用方便.功能强大的快速建站工具--云帮手,支持 Linux ...

  6. 宝塔绑定域名访问不了_千字长文教你使用 宝塔面板 快速搭建网站

    本文将教大家使用 宝塔面板 快速搭建网站,云服务器购买 以及 域名注册 部分请自行上网搜索了解,亦可留言联系小编进行咨询.如果是和下方一样本地搭建演示的话,则不需要付费购买域名和主机.宝塔面板 的是 ...

  7. 黑科技!无需代码快速搭建网站的平台来了

    通过智能网站搭建平台,可以无需代码快速搭建网站. 步骤一:注册/登陆爱用建站平台PC或移动端登陆用户中心-爱用智能网站,新用户注册[iYong通行证]. 步骤二:通过类似PPT编辑操作的可视化设计器设 ...

  8. 腾讯云轻量级服务器怎么搭建网站,腾讯云轻量应用服务器新手教程:快速搭建网站...

    原标题:腾讯云轻量应用服务器新手教程:快速搭建网站 腾讯云轻量应用服务器(Lighthouse)具备轻运维.开箱即用的特点,适用于小型网站.博客.论坛.电商以及云端开发测试和学习环境等轻量级业务场景, ...

  9. 基于Hexo框架快速搭建个人博客--文章一键发布(五)

    基于Hexo框架快速搭建个人博客--文章一键发布 一.文章对比 二.发布到Github 三.一键发布 四.总结 博客链接: 会思想的苇草i 文章链接: 基于Hexo框架快速搭建个人博客–搭建(一) 基 ...

最新文章

  1. Android报错——connect failed: EHOSTUNREACH (No route to host)
  2. 企业级 SpringBoot 教程 (四)SpringBoot 整合JPA
  3. zabbix企业应用之bind dns监控(转)
  4. python应用中调用spark_在python中使用pyspark读写Hive数据操作
  5. 博客园个性时钟,Play with me !!!
  6. 1010 Radix
  7. PowerEdge服务器生命周期控制器:Lifecycle Controller
  8. 敏捷开发免费管理工具——火星人预览之二:编辑故事,产品管理,组织结构...
  9. php7扩展安装奇葩事
  10. java中StringBuilder为单线程做的,StringBuffer相反
  11. win的反义词_全新整理小学英语常见的120对反义词大全,快来收藏学习吧
  12. 数字图像处理——大家来找茬(Python)
  13. 微软Kinect完全拆解
  14. DOTA数据集 | 数据前后处理操作系列
  15. 006-Sencha Cmd概论
  16. 2023年美赛C题Wordle预测问题一建模及Python代码详细讲解
  17. 第三节:带你详解Java的操作符,控制流程以及数组
  18. 大数据获客系统及源码5
  19. 基于ssm教学评价管理系统获取(java毕业设计)
  20. 2022年Java学习笔记目录

热门文章

  1. vueh5获取手机前置摄像头(安卓ios),input capture属性和navigator.mediaDevices
  2. Jaspersoft Studio入门:从模板创建报告,并创建数据源
  3. 刷脸支付带来效率提升可非一星半点
  4. C语言实现创建有序链表
  5. Linux下安装显卡驱动(ATI RADEON 9600)
  6. pytorch使用argmax argsoftmax
  7. 尿频中医如何辩证治疗
  8. CentOS 7.6服务器使用Bitnami创建Wordpress-5.9.3-0网站
  9. Apache Arrow:列式内存
  10. Markdown马克飞象css(代码块优化)