PHP 阅读 4893
PHP 第17章 MVC

PHP 第17章 MVC

2018-02-24 • lulubin

一、MVC简介

1.1、学习 mvc 的目的

  • 快速上手各大主流 PHP 框架,例如 yii 框架、thinkphp、ci 等

  • 快速适应多数公司的 web 开发需求

  • 逐步接触和了解 web 系统架构的只是,为日后成为系统结构的中坚力量做准备

1.2、mvc 工作流程

https://file.lulublog.cn/images/3/2022/08/xZ8L858Z288N8X0Ngznx38k80Wi3dx.png?sign=3e197c56f770ed25331f8b87927ec419&t=6ae0ca80

1.3、mvc 的优势

https://file.lulublog.cn/images/3/2022/08/G1r319536080t31PuU7m9FPrm0973P.png?sign=362ac4aa0d1cf33a2d30cb0577591ef2&t=6ae0ca80

1.4、mvc 的组成与运行原理

https://file.lulublog.cn/images/3/2022/08/lnDq8v2E5denDuVVzi9Bv3Q5wBd9hU.png?sign=0647a03fc570dafbe9123c0dc7fa6ef8&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/PL6Z17p631C16Z6PK8h81A8ksNs7Kh.png?sign=4cdd25e4036df4e59e834139bbf8aeca&t=6ae0ca80

二、MVC 实例制作(1)

2.1、制作第一个控制器程序

https://file.lulublog.cn/images/3/2022/08/tkSsTtZgssw9g8S88cCz98gkgW9sR4.png?sign=7f215a741d49106a4d4919719b17a392&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/ABW44zOV2MBr4cb22eWGWKhFk555Gh.png?sign=95e32b1024e3d2c6549197dc63184fea&t=6ae0ca80

2.2、制作第一个模型程序

https://file.lulublog.cn/images/3/2022/08/WlLO00qL62oZo3aHO3EQHA0U60cLqQ.png?sign=6b3958592029c56a2cd2ace2cb5c6e72&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/DBTA6tLyYl5pWYTt45zzt6A6a6ba5O.png?sign=e9e043ccf3a02e21e0156d30f7c1c406&t=6ae0ca80

2.3、制作第一个视图程序

https://file.lulublog.cn/images/3/2022/08/TU1ff4ftGLuZQi41Z7N1odioz1QnMd.png?sign=3a70979a18d082b4d2e7bfc2a485958d&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/BZ8E9h2m9FD927JzKbZbHtUebu999e.png?sign=fa9d66a23fa38156289be62693cfe2d5&t=6ae0ca80

2.4、演示程序的效果

https://file.lulublog.cn/images/3/2022/08/lJ1t1J97R39979177oS10iar4113Ra.png?sign=17df7f466593510352d5b88d69c05aea&t=6ae0ca80

2.5、总结

https://file.lulublog.cn/images/3/2022/08/Hql4LER18taHmKmXr8Ga5Xtr81HQr8.png?sign=a0c972d302e1b9fe12de61ea61235bee&t=6ae0ca80

2.6、代码下载

三、MVC实例制作(2)

3.1、入口程序介绍与系统目录的规范化

https://file.lulublog.cn/images/3/2022/08/p0KONltSk07BBscQtSZqGqgD7Dw3ZF.png?sign=4bbc7be026ce19d96cb0fee1034506ad&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/vZzLxKWbwbBl086uuLv8R8kv0k8XlN.png?sign=a80a0ecdbb4e1df70d97960b2510a7c0&t=6ae0ca80

3.2、简易调用及实例化控制器(统一调用控制器)

https://file.lulublog.cn/images/3/2022/08/m2cGZCMQ275Mm2g7G722MZ5MDcMAAd.png?sign=2064adec80da5fb05d81af9bf54a581a&t=6ae0ca80

3.3、简易调用及实例化模型(统一调用模型)

https://file.lulublog.cn/images/3/2022/08/qw9HyMyGIgkECCEG5G5ICWcWz5ISC5.png?sign=a87be8b3c4bf5cfd8a7d91e10cb29042&t=6ae0ca80

3.4、简易调用及实例化视图(统一调用视图)

https://file.lulublog.cn/images/3/2022/08/ewsUN2rttHtBb6uri5rt6uSRRtrUrs.png?sign=37fd2d06220cbb4af2ded63f90f8b41e&t=6ae0ca80

3.5、入口文件功能(重要)

https://file.lulublog.cn/images/3/2022/08/fgu5GtoxtgJOM4MgJGgjttuo2552OL.png?sign=34f8e6ab47d75dec9b53e94b4d9aca1b&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/cyP2q4myQFmKMtp2fEpSqoFt2Q43SD.png?sign=834de95c494d19a48b5233a82ba5fcfc&t=6ae0ca80

