PHP 阅读 4903
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=e12282583578aa98f529a45832e9565c&t=6aea0500

1.3、mvc 的优势

https://file.lulublog.cn/images/3/2022/08/G1r319536080t31PuU7m9FPrm0973P.png?sign=77e90ab4930bb6187a3b79be9be887b0&t=6aea0500

1.4、mvc 的组成与运行原理

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

https://file.lulublog.cn/images/3/2022/08/PL6Z17p631C16Z6PK8h81A8ksNs7Kh.png?sign=2319cc397869a95005cdc14cc72d903e&t=6aea0500

二、MVC 实例制作(1)

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

https://file.lulublog.cn/images/3/2022/08/tkSsTtZgssw9g8S88cCz98gkgW9sR4.png?sign=60678eea2092c1807c90f5a013987bd6&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/ABW44zOV2MBr4cb22eWGWKhFk555Gh.png?sign=c5f3ca813bef1daf4890bcbc753fb2b5&t=6aea0500

2.2、制作第一个模型程序

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

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

2.3、制作第一个视图程序

https://file.lulublog.cn/images/3/2022/08/TU1ff4ftGLuZQi41Z7N1odioz1QnMd.png?sign=4e203893dbe7be22ae0c03c0058dc1cb&t=6aea0500

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

2.4、演示程序的效果

https://file.lulublog.cn/images/3/2022/08/lJ1t1J97R39979177oS10iar4113Ra.png?sign=33f1e1e1b36f1130435a33391725113b&t=6aea0500

2.5、总结

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

2.6、代码下载

三、MVC实例制作(2)

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

https://file.lulublog.cn/images/3/2022/08/p0KONltSk07BBscQtSZqGqgD7Dw3ZF.png?sign=54b4339403a468b80ace6a637809eba2&t=6aea0500

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

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

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

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

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

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

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

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

https://file.lulublog.cn/images/3/2022/08/fgu5GtoxtgJOM4MgJGgjttuo2552OL.png?sign=225da5adf47cacdb8f5871692adc9869&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/cyP2q4myQFmKMtp2fEpSqoFt2Q43SD.png?sign=421b3837788d373175f3002acbadd334&t=6aea0500

3.6、代码下载

四、Smarty 模板引擎

4.1、视图引擎的介绍

https://file.lulublog.cn/images/3/2022/08/y4h8hvtgcwchodcymHdvwTqHdhDHch.png?sign=53373fae8c47e4b457e9c4303e538410&t=6aea0500

4.2、Smarty 的配置与实例化

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

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

https://file.lulublog.cn/images/3/2022/08/N9LBwnT0untBdkNdj24JYYB9DZJcN2.png?sign=7d5110ba22ba260883a3c6bdad1a1170&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/hY8947E38u289Jt3S9u993A848Q9aZ.png?sign=c510dec9da735f9b5ff2b21ff4877ddd&t=6aea0500 https://file.lulublog.cn/images/3/2022/08/mYRGeR1frhGG1393r6gHD3Wx8d6CrX.png?sign=06971232382337a9e0f7bbaaa01aea57&t=6aea0500

4.3、Smarty 模板语法

①、Smarty 的基本语法

https://file.lulublog.cn/images/3/2022/08/PBr5ag55yzBlAAtMWGQ5ibBaer2arS.png?sign=26f5f015258882ee471645cc3a526501&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/xSuzVSois3u4uPTJVsv3jF44VVFUsf.png?sign=cec69b20b9545c89e42220bba4ec203d&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/PU7U5i6J7Du76a5aujk656A65AbIJ6.png?sign=495436cb0ed21d9ced5cefa013e1e89a&t=6aea0500

②、Smarty的条件判断语句

https://file.lulublog.cn/images/3/2022/08/CrSnFFaAn37vq7zVhf37rq3QVvQrFF.png?sign=23de99e6048a387290656a09a6a54ef5&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/fT4N6ZzELg6gFCLLZj2TyOQlKceFPT.png?sign=49d7cc8b9b4e487b5442525daee2f6d8&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/VOJMyKuNmmm5M544dnodOdoU8OMoyu.png?sign=5925b503369f6801479912809eca5a81&t=6aea0500

