PHP 阅读 4887
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=681f2115958ac944a6bac87b74b5118b&t=6adb8480

1.3、mvc 的优势

https://file.lulublog.cn/images/3/2022/08/G1r319536080t31PuU7m9FPrm0973P.png?sign=d07cd2ccdde0bab194a46b1210f3e264&t=6adb8480

1.4、mvc 的组成与运行原理

https://file.lulublog.cn/images/3/2022/08/lnDq8v2E5denDuVVzi9Bv3Q5wBd9hU.png?sign=c3530e6e041d229c7e2ff54ed26d88f8&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/PL6Z17p631C16Z6PK8h81A8ksNs7Kh.png?sign=ff7b728aa487731a0c64559a49c7db5c&t=6adb8480

二、MVC 实例制作(1)

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

https://file.lulublog.cn/images/3/2022/08/tkSsTtZgssw9g8S88cCz98gkgW9sR4.png?sign=490ac772354610376de811908c54162b&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/ABW44zOV2MBr4cb22eWGWKhFk555Gh.png?sign=5dee50906ba5ffdb7719dea3e7d07453&t=6adb8480

2.2、制作第一个模型程序

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

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

2.3、制作第一个视图程序

https://file.lulublog.cn/images/3/2022/08/TU1ff4ftGLuZQi41Z7N1odioz1QnMd.png?sign=508d31f552e6e6e5a067fbf130714b77&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/BZ8E9h2m9FD927JzKbZbHtUebu999e.png?sign=426c02043e2a35147cd01f14d2467a44&t=6adb8480

2.4、演示程序的效果

https://file.lulublog.cn/images/3/2022/08/lJ1t1J97R39979177oS10iar4113Ra.png?sign=995240dd23ab5620ccfd5291acda1f54&t=6adb8480

2.5、总结

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

2.6、代码下载

三、MVC实例制作(2)

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

https://file.lulublog.cn/images/3/2022/08/p0KONltSk07BBscQtSZqGqgD7Dw3ZF.png?sign=e8f2491ae564bf7fe66e1687a383aed4&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/vZzLxKWbwbBl086uuLv8R8kv0k8XlN.png?sign=0ae22dc27d881d446f2ecd9ed7627403&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/m2cGZCMQ275Mm2g7G722MZ5MDcMAAd.png?sign=acf36a77fdc94e8ceff52bdbd960c455&t=6adb8480

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

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

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

https://file.lulublog.cn/images/3/2022/08/ewsUN2rttHtBb6uri5rt6uSRRtrUrs.png?sign=d061c45f042641f9a2352c5915c2d1b4&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/fgu5GtoxtgJOM4MgJGgjttuo2552OL.png?sign=3bded29603c76e4d4b62fefcd2c4bc3c&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/cyP2q4myQFmKMtp2fEpSqoFt2Q43SD.png?sign=8e43a69360512fc615d136d091d76fa8&t=6adb8480

3.6、代码下载

四、Smarty 模板引擎

4.1、视图引擎的介绍

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

4.2、Smarty 的配置与实例化

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

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

https://file.lulublog.cn/images/3/2022/08/N9LBwnT0untBdkNdj24JYYB9DZJcN2.png?sign=d5a85fe0dc3b42dba487b11b49e31a24&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/hY8947E38u289Jt3S9u993A848Q9aZ.png?sign=0b6f4256e2d788925ea1b051a58ee52b&t=6adb8480 https://file.lulublog.cn/images/3/2022/08/mYRGeR1frhGG1393r6gHD3Wx8d6CrX.png?sign=69811ad85f05e3fe21b816dc477a485d&t=6adb8480

4.3、Smarty 模板语法

①、Smarty 的基本语法

https://file.lulublog.cn/images/3/2022/08/PBr5ag55yzBlAAtMWGQ5ibBaer2arS.png?sign=5e7e09a4ea18b47750df7f8fd437340d&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/xSuzVSois3u4uPTJVsv3jF44VVFUsf.png?sign=98bb3b35588e94a1cc65a2d150aabf64&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/PU7U5i6J7Du76a5aujk656A65AbIJ6.png?sign=f7cddba76f107677314b35b618f8764d&t=6adb8480

②、Smarty的条件判断语句