3.6、代码下载

四、Smarty 模板引擎

4.1、视图引擎的介绍

https://file.lulublog.cn/images/3/2022/08/y4h8hvtgcwchodcymHdvwTqHdhDHch.png?sign=fbbaab8a2ddc02261a105597ff7e76f6&t=6ae0ca80

4.2、Smarty 的配置与实例化

smarty是一个模板引擎,使用smarty主要是为了实现逻辑和外在内容的分离,如果不使用模板的话,通常的做法就是php代码和html代码混编。使用了模板之后,则可以将业务逻辑都放到php文件中,而负责显示内容的模板则放到html文件中。
Smarty在执行display方法的时候,读取模板文件,并进行数据替换,生成编译文件,之后每次访问都会直接访问编译文件,读取编译文件省去了读取模板文件,和字符串替换的时间,所以可以更快,编译文件里时间戳记录模板文件修改时间,如果模板被修改过就可以检测到,然后重新编译(编译是把静态内容保存起来,动态内容根据传入的参数不同而不同)。
如果启用了缓存,则会根据编译文件生成缓存文件,在访问的时候如果有缓存文件并且缓存文件没有过期,则直接访问缓存文件。

test.tpl 可以随便命名,通常这样命名(代码)

https://file.lulublog.cn/images/3/2022/08/N9LBwnT0untBdkNdj24JYYB9DZJcN2.png?sign=256fb53778d8b5706cd85b337b7b3ffe&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/hY8947E38u289Jt3S9u993A848Q9aZ.png?sign=6c326aaeace0cc1ec4c0cda11589101c&t=6ae0ca80 https://file.lulublog.cn/images/3/2022/08/mYRGeR1frhGG1393r6gHD3Wx8d6CrX.png?sign=d588e883af2890a118822a77dbec9067&t=6ae0ca80

4.3、Smarty 模板语法

①、Smarty 的基本语法

https://file.lulublog.cn/images/3/2022/08/PBr5ag55yzBlAAtMWGQ5ibBaer2arS.png?sign=87ef473336e9bd8de5567149d552328a&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/xSuzVSois3u4uPTJVsv3jF44VVFUsf.png?sign=26c35256cce82ad3e2eafe74660be702&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/PU7U5i6J7Du76a5aujk656A65AbIJ6.png?sign=7a39425ad50bbdc2e70a239179fecb7e&t=6ae0ca80

②、Smarty的条件判断语句

https://file.lulublog.cn/images/3/2022/08/CrSnFFaAn37vq7zVhf37rq3QVvQrFF.png?sign=175cabd52383b8db40c5b9b8d7f867f8&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/fT4N6ZzELg6gFCLLZj2TyOQlKceFPT.png?sign=19863eb781417cb151fd21bc149378d5&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/VOJMyKuNmmm5M544dnodOdoU8OMoyu.png?sign=13a861ac85b534c568a9c9c727c659cf&t=6ae0ca80

③、Smarty的循环语句

https://file.lulublog.cn/images/3/2022/08/lGgRptrT45Rr57fh4P0Px9QQB837uG.png?sign=a503b949a5d35f049f7e4378f16ad141&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/RyPt3zg22jn11GNtl9FJ2PG2OTnwL1.png?sign=2cc589b45a67eb70b63f76846361e9cd&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/car2B84L4i1PJ2lAp7Plr4Ju4HP8Zm.png?sign=52bafc3c7f95558b139327c52c7f9179&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/z6houN62xnJ2OzU6U302NunqN2Uxwn.png?sign=45cb1dd6bd422ccc800edce9a4b05658&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/jvotHBYX8g8tpPI3yXoyZYHphPV8xo.png?sign=844c9ac12346f62b46ef1b8cd317780b&t=6ae0ca80 https://file.lulublog.cn/images/3/2022/08/tBK1GGcbY7jzNSGG3GwfJjc7CBoOCG.png?sign=00f1b4b7f605bd4eaa760382bfc071b1&t=6ae0ca80 

https://file.lulublog.cn/images/3/2022/08/edWH83fF9e22IWtkHk242VV29BKW42.png?sign=1cbc3d53cddb942c3c774de2073a4cf0&t=6ae0ca80

④、Smarty的文件引用

https://file.lulublog.cn/images/3/2022/08/s7RvJUfUU4V7oowu94cF994c4OfU27.png?sign=ea6a80d232abdda563fe2c947a962ace&t=6ae0ca80 https://file.lulublog.cn/images/3/2022/08/FLYT2lTf82y8iL2I8z934kyt782A4l.png?sign=ddbeb30b99e1a4956bd8b172fb21f550&t=6ae0ca80

⑤、Smarty类和对象赋值与使用

