💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## 1、准备工作 复制文章的视图文件,到 Admin\View\Article目录中 ![](https://img.kancloud.cn/f1/80/f1809cc29c285c1132eca0b9109f4af3_562x176.png) 修改视图文件中静态资源的路径 ![](https://img.kancloud.cn/5c/a3/5ca3255bbb223f0f14065b0cc2dca449_882x134.png) 修改左侧框架关于文章管理的链接 ![](https://img.kancloud.cn/6b/a3/6ba3deb380728d53506d99fd9933da4b_799x236.png) ## 2、创建数据表article ![](https://img.kancloud.cn/75/8a/758adc1918aaffab897bee6b84cf902f_722x360.png) ![](https://img.kancloud.cn/01/fd/01fdbb3e0c89a464cf08f6d1d5bd5201_639x312.png) ## 3、显示文章列表 (1)文章控制器添加index()方法 ![](https://img.kancloud.cn/bd/1d/bd1d60cb73d36c8986be9526abba413e_762x598.png) (2)文章模型类添加fetchAllWithJoin()方法 ![](https://img.kancloud.cn/e5/af/e5af42141d6ca033d7d20bdc2ed31d4e_955x511.png) (3)文章首页视图文件:index.html ![](https://img.kancloud.cn/13/97/13976f537ec1262acc8d0b5e173ffdf2_928x378.png) ![](https://img.kancloud.cn/71/91/7191fcc6a78a9ccdbbe8af7d1bc95ddf_882x351.png) ![](https://img.kancloud.cn/1d/91/1d9189adddee1f23b2f25489bb0baae6_834x284.png) ## 4、添加文章 (1)文章首页视图文件:index.html ![](https://img.kancloud.cn/54/e5/54e538ff690892ffa0b8e34de7ae3518_459x247.png) (2)文章控制器添加add()方法 ![](https://img.kancloud.cn/4e/85/4e85c741f9f95aceeba341dba4aad44a_723x245.png) (3)文章添加视图文件:add.html ![](https://img.kancloud.cn/00/cb/00cb39d9d074985d0071947322b3f9a3_824x485.png) (4)在线HTML编辑器 在线HTML编辑器常用有两个:KindEditor(国内)、FCKEditor(国外) ![](https://img.kancloud.cn/7c/55/7c556466a946830ed206e9da1132464b_888x264.png) ![](https://img.kancloud.cn/19/4a/194a3056886ae1be3418f26e7b966909_833x91.png) ![](https://img.kancloud.cn/11/68/11684ff36d8edd4a1762f2475ec4fa18_813x54.png) (5)文章控制器添加insert()方法 ![](https://img.kancloud.cn/47/19/47198fd4082acbbf6a0ae6c2c7ff08ff_709x464.png) ## 5、创建分页类文件:./Frame/Vendor/Pager.class.php ![](https://img.kancloud.cn/29/cb/29cb124629a43496e74efb177cb32397_593x73.png) ![](https://img.kancloud.cn/88/4e/884e12841c7fdd59e0d44caf3ee7acde_739x355.png) ## 6、文章数据分页 (1)文章控制器index()方法修改 ![](https://img.kancloud.cn/d9/10/d91062243c3994ef48ad68cee5c00825_916x615.png) (2)文章模型类fetchAllWithJoin()方法修改 ![](https://img.kancloud.cn/2a/e8/2ae801cbedbf52de4fbad8656aecec20_861x292.png) (3)文章首页视图文件:index.html ![](https://img.kancloud.cn/96/5c/965cd92197db9d3c9c7899bfef9c68d6_608x84.png) ![](https://img.kancloud.cn/9c/b3/9cb3bf6d59f77bfe3a153cc49ae2133c_798x333.png) ## 7、文章首页搜索功能实现 (1)搜索表单视图文件:index.html ![](https://img.kancloud.cn/56/81/568116b3037ecebea357cd391e78b538_490x43.png) ![](https://img.kancloud.cn/df/cc/dfcca8a653d8d6f5091977c7d226c3f0_728x379.png) ![](https://img.kancloud.cn/e4/d1/e4d15c4ab1be30122b0c50ac5e371045_943x666.png) (2)文章控制器index()方法修改 ![](https://img.kancloud.cn/f4/7f/f47f42600ea8b6f07318841d378db120_1013x498.png) ![](https://img.kancloud.cn/04/af/04af43707e93b141879509561b2c7982_923x312.png) (3)文章模型类fetchAllWithJoin()方法修改 ![](https://img.kancloud.cn/ef/68/ef6889e195d8e756e7a6940ec4ff695f_863x314.png)