博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpringBoot项目集成bootstrap后台管理模板ace
阅读量:3915 次
发布时间:2019-05-23

本文共 1581 字,大约阅读时间需要 5 分钟。

响应式设计与bootstap

在这里插入图片描述
在这里插入图片描述

ace admin模板介绍

在这里插入图片描述

admin增加ace模板

下载以后解压到admin的public文件夹下

在index.html里添加ace admin需要的css和js。

      
Login Page - Ace Admin

在App.vue中加入登录页面的元素

package.json右击

在这里插入图片描述
问题:
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
解决办法:
添加这样的js
在这里插入图片描述

module.exports = {
root: true, env: {
node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-undef': 'off', 'vue/no-unused-vars': 'off', 'vue/require-v-for-key': 'off' }, parserOptions: {
parser: 'babel-eslint' }};

在这里插入图片描述

在这里插入图片描述
简化登录页面代码

在这里插入图片描述

转载地址:http://qavrn.baihongyu.com/

你可能感兴趣的文章
[NewLife.Net]单机400万长连接压力测试
查看>>
使用Azure人脸API对图片进行人脸识别
查看>>
快醒醒,C# 9 中又来了一堆关键词 init,record,with
查看>>
【招聘(深圳)】轻岁 诚聘.NET Core开发
查看>>
await,async 我要把它翻个底朝天,这回你总该明白了吧
查看>>
欢迎来到 C# 9.0(Welcome to C# 9.0)
查看>>
Dapr微服务应用开发系列1:环境配置
查看>>
使用 Visual Studio 2019 批量添加代码文件头
查看>>
【BCVP更新】StackExchange.Redis 的异步开发方式
查看>>
.NET5.0 Preview 8 开箱教程
查看>>
真・WPF 按钮拖动和调整大小
查看>>
做权限认证,还不了解IdentityServer4?不二话,赶紧拥抱吧,.NET Core官方推荐!...
查看>>
编写第一个 .NET 微服务
查看>>
深入探究.Net Core Configuration读取配置的优先级
查看>>
Blazor带我重玩前端(六)
查看>>
使用 C# 捕获进程输出
查看>>
数据库单表千万行 LIKE 搜索优化手记
查看>>
.NET Core 中生成验证码
查看>>
.NET Core 中导入导出Excel
查看>>
初识ABP vNext(8):ABP特征管理
查看>>