③、Smarty的循环语句

https://file.lulublog.cn/images/3/2022/08/lGgRptrT45Rr57fh4P0Px9QQB837uG.png?sign=8df9434a05087620dd36e90b33912928&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/RyPt3zg22jn11GNtl9FJ2PG2OTnwL1.png?sign=1651e884c5355da814c8e8753bfe02a3&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/car2B84L4i1PJ2lAp7Plr4Ju4HP8Zm.png?sign=dedc25e2873fe4416c3065c3d831922a&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/z6houN62xnJ2OzU6U302NunqN2Uxwn.png?sign=4bd25fbc3217edd8e9ca068fe7fae767&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/jvotHBYX8g8tpPI3yXoyZYHphPV8xo.png?sign=089a8106a45915b8c1fe2a34bd4499a8&t=6aea0500 https://file.lulublog.cn/images/3/2022/08/tBK1GGcbY7jzNSGG3GwfJjc7CBoOCG.png?sign=848c799a7646ab07311dd9816f7dd597&t=6aea0500 

https://file.lulublog.cn/images/3/2022/08/edWH83fF9e22IWtkHk242VV29BKW42.png?sign=680b559afe42319896ccfb2d3a98f64a&t=6aea0500

④、Smarty的文件引用

https://file.lulublog.cn/images/3/2022/08/s7RvJUfUU4V7oowu94cF994c4OfU27.png?sign=6ee7d74edf048e3dbdda2fc0780a435c&t=6aea0500 https://file.lulublog.cn/images/3/2022/08/FLYT2lTf82y8iL2I8z934kyt782A4l.png?sign=d278633045678a30236e431a82192a63&t=6aea0500

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

https://file.lulublog.cn/images/3/2022/08/bR2WbVsp6WBBCVVQhq4V266026Pt66.png?sign=4729c87ea65ae971f0a7cb4568fe9bc6&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/TddvNv7CHZuUUuuj0cnNP4d4umacVd.png?sign=cd20a4de4be0bb8fb2127e3c5dc17752&t=6aea0500

⑥、Smarty函数的使用

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

https://file.lulublog.cn/images/3/2022/08/Kox82GuObP2KOAXoaTKE88Gb9exX8k.png?sign=764c92453d98eb1c46052d837670dfe7&t=6aea0500

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

https://file.lulublog.cn/images/3/2022/08/H98r2aRI8t389AnjHqT3fM2f7t03mJ.png?sign=14e7c0485a9b66f71e68aaba4b0a13f6&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/M8uEtVg1KV72i71GPgeeG3dFv3DGI7.png?sign=4a7ede23188003c3420b7c7e346410a5&t=6aea0500

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

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

https://file.lulublog.cn/images/3/2022/08/kXefzjmGrNlX6jbrmrJ18g99E3MrgN.png?sign=49f6bc72675f91ba81e7764e78bca9f8&t=6aea0500

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

https://file.lulublog.cn/images/3/2022/08/a8883S55XuSui60i6PWZ6Z6uz8RAv5.png?sign=0df222963dbb78ae6296a5cbf2ab9330&t=6aea0500

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

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

https://file.lulublog.cn/images/3/2022/08/MhzlNlWQZ8PkHx98NxWwMewxNxlnNw.png?sign=94c3b405562cabcf20032870aa839cb5&t=6aea0500

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

block一次能渲染一段字符串

https://file.lulublog.cn/images/3/2022/08/e6wQxmPPpWx3t65CX3k3GTXnmpw6Ln.png?sign=1110ac806661010afeba2a44a95d357a&t=6aea0500

4.4、Smarty mvc 实例

https://file.lulublog.cn/images/3/2022/08/A2iJnVUjIjUIXIM9tO338u6TUoUu1U.png?sign=e8f120f307ff26fa00697760e72fac20&t=6aea0500

4.5 代码下载

五、MVC微型框架的建立

5.1、MySQL操作类

①、连接数据库

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

②、获取数据