https://file.lulublog.cn/images/3/2022/08/bR2WbVsp6WBBCVVQhq4V266026Pt66.png?sign=4736f62b5439f790fa8adef504d25535&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/TddvNv7CHZuUUuuj0cnNP4d4umacVd.png?sign=7d3ed24dd1204a75c3c0170740db2ee5&t=6ae0ca80

⑥、Smarty函数的使用

https://file.lulublog.cn/images/3/2022/08/ABOAn0UJuA83dA6ooodXJiu480oxia.png?sign=ee0de9ff53caef61c4e78c1812254694&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/Kox82GuObP2KOAXoaTKE88Gb9exX8k.png?sign=ec0f657190d290bf93958e1980c3e423&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/k1t5553z51Jhl01L1JdF1dzJ3Z1L8J.png?sign=aa3be3ab8479727cbfcad13283d92b31&t=6ae0ca80 

https://file.lulublog.cn/images/3/2022/08/H98r2aRI8t389AnjHqT3fM2f7t03mJ.png?sign=059e127fd6a4487d36ee480ae1c4b59f&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/M8uEtVg1KV72i71GPgeeG3dFv3DGI7.png?sign=4268fa183f59dc6e73d03d5eb3f17cb5&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/S76jG7uDuy7bFKn2XCX5225Lyn6gK7.png?sign=56f02baf0208c973f251a7b83b295d50&t=6ae0ca80

⑦、function函数插件的定义和使用(重要)

https://file.lulublog.cn/images/3/2022/08/kXefzjmGrNlX6jbrmrJ18g99E3MrgN.png?sign=5c57b597bea8723391a4eb82a6363e7b&t=6ae0ca80

function是函数,是用来处理输入的数据并计算、输出结果

https://file.lulublog.cn/images/3/2022/08/a8883S55XuSui60i6PWZ6Z6uz8RAv5.png?sign=0560e32539e506a7b9f4da78ab0e4a98&t=6ae0ca80

⑧、modifiers变量调节器插件的定义和使用(重要)

modifier是变量调节器,主要针对某个变量进行修改

https://file.lulublog.cn/images/3/2022/08/MhzlNlWQZ8PkHx98NxWwMewxNxlnNw.png?sign=e696f6be5af0ebc5f381f15d6f4fe51c&t=6ae0ca80

⑨、block function区块函数插件的定义和使用(重要)

block一次能渲染一段字符串

https://file.lulublog.cn/images/3/2022/08/e6wQxmPPpWx3t65CX3k3GTXnmpw6Ln.png?sign=bf9274d1f287df7c31f34b3495751ac3&t=6ae0ca80

4.4、Smarty mvc 实例

https://file.lulublog.cn/images/3/2022/08/A2iJnVUjIjUIXIM9tO338u6TUoUu1U.png?sign=760d8a1ca231ecbd7d41ad2a3f959fb4&t=6ae0ca80

4.5 代码下载

五、MVC微型框架的建立

5.1、MySQL操作类

①、连接数据库

https://file.lulublog.cn/images/3/2022/08/v1ifL0GOTCOtUChgMBHrgzmg1hN0M6.png?sign=21b88132dd61602b6bcb35c816137ed9&t=6ae0ca80

②、获取数据

https://file.lulublog.cn/images/3/2022/08/H3F48Hf999cFvDjO0jh8jr1AHshAa5.png?sign=955dde922cbcb6585d531bc102ab6f66&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/BT052Qkq0WTES20yeTwEYFE280Z52f.png?sign=d197042e505d3d5ffe648817ef7dea30&t=6ae0ca80

③、添加数据

https://file.lulublog.cn/images/3/2022/08/Hi8zom6lmoB23WpPhPO26W2BZ2P2og.png?sign=5ad6e22998cc972db4e3ffbb5a49ff46&t=6ae0ca80

④、更新数据

https://file.lulublog.cn/images/3/2022/08/I9336OGNJe4ekW3o63wNgNS5N3Su3k.png?sign=bbc5464a2713fa8fbf2e45f59a1e3461&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/BfExu59zJTeovzTJdETEjeDj9OSm6Z.png?sign=2b409905bf4a0158479983f787a4732b&t=6ae0ca80

5.2、工厂模式初体验

工厂模式是 设计模式里的一种。MVC是架构模式。这里讲工厂模式是一个知识面拓展。 工厂模式可以给你系统带来更大的可扩展性和尽量少的修改量。

https://file.lulublog.cn/images/3/2022/08/eA3R99roW4r9o1A6w84wHAkAw12oRo.png?sign=5525818f7051fdff8271313ff80e31e0&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/M9F6z15yZ4hKOf9lYYOk49LzFzJlL1.png?sign=4fc8734086e19efb1cb9f1d905a38eb6&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/lO45rj441jZq4wNq046bLBlBcRrbV4.png?sign=ddd2a46d75820954a10a86ac2e08484b&t=6ae0ca80