https://file.lulublog.cn/images/3/2022/08/CrSnFFaAn37vq7zVhf37rq3QVvQrFF.png?sign=92578a41a63d3bbdf9b8a597ecf8297b&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/fT4N6ZzELg6gFCLLZj2TyOQlKceFPT.png?sign=25d2a9174b7fe597bb6f51678b6a331d&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/VOJMyKuNmmm5M544dnodOdoU8OMoyu.png?sign=d88ddcbe6f989e7a1ee3c45352be6188&t=6adb8480

③、Smarty的循环语句

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

https://file.lulublog.cn/images/3/2022/08/RyPt3zg22jn11GNtl9FJ2PG2OTnwL1.png?sign=f3a17e891fe661671e711ea8eb9d0104&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/car2B84L4i1PJ2lAp7Plr4Ju4HP8Zm.png?sign=86800d3d21f45f499de9025f9b965c25&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/z6houN62xnJ2OzU6U302NunqN2Uxwn.png?sign=344b969634f5cd029c0b4ddd79cd91ee&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/jvotHBYX8g8tpPI3yXoyZYHphPV8xo.png?sign=439c76f594f9f27287b3c495ef775212&t=6adb8480 https://file.lulublog.cn/images/3/2022/08/tBK1GGcbY7jzNSGG3GwfJjc7CBoOCG.png?sign=2dae59b972c2918c81867837a690387f&t=6adb8480 

https://file.lulublog.cn/images/3/2022/08/edWH83fF9e22IWtkHk242VV29BKW42.png?sign=7d372d2850046769d7615d9472d42885&t=6adb8480

④、Smarty的文件引用

https://file.lulublog.cn/images/3/2022/08/s7RvJUfUU4V7oowu94cF994c4OfU27.png?sign=f3cc23bd336fba465c65ddca880f5bd9&t=6adb8480 https://file.lulublog.cn/images/3/2022/08/FLYT2lTf82y8iL2I8z934kyt782A4l.png?sign=ef18b42c68b4220c841b53cbf670e01e&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/bR2WbVsp6WBBCVVQhq4V266026Pt66.png?sign=ba471ed38365dee0f3417eee9a8b93e9&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/TddvNv7CHZuUUuuj0cnNP4d4umacVd.png?sign=70264f0af98077728eceaa04dfed45c9&t=6adb8480

⑥、Smarty函数的使用

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

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

https://file.lulublog.cn/images/3/2022/08/k1t5553z51Jhl01L1JdF1dzJ3Z1L8J.png?sign=92fcc70f72b707d00e344a1f7a101adc&t=6adb8480 

https://file.lulublog.cn/images/3/2022/08/H98r2aRI8t389AnjHqT3fM2f7t03mJ.png?sign=6f0db0cf9af6a07f6f0d40df8673e132&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/M8uEtVg1KV72i71GPgeeG3dFv3DGI7.png?sign=8a06fabda9908938033ac2ab146df35d&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/S76jG7uDuy7bFKn2XCX5225Lyn6gK7.png?sign=a484f0df88c6167f49b7cffb6e20f3a9&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/kXefzjmGrNlX6jbrmrJ18g99E3MrgN.png?sign=13e00ed83ea8e9f709a482e0c7742cf8&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/a8883S55XuSui60i6PWZ6Z6uz8RAv5.png?sign=756ad97d0f41ff1b0d7bf2f9209da5a2&t=6adb8480

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

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

https://file.lulublog.cn/images/3/2022/08/MhzlNlWQZ8PkHx98NxWwMewxNxlnNw.png?sign=4ab3e40cfab56a6db922790fd45a4e35&t=6adb8480

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

block一次能渲染一段字符串

https://file.lulublog.cn/images/3/2022/08/e6wQxmPPpWx3t65CX3k3GTXnmpw6Ln.png?sign=5a9385515d6a7070cdee687ae383f233&t=6adb8480

4.4、Smarty mvc 实例

https://file.lulublog.cn/images/3/2022/08/A2iJnVUjIjUIXIM9tO338u6TUoUu1U.png?sign=36903a489904101f3cf427996d1e686a&t=6adb8480

4.5 代码下载

五、MVC微型框架的建立

5.1、MySQL操作类

①、连接数据库

https://file.lulublog.cn/images/3/2022/08/v1ifL0GOTCOtUChgMBHrgzmg1hN0M6.png?sign=c135bc78af8a72c1a064397cfeca701e&t=6adb8480

②、获取数据

https://file.lulublog.cn/images/3/2022/08/H3F48Hf999cFvDjO0jh8jr1AHshAa5.png?sign=2462b94163ce0b51d7f0940d67607d61&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/BT052Qkq0WTES20yeTwEYFE280Z52f.png?sign=76c33d539eb910556d1836f7d7d2e3db&t=6adb8480