https://file.lulublog.cn/images/3/2022/08/H3F48Hf999cFvDjO0jh8jr1AHshAa5.png?sign=a5b987a4727b0c02f40c13cc44bf09af&t=6aea0500

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

③、添加数据

https://file.lulublog.cn/images/3/2022/08/Hi8zom6lmoB23WpPhPO26W2BZ2P2og.png?sign=864f3fb41936c04dbe600906d7355d3e&t=6aea0500

④、更新数据

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

https://file.lulublog.cn/images/3/2022/08/BfExu59zJTeovzTJdETEjeDj9OSm6Z.png?sign=98d7a25f730cca1a7994b12f284eb09a&t=6aea0500

5.2、工厂模式初体验

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

https://file.lulublog.cn/images/3/2022/08/eA3R99roW4r9o1A6w84wHAkAw12oRo.png?sign=8e54c43a5913f1ceb0da59ab1adda1e4&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/M9F6z15yZ4hKOf9lYYOk49LzFzJlL1.png?sign=82700a146e7d99d978ffbe890f0d3d6f&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/lO45rj441jZq4wNq046bLBlBcRrbV4.png?sign=50e2c1be358da29612b45a63d97de943&t=6aea0500

5.3、框架组建简介

https://file.lulublog.cn/images/3/2022/08/C5zfdbbUFcdf622236FAF1P11P2f2D.png?sign=746c4bfec2c9545f25fa9ddbdb2d9280&t=6aea0500 https://file.lulublog.cn/images/3/2022/08/Em97PdwIFbDFikP2PC2RFfP222p6pr.png?sign=7ce23f26e4b73432f7efafc66bee2948&t=6aea0500

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

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

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

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

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

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=f62b152924feef429c101aeef2decc8b&t=6aea0500 https://file.lulublog.cn/images/3/2022/08/exnXgK4WHN364hXXWW4nB7z437qq7X.png?sign=5ed4864ecc5ae7709584c3e33a65c8e0&t=6aea0500

6.2、系统需求分析

https://file.lulublog.cn/images/3/2022/08/xY1vN5Pp1n0e1A8Ii05w8po7qnnpNw.png?sign=5206d85bb8347cccabbc54ac294dd664&t=6aea0500

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

https://file.lulublog.cn/images/3/2022/08/o4nVvN4Sas222r4ZFtHvVFVaQ4yvk2.png?sign=7dff29f0e9092a85db5231bf9edc0274&t=6aea0500

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

https://file.lulublog.cn/images/3/2022/08/MD7jE7n7tIZtIdeT61W7tjtH7Idjih.png?sign=4418328abff1570d0fdeec9fc293f2c5&t=6aea0500

6.3、后台模块的搭建

https://file.lulublog.cn/images/3/2022/08/b3l6GILZBDL36H6Z6Xoh6FL3i6xee6.png?sign=7f53cbd615515abb2355a908b23e8179&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/qXbFYSX8jJZJqn6N3nF7PG8DhSi4Ai.png?sign=bebc20477b8ac260425e04377220f9d9&t=6aea0500

6.4、后台登录功能的实现

https://file.lulublog.cn/images/3/2022/08/u7PlbpOPm22pJ9p9lP25uB1972Zp7Z.png?sign=4b8e1090e806e0692841daeb89dda000&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/Eq6IZzgnNMinC96y5ChFCJ6cYxSs3s.png?sign=4808a10584710f8a5d58f6345c595f72&t=6aea0500

6.5、后台首页的搭建

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

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

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

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

https://file.lulublog.cn/images/3/2022/08/SD9fFmz77fe7kTU7L47XA7LLEX4kFt.png?sign=aa44483f0f1f4e65160fee94bd5f15f8&t=6aea0500

6.8、前台页面展示

https://file.lulublog.cn/images/3/2022/08/SoL98o0Ge7aglz33oc9p00og9oG979.png?sign=56d7c0d13b7aafbd1c840ac5b2c2f169&t=6aea0500

https://file.lulublog.cn/images/3/2022/08/mppDwG774SoefPdQobs4edf88g7P8z.png?sign=72aadd8240f5735329b65be7a53112fc&t=6aea0500

6.9、代码下载

PHP文章
带到手机上看