使用layui，vue后台界面

最新推荐文章于 2024-07-22 01:43:34 发布

前段萌妹

最新推荐文章于 2024-07-22 01:43:34 发布

阅读量1.4k

点赞数 1

分类专栏：技术界的可可翠花文章标签：后台界面 web前端

本文链接：https://blog.csdn.net/weixin_45430926/article/details/99708593

版权

本文介绍如何利用layui和Vue技术栈创建后台管理界面。主要内容包括加载layui样式和脚本，通过Vue读取本地存储的登录信息，强调理解业务逻辑的重要性。

摘要由CSDN通过智能技术生成

本文为登陆成功后加载的后台主界面。代码如下加载layui中的css、js、vue简单粗暴的获取登录本地存储数据。重点为对业务逻辑要清楚明了。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>电商后台界面</title>
  <link rel="stylesheet" href="./static/layui/css/layui.css">
  <link rel="stylesheet" href="./static/css/base.css">
</head>
<body class="layui-layout-body">
  <div class="layui-layout layui-layout-admin"id="userinfo">
    <div class="layui-header">
    <div class="layui-logo">电商平台</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left topnav"> 
      <li class="layui-nav-item">
      <button type=