5.3、框架组建简介

https://file.lulublog.cn/images/3/2022/08/C5zfdbbUFcdf622236FAF1P11P2f2D.png?sign=0f1fd8e5d94ce18b0d7d73aac01f7c9a&t=6ae0ca80 https://file.lulublog.cn/images/3/2022/08/Em97PdwIFbDFikP2PC2RFfP222p6pr.png?sign=5be47d4eb949da573246e589b64bfdfc&t=6ae0ca80

5.4、require文件和启动引擎程序实现

https://file.lulublog.cn/images/3/2022/08/Nh66fHZOT6Fst6A5LzrwH66RJa9h66.png?sign=80e1aea1b51d06b9c9a685193af8141e&t=6ae0ca80

5.5、入口文件与配置文件优化

https://file.lulublog.cn/images/3/2022/08/BzObRb9r3iF6rp9e9Oie9pR6cbyM3R.png?sign=d8b160b068ae49513d6a04f9035896f9&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/QfmffYHLy35dUUHPywFMdwlM38UvYu.png?sign=328af36cbeb1c9b5a788fdc3052d0bfa&t=6ae0ca80

5.6、代码下载

5.7、测试

http://127.0.0.1/mvc/admin.php?controller=admin&method=show

六、MVC微型框架的实际运用——mvc新闻管理系统

6.1、微框架简介

https://file.lulublog.cn/images/3/2022/08/y654S94Pe27T5s5Z9275sP596l5Zp1.png?sign=f58beb2a7b9895c27a0428ee01c3f47e&t=6ae0ca80 https://file.lulublog.cn/images/3/2022/08/exnXgK4WHN364hXXWW4nB7z437qq7X.png?sign=10ee847ec9592ccf9519d87eaeaf0862&t=6ae0ca80

6.2、系统需求分析

https://file.lulublog.cn/images/3/2022/08/xY1vN5Pp1n0e1A8Ii05w8po7qnnpNw.png?sign=3ebdcced521ab6e12dccd62237b6233e&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/xiKmzxXmzwfNmggkGKKAmLGxMYG8AZ.png?sign=c0cebece000a27df2c8ea5b647d9fae7&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/o4nVvN4Sas222r4ZFtHvVFVaQ4yvk2.png?sign=98f398abb017a79aaa4f73b183280c37&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/kT8EmG558zZNzjtlLVn5zV8T85g5K9.png?sign=dd4c7eca4cac819993c2e0dab50d8025&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/MD7jE7n7tIZtIdeT61W7tjtH7Idjih.png?sign=472af84f254d1b95a8b77e2d5786e2c1&t=6ae0ca80

6.3、后台模块的搭建

https://file.lulublog.cn/images/3/2022/08/b3l6GILZBDL36H6Z6Xoh6FL3i6xee6.png?sign=b63878e68b1049f25e0e85af27bfd64d&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/qXbFYSX8jJZJqn6N3nF7PG8DhSi4Ai.png?sign=47319e3a8455be17714dc09b92c07afb&t=6ae0ca80

6.4、后台登录功能的实现

https://file.lulublog.cn/images/3/2022/08/u7PlbpOPm22pJ9p9lP25uB1972Zp7Z.png?sign=dd3f732bfeaefd44425359a6159b6d80&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/Eq6IZzgnNMinC96y5ChFCJ6cYxSs3s.png?sign=7ba3127affb5b13d099a210dd574a68e&t=6ae0ca80

6.5、后台首页的搭建

https://file.lulublog.cn/images/3/2022/08/JJhT8lJyYKlM8txk7xTjBmbeJ7L9Ty.png?sign=361c4004060081f81f9c88384ca8589d&t=6ae0ca80

6.6、后台新闻的发布和修改

https://file.lulublog.cn/images/3/2022/08/mRffEyo5URR5oEDpIi6RFIfZluOory.png?sign=b2ccb88978f0e14c36d48bf1864b98a3&t=6ae0ca80

6.7、后天新闻列表显示和删除

https://file.lulublog.cn/images/3/2022/08/SD9fFmz77fe7kTU7L47XA7LLEX4kFt.png?sign=4267ab6310b77786d872ecb283c81f0a&t=6ae0ca80

6.8、前台页面展示

https://file.lulublog.cn/images/3/2022/08/SoL98o0Ge7aglz33oc9p00og9oG979.png?sign=53dafd483140c115f3ab4d1ab803c20a&t=6ae0ca80

https://file.lulublog.cn/images/3/2022/08/mppDwG774SoefPdQobs4edf88g7P8z.png?sign=7a20c59ac9a78170ed08dc3e57de9640&t=6ae0ca80

6.9、代码下载

PHP文章
带到手机上看