前端静态登录页面实现

news/2025/2/7 13:16:57/
<template>
<!--  <el-button type="primary" @click="handleLogin">测试登录</el-button>-->
<!--  <el-button type="danger" @click="handleUserList">测试获取用户请求</el-button>--><router-view/>
</template>
<script setup>
// import requestUtil from '@/util/request'
// import store from '@/store'
//
// const handleLogin=async ()=>{
//   let result = await requestUtil.get("test/login");
//   let data = result.data;
//   if(data.code = 200){
//      const token = data.token;
//      console.log("登录成功:token="+token);
//      store.commit('SET_TOKEN',token);
//   }else{
//      console.log("登录出错!");
//   }
// }
//
// const handleUserList=async ()=>{
//   let result = await requestUtil.get("test/user/list");
//   let data = result.data;
//   if(data.code = 200){
//     const userList = data.userList;
//     console.log("用户列表信息:userList="+userList);
//   }
// }</script>
<style>
html,body,#app{height: 100%;
}.app-container{padding:20px
}
</style>
<template><div class="login"><el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form"><h3 class

http://www.ppmy.cn/news/997780.html

相关文章

redis 实际场景知识点

前言:redis 作为spring boot 的中间件&#xff0c;缓存数据库&#xff0c;被广泛使用&#xff0c;所以非常值得深入研究 redis 知识点 使用场景数据类型及其增删改查数据查询数据排序 场景实现分布式锁登录session缓存存储redis id自增 部署备份备份方式哨兵模式 使用场景 分布…

二十三种设计模式第二十二篇--中介者模式

说到这个模式就有趣了&#xff0c;不知道大家在生活中喷到过中介没&#xff1f;其实中介这个词吧&#xff0c;我也说不上好还是坏&#xff0c;有时候他可以帮助人们更快的达到某个目的&#xff0c;但有的时候吧&#xff0c;这个有贼坑人&#xff0c;相信网络上有各种被中介坑的…

【雕爷学编程】Arduino动手做(178)---超迷你哦,用徽商香烟盒做个智能小车2

早上去打羽毛球&#xff0c;路上捡到一个香烟盒子&#xff0c;于是就想尝试一下&#xff0c;捣鼓捣鼓。 经测试&#xff0c;控制器与电机使用同一组电源会互相干扰&#xff0c;故只好再加一组电池 商徽烟盒小车内部结构总算整好了&#xff0c;够迷你吧 小车轮子准备用矿泉水瓶盖…

Hadoop中命令检查hdfs的文件是否存在

Hadoop中命令检查hdfs的文件是否存在 在Hadoop中&#xff0c;可以使用以下命令检查HDFS文件是否存在&#xff1a; hadoop fs -test -e 其中&#xff0c;是要检查的HDFS文件的路径。 如果文件存在&#xff0c;命令返回0&#xff1b;如果文件不存在&#xff0c;命令返回非0值…

基于总线加锁和缓存锁(CPU实现原子操作的两种方式)

总线锁 总线锁就是使用处理器提供的一个 LOCK&#xff03;信号&#xff0c;当一个处理器在总线上输出此信号时&#xff0c;其他处理器的请求将被阻塞住&#xff0c;那么该处理器可以独占共享内存。 CPU和内存之间的通信被锁&#xff01;&#xff01; 如果多个 处 理器同 时对 …

Ajax快速入门

Ajax Ajax就是前端访问服务器端数据的一个技术 还有主要就是异步交互 就是在不刷新整页面的情况下&#xff0c;和服务器交换部分我也数据 比如搜索的联想技术 同步和异步的概念 一个是客户端需要等待服务器完成处理&#xff0c;才能进行别的事 一个是客户端不需要等待服务器处…

精选算法题(4)——字符串比较

作者&#xff1a;翟天保Steven 版权声明&#xff1a;著作权归作者所有&#xff0c;商业转载请联系作者获得授权&#xff0c;非商业转载请注明出处 题目描述&#xff1a; 好久没做题目了&#xff0c;近期刷抖音碰到一个题目&#xff0c;乍一看不是很难&#xff0c;但是手生了&a…

小红书 前端开发一面 2023.7.20

base北京 时长&#xff1a;45min 日常实习 项目拷打Three.jsVueJavaScriptCSS手写题 自我介绍选择一个你负责任务最多的项目讲讲在项目开发中遇到的一个印象最深刻的问题&#xff0c;最后如何解决的讲讲你认为的Three.js是什么?说说作用域说说Vue和React的区别说说Vue3的生命…