Web前端(十五)-后台管理页面(欢迎XXX登录和退出登录)、发布作品功能
时间:2021-08-12
本文章向大家介绍Web前端(十五)-后台管理页面(欢迎XXX登录和退出登录)、发布作品功能,主要包括Web前端(十五)-后台管理页面(欢迎XXX登录和退出登录)、发布作品功能使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
-
在admin.html页面中 创建vue对象管理header标签,并在created里面请求当前登录的用户对象,在methods里面声明logout方法
<script>
let header_vm = new Vue({
el:"header",
data:{
user:{}
},
created:function () {
//发请求得到当前登录的用户对象
axios.get("/currentuser").then(function (response) {
//代表没有登录
if (response.data==""){
alert("请先登录!");
location.href="/login.html";
}
header_vm.user = response.data;
})
},
methods: {
logout:function () {
if (!confirm("您确认退出登录吗?")){
return;
}
//发出退出登录请求
axios.get("/logout").then(function () {
//显示到首页
location.href="/index.html";
})
}
}
})
</script> -
UserController里面处理获取当前用户的请求 和 退出登录请求
-
在header标签里面绑定vue相关标签
发布作品功能
-
建表:
use vrddb;
create table product(id int primary key auto_increment,title varchar(50),author varchar(50),url varchar(255),view_count int,like_count int,created timestamp,category_id int)charset=utf8;
alter table product add intro varchar(255) after author; -
-
创建ProductMapper 里面提供insert方法
原文地址:https://www.cnblogs.com/XiaoCui-blog/p/15134384.html
- Android面试系列之AsyncTask
- Kali-Linux扩充弹药:Kali Linux metapackages
- 使用HackRF解调TDD-LTE信号
- 一个优秀的Android应用从建项目开始
- Ruby OpenSSL 私钥伪造脚本
- 基于 k8s 的 Jenkins 构建集群实践
- Visual C#.Net网络程序开发-Tcp篇(1) 祥细内容:
- 无服务器化的微服务持续交付
- Visual C#.Net网络程序开发-Tcp篇(2) 祥细内容:
- 看你是否够老 – ipman的vxd程序介绍的翻译
- Visual C#.Net网络程序开发-Tcp篇(3) 祥细内容:
- 安全科普:流量劫持能有多大危害?
- OpenSSL心脏出血漏洞全回顾
- Nmap扫描对比工具–libnmap实践
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 编译安装 IgBinary 扩展
- Python3入门学习二.md
- 编译安装 Yaml 扩展
- 一行代码不用写,就可以训练、测试、使用模型,这个star量1.5k的项目帮你做到
- 打造自己最喜爱的 Windows10 —— 纯命令安装系统篇
- Ubuntu18.04 切换 Python 版本
- Python3入门学习三.md
- Yur 主题 MarkDown 展示
- Python3入门学习一.md
- 前后端分离探索——MVC 项目升级的一个过渡方案
- Python3配置和入坑.md
- 别再被叫linux小白了,你跟linux高手只差这8个快捷键命令?
- CentOS7 手动部署 BBR
- 为受管理的 PC 设置 Chrome 浏览器政策
- Git 克隆大型仓库失败解决方法