后台管理系统搭建的思路分析

欢迎点击「算法与编程之美」关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

一个已经搭建好的模板，但第一次看到这样的模板有点不知所措，只看得懂一点点比较基础的知识。如何基于一个这样的模板做二次开发呢？

问题解决

一个优秀的系统都离不开一个优秀的开发者以及管理者，怎么去搭建好这个后台的管理系统呢？更方便、更高效、更快捷的去管理这个系统。开始写不出一个比较好的后台管理系统，那么就可以借鉴别人已经写好的系统来做参考，去了解别人是怎么写的，基于这样一个模板再进行二次开发。首先来看一下这个模板里面都有些什么内容：

图 2.1内容展示

我们看到这么多文件夹、这么多文件首先就不要慌，慢慢来理清里面的思路，首先打开index.html文件，这个是后台管理系统的主界面也是首页，将首页的代码阅读一遍，大概了解这个网页的基本结构，了解页面的基本内容。

其次，会发现整个后台都是静态的页面，对于一个这样的模板接下来的思路就是在这个模板的基础之上修改。

（1）第一步就是要连接数据库，在页面中可以看到所有的数据都是写死了的，不能够实时变化，所以要连接数据库实现数据的实时更新，这样才能更好的掌握和管理这个系统。

（2）第二步就是要实现前后端的交互，很多情况下，这些内容不应该是写死在页面中的，而应该是动态的，从后台传来的，甚至应该是写入数据库的。将来做个修改页面，就可以随时修改网站标题以及 Logo 等信息。

前台页面获取动态数据主要有两种方式：

一是被动获取，页面被渲染，后台传参给前台；

二是主动获取，前台主动请求，异步获取数据。

当然第一个内容就要涉及到后台的传参的方式，这个需要自己去具体了解。

第二个就是前后台的异步交互，这个我们通常是用Ajax异步的方式从数据库当中去获取这些数据，然后分别用不同的方法传参给前后端，这样就实现了数据的传输。

总结

在后台管理系统的搭建过程中，我们最重要的就是实现前后端数据的传输，当然这也是必须的知识，只要实现了数据的传输我们就成功了一大半，当然在后台管理页面的设计中我们也需要又优化我们的页面，达到最佳的效果。

END

实习编辑 | 贾婧媛

责 编 | 桂军