Express使用Xadmin搭建后台管理框架

前言

最近在写一个自己的blog项目，采用的是node的后端框架express，模板引擎使用的是ejs。

由于要做SEO所以没有采用前后端分离的开发模式，而是直接使用前后端不分离的开发模式,由后端渲染数据后再显示到页面。

 后台管理框架我使用的是Xadmin，发现在实际的使用中，还是会出现一些小的问题，我们就写一篇教程。让Express+Xadmin搭配的后台管理框架能更好的配合。

 

 

 使用

第一步：配置ejs并设置views

如果你是选择了ejs作为你的模板引擎那么Express会自动帮你配置，当然在这里我还是依然贴出配置的代码，供您参考

// 在app.js中
// ! ejs模板引擎
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

这样我们就可以直接用 res.render()去获取和渲染页面了，当然我们要把存放页面的目录设置为 views

 

 

 

第二步：引入Xadmin并搞好跳转路径

http://x.xuebingsi.com/ 在这里下载xadmin的文件，文件格式是HTML的格式，把你需要的文件格式改为ejs并放入views目录里

 

 

第三步：给Xadmin页面传递数据

第四步：Xadmin页面给后台传递数据

第五步：页面之间相互跳转和传递数据

结语