首页thinkphp6.0怎么使用element ui制作后台管理系统

thinkphp6.0怎么使用element ui制作后台管理系统

时间: 2023-10-16 08:13:25 浏览: 132

1. 安装Element UI ``` npm install element-ui -S ``` 2. 引入Element UI 在app\index\controller\Index.php文件的initialize方法中添加以下代码： ``` use think\facade\View; use think\facade\Session; View::composer('*', function ($view) { if(Session::has('admin')){ $view->assign('admin', Session::get('admin')); } }); // 引入Element UI View::assign('element', '/static/lib/element/'); ``` 3. 创建后台管理页面在app\view下新建admin目录，再在admin目录下新建index.html文件，添加以下代码： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理系统</title> <link rel="stylesheet" href="{{ element }}theme-chalk/index.css"> <script src="{{ element }}index.js"></script> </head> <body> <div id="app"> <el-row> <el-col :span="24"> <h1>后台管理系统</h1> </el-col> </el-row> </div> </body> </html> ``` 4. 运行项目在浏览器中访问http://localhost/admin/index.html，即可看到效果。以上是使用thinkphp6.0和Element UI制作后台管理系统的基本步骤，具体的功能和页面可以根据需求进行开发。

阅读全文