③、添加数据

https://file.lulublog.cn/images/3/2022/08/Hi8zom6lmoB23WpPhPO26W2BZ2P2og.png?sign=02330715057a3940097cdd2a018ebbbd&t=6adb8480

④、更新数据

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

https://file.lulublog.cn/images/3/2022/08/BfExu59zJTeovzTJdETEjeDj9OSm6Z.png?sign=1ae9467e90a1d2add36bc0f81d6b575e&t=6adb8480

5.2、工厂模式初体验

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

https://file.lulublog.cn/images/3/2022/08/eA3R99roW4r9o1A6w84wHAkAw12oRo.png?sign=b09e97776db0ce7fa17ee9e98ed31a0c&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/M9F6z15yZ4hKOf9lYYOk49LzFzJlL1.png?sign=9fb774432cbfed75ad7a14d9da256d56&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/lO45rj441jZq4wNq046bLBlBcRrbV4.png?sign=4313c53843aac0af811fe5349a5d25f6&t=6adb8480

5.3、框架组建简介

https://file.lulublog.cn/images/3/2022/08/C5zfdbbUFcdf622236FAF1P11P2f2D.png?sign=166d9592c6c03d67f3f9c4da5c2ea4f9&t=6adb8480 https://file.lulublog.cn/images/3/2022/08/Em97PdwIFbDFikP2PC2RFfP222p6pr.png?sign=50195aa4a519f2b8f2a68b95ce65f09c&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/Nh66fHZOT6Fst6A5LzrwH66RJa9h66.png?sign=dec64c7be9772667fd4f30e72044644a&t=6adb8480

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

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

https://file.lulublog.cn/images/3/2022/08/QfmffYHLy35dUUHPywFMdwlM38UvYu.png?sign=c4e32dac693d588361d41ec788419475&t=6adb8480

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=7fce86997bc3cc35f51b9b60aba070bf&t=6adb8480 https://file.lulublog.cn/images/3/2022/08/exnXgK4WHN364hXXWW4nB7z437qq7X.png?sign=0744abcae23a7d991b9d7ec02b745620&t=6adb8480

6.2、系统需求分析

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

https://file.lulublog.cn/images/3/2022/08/xiKmzxXmzwfNmggkGKKAmLGxMYG8AZ.png?sign=4ab111393908c0c01bba057ec7cc516a&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/o4nVvN4Sas222r4ZFtHvVFVaQ4yvk2.png?sign=52693ec48c40abe3b96586ecf6f10aaf&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/MD7jE7n7tIZtIdeT61W7tjtH7Idjih.png?sign=691faef944b548852622883d24012a11&t=6adb8480

6.3、后台模块的搭建

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

https://file.lulublog.cn/images/3/2022/08/qXbFYSX8jJZJqn6N3nF7PG8DhSi4Ai.png?sign=2488c0e95ff751797cb2987361e1e114&t=6adb8480

6.4、后台登录功能的实现

https://file.lulublog.cn/images/3/2022/08/u7PlbpOPm22pJ9p9lP25uB1972Zp7Z.png?sign=8f092749b0c38f417f40c8a69261dd11&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/Eq6IZzgnNMinC96y5ChFCJ6cYxSs3s.png?sign=73bcb1ab5d7665f4122fdd3c225d324f&t=6adb8480

6.5、后台首页的搭建

https://file.lulublog.cn/images/3/2022/08/JJhT8lJyYKlM8txk7xTjBmbeJ7L9Ty.png?sign=a15d643d91f251ad29b66b918186d9aa&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/mRffEyo5URR5oEDpIi6RFIfZluOory.png?sign=1f2ffa5c401d30958e5cae09d2e04837&t=6adb8480

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

https://file.lulublog.cn/images/3/2022/08/SD9fFmz77fe7kTU7L47XA7LLEX4kFt.png?sign=38bed49510347849bf9414b09ea23c9a&t=6adb8480

6.8、前台页面展示

https://file.lulublog.cn/images/3/2022/08/SoL98o0Ge7aglz33oc9p00og9oG979.png?sign=369b2bc141fd0645baab40f250496d07&t=6adb8480

https://file.lulublog.cn/images/3/2022/08/mppDwG774SoefPdQobs4edf88g7P8z.png?sign=6c97b0fe79111beb89147fe0a305f864&t=6adb8480

6.9、代码下载

PHP文章
带到手机上看