搜索到
79
篇与
的结果
-
![gitee常用代码]()
gitee常用代码 https://gitee.com/itzhangxuhui/lv-mall.git git config --global user.name "初心" git config --global user.email "137647337@qq.com" mkdir lv-mall cd lv-mall git init touch README.md git add README.md git commit -m "first commit" git remote add origin https://gitee.com/itzhangxuhui/lv-mall.git git push -u origin "master" cd existing_git_repo git remote add origin https://gitee.com/itzhangxuhui/lv-mall.git git push -u origin "master" Content-Type: application/x-www-form-urlencoded -
![jQuery代码实现购物车效果]()
jQuery代码实现购物车效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script> <style> table { width: 600px; } td { height: 50px; text-align: center; } table,tr,td,th { border: 1px solid #ccc; } a { text-decoration: none; } .emptyCart{ display: none; width: 600px; height: 100px; border: 1px solid red; text-align: center; line-height: 100px; } </style> </head> <body> <!-- <button> <a href="javascript:alert('清除成功')">清除缓存</a></button> --> <div class="emptyCart"> 购物车空空的哦~，去看看心仪的商品吧~ 去购物> </div> <table> <thead> <tr> <th><input type="checkbox" name="" class="checkAll"></th> <th>编号</th> <th>商品名称</th> <th>商品价格</th> <th>商品数量</th> <th>商品小计</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" class="chk"></td> <td class="bianhao">1</td> <td>小米手机</td> <td>￥2.3</td> <td> <button class="decrement" data-index="1">-</button> <input type="text" class='num' value="1" style="width:30px" readonly> <button class="increment">+</button> </td> <td class="xiaoji">￥2.3</td> <td > <a href="javascript:;" class="del">删除</a> </td> </tr> <tr> <td><input type="checkbox" class="chk"></td> <td class="bianhao">2</td> <td>红米手机</td> <td>￥1</td> <td> <button class="decrement" data-index="1">-</button> <input type="text" class='num' value="4" style="width:30px"> <button class="increment">+</button> </td> <td class="xiaoji">￥4</td> <td > <a href="javascript:;" class="del">删除</a> </td> </tr> <tr> <td><input type="checkbox" class="chk"></td> <td class="bianhao">3</td> <td>大米手机</td> <td>￥3</td> <td> <button class="decrement">-</button> <input type="text" class='num' value="2" style="width:30px"> <button class="increment">+</button> </td> <td class="xiaoji">￥6</td> <td > <a href="javascript:;" class="del">删除</a> </td> </tr> </tbody> <tfoot> <tr> <td><input type="checkbox" name="" class="checkAll"></td> <td><a href="javascript:;" id="delSelect">删除选中的</a></td> <td><a href="javascript:;" id="clearCart">清空购物车</a></td> <td colspan="4"> 总计：共<span id="totalNums"></span>件商品 总价： <span class="totalMoneys"></span> </td> </tr> </tfoot> </table> <script> // 7.打开页面，复选框被选中 $('input:checkbox').prop('checked',true); // 判断value为1的 让减禁用 // $('.num').each(function(i,ele){ // if($(ele).val() == 1){ // $(this).prev().prop('disabled',true); // $(this).prev().css('cursor','not-allowed'); // }else{ // $(this).prev().prop('disabled',false); // $(this).prev().css('cursor','default'); // } // }); // 判断value为1的 让减禁用 $('input[value=1]').prev().prop('disabled',true).css('cursor','not-allowed'); // $('input[value="1"]').prev().css('disabled',true); // 改变总件，总价 function changeTotalNumAndTotalPrice(){ // 计算被选中的商品的总件，总价 var sum = 0; var totalMoneys = 0; $('.chk:checked').each(function(){ sum += $(this).parents('tr').find('.num').val()-0; totalMoneys += $(this).parents('tr').find('.xiaoji').text().substr(1)-0; }); $('#totalNums').text(sum); $('.totalMoneys').text('￥'+ totalMoneys) // console.log(sum); // 1.遍历所有的数量 = 总件 // var sum = 0; // $('.num').each(function(i,ele){ // sum += $(ele).val()-0; // // console.log(i,$(ele).val()-0); // }); // // 修改总件 // $('#totalNums').text(sum); // // 2.遍历所有小计 = 总价 // var totalMoneys = 0; // $('.xiaoji').each(function(i,ele){ // totalMoneys += $(ele).text().substr(1)-0; // // console.log(i,$(ele).val()-0); // }); // // 总价 // $('.totalMoneys').text('￥'+ totalMoneys) } // 刚刚打开页面 changeTotalNumAndTotalPrice(); // 重置序号函数 function resetNum(){ $('.bianhao').each(function(i,ele){ // console.log(i,ele); $(this).text(i+1); }); } // 1.点击了购物车的全选按钮 $('.checkAll').change(function(){ $('.chk').prop('checked',$(this).prop('checked')); // 把全选的状态赋值给下面每个复选框 $('.checkAll').prop('checked',$(this).prop('checked'));// 另外一个checkAll根据当前checkAll的状态而改变 if($(this).prop('checked')){ changeTotalNumAndTotalPrice(); }else{ // 用户点击了取消全选 件数为0 总价 为0.00 $('#totalNums').text(0); $('.totalMoneys').text('￥0.00'); } }) // 2.点击了每个复选框，改变的全选 ,选中的长度 == 总长度 ，说明全选应该被选中了 $('.chk').change(function () { // console.log($('.chk').length); // 总长度 // console.log($('.chk:checked').length); // 被选中的长度 if($('.chk').length == $('.chk:checked').length){ $('.checkAll').prop('checked',true); // 说明全选应该被选中了 }else{ $('.checkAll').prop('checked',false); // 说明全选应该被取消了 } changeTotalNumAndTotalPrice(); }) // 3.商品数量改变 // 3.1 加 $('.increment').click(function(){ $(this).parents('tr').find('.chk').prop('checked',true); $(this).prevAll('.decrement').prop('disabled',false); $(this).prevAll('.decrement').css('cursor','default'); // 1.数量+1 获取数量 + 1 ,修改数量 var num = $(this).prev().val()-0; num++; $(this).prev().val(num); // 2.小计改变 小计 = 数量 * 价格 ,赋值给小计 var price = $(this).parent().prev().text().substr(1)-0; // 截取 substr(1) var totalPrice = num * price; $(this).parent().next().text('￥'+totalPrice.toFixed(2)); // 3.改变总件 // 4.改变总价 changeTotalNumAndTotalPrice(); // console.log($(this)); if($('.chk').length == $('.chk:checked').length){ $('.checkAll').prop('checked',true); // 说明全选应该被选中了 }else{ $('.checkAll').prop('checked',false); // 说明全选应该被取消了 } }); // 3.2 减 $('.decrement').click(function(){ $(this).parents('tr').find('.chk').prop('checked',true); // 1.数量-1 获取数量 - 1 ,修改数量 var num = $(this).next().val()-0; // 减之前是几？就不让减了 num--; console.log(num); $(this).next().val(num); // 2.小计改变 小计 = 数量 * 价格 ,赋值给小计 var price = $(this).parent().prev().text().substr(1)-0; // 截取 substr(1) var totalPrice = num * price; $(this).parent().next().text('￥'+totalPrice.toFixed(2)); // 3.改变总件 // 4.改变总价 changeTotalNumAndTotalPrice(); // console.log($(this)); if(num == 1){ // 禁用 $(this).prop('disabled',true); $(this).css('cursor','not-allowed'); } if($('.chk').length == $('.chk:checked').length){ $('.checkAll').prop('checked',true); // 说明全选应该被选中了 }else{ $('.checkAll').prop('checked',false); // 说明全选应该被取消了 } }); // 4.删除单个商品 $('.del').click(function(){ // 删除a ，爸爸的爸爸 // $(this).parent().parent().remove(); if(confirm('你确定要删除吗？')){ $(this).parents('tr').remove(); changeTotalNumAndTotalPrice(); // 删除后，获取所有的剩余商品的编号，重置 // console.log( $('.bianhao')); resetNum(); if($('tbody').children().length ===0){ $('table').remove(); $('.emptyCart').css('display','block'); } } // console.log($(this)); }) // 5.删除选中，点击了删除选中按钮，就删除选中的商品 $('#delSelect').click(function(){ if(confirm('你确定要删除吗？')){ $('.chk:checked').parents('tr').remove(); resetNum(); changeTotalNumAndTotalPrice(); // 我们怎么知道删完了呢？根据tbody的孩子的长度 console.log($('tbody').children()); if($('tbody').children().length ===0){ $('table').remove(); $('.emptyCart').css('display','block'); } } }) // 6.清空购物车 $('#clearCart').click(function(){ $('table').remove(); $('.emptyCart').css('display','block'); }); </script> </body> </html> -
![Java学习之~ArrayList实现学生管理系统]()
Java学习之~ArrayList实现学生管理系统 1.Student类文件 Student.javapackage cc.itnan.study; public class Student { private String stuNum; private String stuName; private int age; private String brithDay; public Student() { } public Student(String stuNum, String stuName, int age, String brithDay) { this.stuNum = stuNum; this.stuName = stuName; this.age = age; this.brithDay = brithDay; } /** * 获取 * @return stuNum */ public String getStuNum() { return stuNum; } /** * 设置 * @param stuNum */ public void setStuNum(String stuNum) { this.stuNum = stuNum; } /** * 获取 * @return stuName */ public String getStuName() { return stuName; } /** * 设置 * @param stuName */ public void setStuName(String stuName) { this.stuName = stuName; } /** * 获取 * @return age */ public int getAge() { return age; } /** * 设置 * @param age */ public void setAge(int age) { this.age = age; } /** * 获取 * @return brithDay */ public String getBrithDay() { return brithDay; } /** * 设置 * @param brithDay */ public void setBrithDay(String brithDay) { this.brithDay = brithDay; } } 2.StudentTest类文件 StudentTest.javapackage cc.itnan.study; import java.util.ArrayList; import java.util.Scanner; public class StudentTest { public static void main(String[] args) { ArrayList<Student> list = new ArrayList<>(); // list.add(new Student("1001","小明",18,"2000")); // list.add(new Student("1002","大明",19,"2001")); // list.add(new Student("1003","老明",20,"2002")); while (true) { System.out.println("---------------------欢迎来到学生管理系统---------------------"); System.out.println("1.添加学生"); System.out.println("2.删除学生"); System.out.println("3.修改学生"); System.out.println("4.查看学生"); System.out.println("5.退出"); Scanner sc = new Scanner(System.in); int chioce = sc.nextInt(); switch (chioce){ case 1: System.out.println("添加学生"); addStudent(list); break; case 2: System.out.println("删除学生"); deleteStudent(list); break; case 3: System.out.println("修改学生"); updateStudent(list); break; case 4: System.out.println("查看学生"); queryStudentInfo(list); break; case 5: System.out.println("再见！"); System.exit(0); break; default: System.out.println("输入有误，请检查！"); } } } private static void addStudent(ArrayList<Student> list) { Scanner sc = new Scanner(System.in); String stuNum; while (true){ System.out.println("请输入学生学号："); stuNum = sc.next(); if(getIndexById(stuNum,list) == -1){ break; } } System.out.println("请输入学生姓名："); String stuName = sc.next(); System.out.println("请输入学生年龄："); int age = sc.nextInt(); System.out.println("请输入学生生日："); String birthDay = sc.next(); list.add(new Student(stuNum,stuName,age,birthDay)); System.out.println("添加成功！"); } private static void updateStudent(ArrayList<Student> list) { Scanner sc = new Scanner(System.in); System.out.println("请输入您要修改的学生id："); String stuNum = sc.next(); int indexById = getIndexById(stuNum, list); System.out.println(indexById); if(indexById>=0){ // 修改 System.out.println("请输入学生姓名："); String stuName = sc.next(); System.out.println("请输入学生年龄："); int age = sc.nextInt(); System.out.println("请输入学生生日："); String birthDay = sc.next(); list.set(indexById,new Student(stuNum,stuName,age,birthDay)); System.out.println("修改成功"); }else{ // 查无此人 System.out.println("查无此人，无法修改"); } } private static void deleteStudent(ArrayList<Student> list) { Scanner sc = new Scanner(System.in); System.out.println("请输入您要删除到底学生学号："); String stuNum = sc.next(); int indexById = getIndexById(stuNum, list); System.out.println(indexById); if(indexById>=0){ // 删除 list.remove(indexById); System.out.println("删除成功"); }else{ // 查无此人 System.out.println("查无此人，无法删除"); } } private static int getIndexById(String id, ArrayList<Student> list) { for (int i = 0; i < list.size(); i++) { Student stu = list.get(i); if(id.equals(stu.getStuNum())){ return i; } } return -1; } private static void queryStudentInfo(ArrayList<Student> list) { if(list.size()==0){ System.out.println("没有学生信息，请添加！"); }else{ System.out.println("学号：\t姓名\t年龄\t出生日期\t"); for (int i = 0; i < list.size(); i++) { Student stu = list.get(i); System.out.println(stu.getStuNum()+"\t"+stu.getStuName()+"\t"+stu.getAge()+"\t"+stu.getBrithDay()); } } } } -
![我最喜欢的音乐]()
-
![宝塔面板安装过程]()
宝塔面板安装过程 1. 打开宝塔面板官网https://www.bt.cn/new/product.html2. 根据当前操作系统选择对应的命令3. 选择立即免费安装4. 选择Linux面板8.0.25. 选择当前的系统yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec6. 执行命令7. 安装成功保持好面板的登录信息,可以另存到文件中8. 访问内网地址:https://172.16.35.132:10505/027d6919登录成功后需要绑定宝塔官网账号,如果没有的话,去官网注册一个9. 绑定成功后弹出框提示你安装软件10. 等待安装完成11. 安装完成后打开软件商店确保安装程序已经启动12. 打开网站,添加站点因为目前我们没有域名,所以网站先通过IP访问,如果没有购买域名买的阿里云的服务器也是默认提供IP点击提交13. 根据ip访问站点14. 创建数据库15. 上传项目源代码源代码以zip(zip格式windows,linux都能识别)压缩包的形式上传到/www/wwwroot/172.....16. 解压zip格式的文件 使用命令 unzip typecho.zip17.再次访问我们的ip,进入程序安装向导界面 宝塔面板官方文档 -
![MySQL实现远程连接]()
MySQL实现远程连接 1. 使用 CREATE USER 语句创建一个新用户，并指定其登录密码。CREATE USER 'xiaoming'@'%' IDENTIFIED BY 'admin000';这将创建一个名为 xiaoming 的用户，允许从任何远程主机连接，并设置登录密码为 admin000。查看mysql这个数据库的user表2. 使用 GRANT 语句授予用户适当的权限。例如，如果你希望用户拥有对所有数据库的读写权限，可以执行以下命令：-- 授予部分权限 GRANT SELECT, INSERT ON 数据库.数据表 TO 'xiaoming'@'%'; -- 授予全部权限 GRANT ALL PRIVILEGES ON 数据库.数据表 TO 'xiaoming'@'%'; GRANT ALL PRIVILEGES ON *.* TO 'xiaoming'@'%';这将授予xiaoming用户从任何远程主机连接到 MySQL 并对所有数据库拥有完全的读写权限。3. 完成授权后，使用以下命令刷新权限，使更改生效：FLUSH PRIVILEGES;4. 查看当前防火墙状态5. 关闭防火墙systemctl stop firewalld.service6. cmd 测试远程连接7. Navicat for mysql ,datagrip 正常连接即可8.删除用户DROP USER 'xiaoming'@'%'; -
![程序员考试实操题源码]()
程序员考试实操题源码 1.1 html部分<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS Drum Kit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="keys"> <div data-key="65" class="key"> <kbd>A</kbd> <span class="sound">clap</span> </div> <div data-key="83" class="key"> <kbd>S</kbd> <span class="sound">hihat</span> </div> <div data-key="68" class="key"> <kbd>D</kbd> <span class="sound">kick</span> </div> <div data-key="70" class="key"> <kbd>F</kbd> <span class="sound">openhat</span> </div> <div data-key="71" class="key"> <kbd>G</kbd> <span class="sound">boom</span> </div> <div data-key="72" class="key"> <kbd>H</kbd> <span class="sound">ride</span> </div> <div data-key="74" class="key"> <kbd>J</kbd> <span class="sound">snare</span> </div> <div data-key="75" class="key"> <kbd>K</kbd> <span class="sound">tom</span> </div> <div data-key="76" class="key"> <kbd>L</kbd> <span class="sound">tink</span> </div> </div> <audio data-key="65" src="sounds/clap.wav"></audio> <audio data-key="83" src="sounds/hihat.wav"></audio> <audio data-key="68" src="sounds/kick.wav"></audio> <audio data-key="70" src="sounds/openhat.wav"></audio> <audio data-key="71" src="sounds/boom.wav"></audio> <audio data-key="72" src="sounds/ride.wav"></audio> <audio data-key="74" src="sounds/snare.wav"></audio> <audio data-key="75" src="sounds/tom.wav"></audio> <audio data-key="76" src="sounds/tink.wav"></audio> </body> </html>1.2 css部分html { font-size: 10px; background-size: cover; /* background-image: url(http://i.imgur.com/b9r5sEL.jpg); */ } body, html { margin: 0; padding: 0; font-family: sans-serif; } .keys { display: flex; flex: 1; min-height: 100vh; align-items: center; justify-content: center; } .key { border: .4rem solid black; border-radius: .5rem; margin: 1rem; font-size: 1.5rem; padding: 1rem .5rem; transition: all .07s ease; width: 10rem; text-align: center; color: white; background: rgba(0, 0, 0, 0.4); text-shadow: 0 0 .5rem black; } .playing { transform: scale(1.1); border-color: #ffc600; box-shadow: 0 0 1rem #ffc600; } kbd { display: block; font-size: 4rem; } .sound { font-size: 1.2rem; text-transform: uppercase; letter-spacing: .1rem; color: #ffc600; } 1.3 js部分 <script> function removeTransition(e) { if (e.propertyName !== 'transform') return; e.target.classList.remove('playing'); } function playSound(e) { const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`); const key = document.querySelector(`div[data-key="${e.keyCode}"]`); if (!audio) return; key.classList.add('playing'); audio.currentTime = 0; audio.play(); } const keys = Array.from(document.querySelectorAll('.key')); keys.forEach(key => key.addEventListener('transitionend', removeTransition)); /** * 监听页面的keydown事件，触发playAudio函数。 */ window.addEventListener('keydown', playSound); </script> 2.点名器<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 200px; height: 40px; border: 1px solid red; text-align: center; line-height: 40px; } </style> </head> <body> <div class="box"> 随机点名 </div> <button>开始</button> <script> let names = ["赵艳","林明","郭秀英","马军","王艳","方娟","林勇","廖明","程敏","曾秀英","马平","陆强","张军","崔涛","石秀英","武丽","谭刚","蒋秀英","杨杰","陈秀兰"] let button = document.querySelector("button") let box = document.querySelector(".box") let n = 3 let timer = null let index = 0 button.addEventListener("click",()=>{ timer = setInterval(show,50) setTimeout(stop,3000) }) function show(){ index = Math.floor(Math.random()*names.length) box.innerHTML = names[index] } function stop(){ clearInterval(timer) names.splice(names.indexOf(names[index]),1) console.log(names); } </script> </body> </html> -
![express配合JWT身份验证]()
express配合JWT身份验证 1. 什么是JWTJWT(英文全称:JSON Web Token)是目前最流行的跨域认证解决方案2. JWT的工作原理总结：用户的信息通过Token字符串的形式，保存在客户端浏览器中。服务器通过还原Token字符串的形式来认证用户的身份3. JWT的组成部分JWT 通常由三部分组成，分别是 Header（头部）、Payload（有效荷载）、Signature（签名）。三者之间使用英文的“.”分隔，格式如下：下面是 JWT 字符串的示例：4. JWT的三个部分各自代表的含义JWT 的三个组成部分，从前到后分别是 Header、Payload、Signature。其中：Payload 部分才是真正的用户信息，它是用户信息经过加密之后生成的字符串。Header 和 Signature 是安全性相关的部分，只是为了保证 Token 的安全性。5. JWT 的使用方式客户端收到服务器返回的 JWT 之后，通常会将它储存在 localStorage 或 sessionStorage 中。此后，客户端每次与服务器通信，都要带上这个 JWT 的字符串，从而进行身份认证。推荐的做法是把 JWT 放在 HTTP 请求头的 Authorization 字段中，格式如下：5.1 安装JWT相关的包jsonwebtoken 用于生成 JWT 字符串express-jwt 用于将 JWT 字符串解析还原成 JSON 对象5.2 创建jwt小项目 初始化基本的路由请求app.js// 主程序 const express = require("express") // 导入express // 解决跨域问题 const cors = require("cors") const app = express() // 实例化app对象 app.use(express.urlencoded({extended:false}))// 接收post表单数据 app.use(cors()) // 解决跨域问题 app.get('/',(req,res)=>{ res.send("ok") }) app.listen(80,()=>{ console.log("express service is running at http://127.0.0.1") })5.3 创建登录路由，请求方式为post，如果登录失败则返回router.post("/login",(req,res)=>{ // 将req.body 请求体中的数据转存为userinfo常量 const userinfo = req.body if(userinfo.username != 'admin' || userinfo.password != '000000'){ return res.send({ status:400, message:'登录失败' }) } })5.4 导入JWT相关的包使用 require() 函数，分别导入 JWT 相关的两个包：const jwt = require("jsonwebtoken") const expressJWT = require("express-jwt")5.5 定义secret密钥为了保证 JWT 字符串的安全性，防止 JWT 字符串在网络传输过程中被别人破解，我们需要专门定义一个用于加密和解密的 secret 密钥：当生成 JWT 字符串的时候，需要使用 secret 密钥对用户的信息进行加密，最终得到加密好的 JWT 字符串当把 JWT 字符串解析还原成 JSON 对象的时候，需要使用 secret 密钥进行解密// 定义secret密钥 本质就是一个字符串用于加密和解密 const secretKey = "itnan.cc"5.6 登录成功后的代码router.post("/login",(req,res)=>{ // 将req.body 请求体中的数据转存为userinfo常量 const userinfo = req.body if(userinfo.username != 'admin' || userinfo.password != '000000'){ return res.send({ status:400, message:'登录失败' }) } // 如果登录成功 调用jwt.sign()方法生成jwt字符串，通过token发送给客户端 // 参数1：用户的信息对象，你想存储的用户信息 // 参数2：加密的密钥 // 参数3：配置对象，可以配置当前token的有效期 const tokenStr = jwt.sign({username:userinfo.username},secretKey,{expiresIn:'60s'}) res.send({ status:200, message:"登录成功", token:tokenStr }) })5.7 发送请求测试token是否可以生成如果登录失败（用户名或者密码不正确）5.8 将 JWT 字符串还原为 JSON 对象客户端每次在访问那些有权限接口的时候，都需要主动通过请求头中的 Authorization 字段，将 Token 字符串发送到服务器进行身份认证。此时，服务器可以通过 express-jwt 这个中间件，自动将客户端发送过来的 Token 解析还原成 JSON 对象：// 使用app.use()注册中间件 // express.JWT({secret:secretKey}) //用来解析Token的中间件 // .unless({path:[/^\/api\//]}) 用来指定哪些接口不需要访问权限 app.use(expressJWT({"secret":secretKey})).unless({path:[/^\/api\//]}) )换种写法完美解决问题app.use(expressJWT.expressjwt({secret:secretKey,algorithms:["HS256"]}).unless({path:[/^\/api\//]}))5.9 定义登录成功后获取用户信息的路由// 获取用户信息 需要用户登录成功后才可以 app.post("/getinfo",(req,res)=>{ // 使用req.auth 获取用户信息，使用data属性将用户信息发送给客户端 res.send({ status:200, message:"获取用户信息成功", data:req.auth }) })5.10 postman测试登录成功后获取用户信息需要在header头信息中加上Authorization 值是 Bearer token信息5.11 捕获解析JWT失败后产生的错误（过期了）当使用 express-jwt 解析 Token 字符串时，如果客户端发送过来的 Token 字符串过期或不合法，会产生一个解析失败的错误，影响项目的正常运行。我们可以通过 Express 的错误中间件，捕获这个错误并进行相关的处理，示例代码如下：定义一个中间件 用于处理token过期的情况 这个中间件需要定义在所有路由之后其实捕获的就是UnauthorizedError这个错误类型// 捕获解析JWT失败后产生的错误 app.use((err,req,res,next)=>{ // token解析失败导致的错误 if(err.name === 'UnauthorizedError' ){ return res.send({status:401,message:'无效token'}) } // 其他原因导致错误 return res.send({status:500,message:'未知错误'}) })附源码： 源码下载 -
![express操作mysql数据库实现增删改查]()
express操作mysql数据库实现增删改查 1. 引入mysql模块并连接数据库// 引入mysql模块 const mysql = require("mysql") // 连接数据库 const db = mysql.createPool({ host:'127.0.0.1', user:'root', password:'root', database:'test' })2.测试连接// 测试连接 db.query("select 1",(err,result)=>{ if(err) return console.log(err.message) console.log(result); })3.查询所有数据// 查询所有数据 let sql = "select * from stu " db.query(sql,(err,result)=>{ if(err) return console.log(err.message) console.log(result); })4. 根据条件查询数据// 根据条件查询数据 let sql = "select * from stu where id = ? " let params = {id:1} db.query(sql,[params.id],(err,result)=>{ if(err) return console.log(err.message) console.log(result); })5. 添加数据 （添加指定字段）根据受影响的行数来判断是否添加成功// 添加数据 let sql = "insert into stu (username,age) values(?,?) " let params = {username:"老李",age:21} db.query(sql,[params.username,params.age],(err,result)=>{ if(err) return console.log(err.message) if (result.affectedRows === 1) console.log("添加成功"); })6. 添加的便捷方式（如果添加的是所有字段）let sql = "insert into stu set ? " let params = {id:null,username:"老白",age:22} db.query(sql,params,(err,result)=>{ if(err) return console.log(err.message) if (result.affectedRows === 1) console.log("添加成功"); })7. 修改let sql = "update stu set username = '大明' where id = ? " let params = {id:1} db.query(sql,[params.id],(err,result)=>{ if(err) return console.log(err.message) if (result.affectedRows === 1) console.log("修改成功"); })8.修改的便捷方式 多个条件可以放到一个对象中let sql = "update stu set ? where id = ? " let params = {username:'小王'} db.query(sql,[params,2],(err,result)=>{ if(err) return console.log(err.message) if (result.affectedRows === 1) console.log("修改成功"); })9. 删除let sql = "delete from stu where id = ? " let params = {id:1} db.query(sql,[params.id],(err,result)=>{ if(err) return console.log(err.message) if (result.affectedRows === 1) console.log("删除成功"); }) -
![JS,PHP,PYTHON,JAVA实现常见算法题]()
JS,PHP,PYTHON,JAVA实现常见算法题 1. 超市为了促销，按购买货物的款数多少分别给予不同的优惠折扣，具体折扣情况如下: 购物不足100元的，没有折扣; 购物满100元(含100元，下同)，不足500元的，减价5%; 购物满500元，不足1000元的，减价8%; 购物满1000元，不足3000元的，减价10%; 购物满3000元的，减价15%。 请设计一个程序根据根据输入的购物款计算出应付款。javascript let money =2900 if(money >=3000){ money*=0.85 }else if(money >=1000){ money*=0.9 }else if(money >=500){ money*=0.92 }else if (money >=100){ money *=0.95 } console.log("您需要支付",money,"元");php$money =90; if($money >=3000){ $money*=0.85; }else if($money >=1000){ $money*=0.9; }else if($money >=500){ $money*=0.92; }else if ($money >=100){ $money *=0.95; } echo "您需要支付",$money,"元";pythonmoney = float(input("请输入一个金额：")) if money>=3000: money*=0.85 elif money>=1000: money*=0.9 elif money>=500: money*=0.92 elif money>=100: money*=0.95 print(money)javaimport java.util.Scanner; public class Hello{ public static void main(String[] args){ // System.out.println("hello "); Scanner sc = new Scanner(System.in); // javac -encoding UTF-8 Hello.java System.out.println("请输入金额:"); int money = sc.nextInt(); // 接收用户输入 if(money >= 3000){ money*=0.85; }else if(money>=1000){ money*=0.9; }else if (money >=500){ money*=0.92; }else if(money >= 100){ money*=0.95; } System.out.println(money); } }2.某100人的公司举行年会，入场时为每名员随机分配1-100的号码。现需要设计一个抽奖程序，随机产生10个整数，整数的范围为1-100，作为幸运号码发放奖品，并从生成的整数中获取最大值，发放年终大礼包。JavaScript// 循环用于产生10个不重复随机数 let nums = [] // 用于存放随机生成的数字 let i = 0 while(true){ i++ // 判断数组中是否已经有了10个元素 if(nums.length == 30){ break // 退出 } // 产生随机数 // Math.floor(Math.random()*100) +1 let num = Math.ceil(Math.random()*100) // 将随机数写入到 数组中 , 返回值是-1 说明没有 才写 if(nums.indexOf(num) == -1){ nums.push(num) } } nums.sort() // 升序 排序 console.log(nums); console.log(nums[nums.length-1]);php $nums = []; $i = 0; while (true){ $i++; // 判断数组长度是否=10 if(count($nums) == 10){ break; } // 1. 生成随机数 范围1-100之间，不能重复 $num = mt_rand(1,100); // 大于等于1 小于等于100的随机数 //$nums.push($num); js的写法 if(!in_array($num,$nums)){ array_push($nums,$num); } } sort($nums); // 排序 echo $i; print_r($nums);pythonimport random # 10个不重复的随机数 # 定义一个空列表 nums = [] i = 0 while True: i+=1 if len(nums) == 50: break # 生成一个随机数 范围是1-100之间 rand = random.randint(1,100) # 把随机数添加到列表中 # 判断一下，如果列表中没有 才追加 if nums.count(rand) == 0: nums.append(rand) nums.sort() print(nums) print(i) ------------------------------------------ import random # 10个不重复的随机数 # 定义一个空列表 nums = [] i = 0 while len(nums) < 10: i+=1 # 生成一个随机数 范围是1-100之间 rand = random.randint(1,100) # 把随机数添加到列表中 # 判断一下，如果列表中没有 才追加 if nums.count(rand) == 0: nums.append(rand) nums.sort() print(nums) print(i) ------------------------------------------- nums = set() while len(nums) < 10: rand = random.randint(1,100) nums.add(rand) nums = list(nums) nums.sort() print(nums) print(num[nums.length-1])javapackage study; import java.util.HashSet; import java.util.Random; import java.util.Set; public class HelloWorld8 { public static void main(String[] args) { // 创建一个空集合 Set set1 = new HashSet(); // 创建随机数对象 Random rand = new Random(); while(set1.size()<10){ // 生成随机数 int randnum = rand.nextInt(100)+1; // 随机数追加到集合中 set1.add(randnum); } Object[] list1 = set1.toArray(); // 集合转数组 Arrays.sort(list1); // 排序 System.out.println(list1[list1.length-1]); // 集合 } } 3.输入某年某月某日，判断这一天是这一年的第几天 （要求用java语言开发控制台程序，要求：要考虑用户体验，如：程序启动时要有欢迎语，用户输入时要有提示，输入错误时要有错误提示等）JavaScript let year = Number(prompt("请输入年")) let month = Number(prompt("请输入月")) let day = Number(prompt("请输入日")) // let year = 1800 // let month = 5 // let day = 11 // 用于保存天数 daynum = 0 console.log("今天是",year,"年",month,"月",day,"日"); // 根据当前的年月日，判断在这个月之前所有月份的天数之和 + 当前的日期 switch(month){ case 12: // 当前是12月 + 11月 // daynum = daynum + 30 daynum +=30 // 11月的天数 console.log("我被穿透了 12"); case 11: console.log("我被穿透了 11"); daynum +=31 // 10月的天数 case 10: console.log("我被穿透了 10"); daynum +=30 // 9月的天数 case 9: console.log("我被穿透了 9"); daynum +=31 // 8月的天数 case 8: console.log("我被穿透了 8"); daynum +=31 // 7月的天数 case 7: console.log("我被穿透了 7"); daynum +=30 // 6月的天数 case 6: console.log("我被穿透了 6"); daynum +=31 // 5月的天数 case 5: console.log("我被穿透了 5"); daynum +=30 // 4月的天数 case 4: console.log("我被穿透了 4"); daynum +=31 // 3月的天数 case 3: console.log("我被穿透了 3"); // daynum +=31 // 2月的天数 28天 29天 // 1.能被4整除 却不能被100整除 闰年 // 2.能被400整除的 闰年 // 四年一闰，百年不闰，四百年在闰 if(year % 4 == 0 && year % 100 !=0){ daynum +=29 // console.log(year,"是闰年 1"); }else if (year % 400 ==0){ // console.log(year,"是闰年 2"); daynum +=29 }else{ // console.log(year,"是平年"); daynum +=28 } case 2: console.log("我被穿透了 2"); daynum +=31 // 1月的天数 case 1: console.log("我被穿透了 1"); daynum +=day // 当前月实际日期的天数 } document.write("当前的第",daynum,"天");php$year = 2023; $month = 12; $day = 13; $daynums = 0; while ($month>=1){ switch ($month){ case 12:case 10:case 7:case 5: $daynums +=30; // 上一个月的总天数 break; case 11:case 9:case 8:case 6:case 4:case 2: $daynums +=31; // 上一个月的总天数 break; case 3: // 判断平年闰年 if(($year % 4 == 0 && $year % 100 != 0) || ($year %400==0)){ $daynums += 29; }else{ $daynums += 28; } break; case 1: $daynums += $day; } $month--; // 11月 } echo $daynums;python# 百钱买百鸡 钱100 鸡100 公鸡5元 母鸡3元 小鸡 1元3只 求:鸡各几只 # 函数:根据年份返回当年2月份的总天数 def getTotalDaysByYear(year): return 29 if year % 4 == 0 and year % 100 !=0 or year % 400 ==0 else 28 # 判断一年中的第几天 year = int(input("请输入年:")) month = int(input("请输入月:")) day = int(input("请输入日:")) # 统计所有的天数 days = day for i in range(1,month): match i: case 1|3|5|7|8|10: days+=31 case 4|6|9|11: days+=30 case 2: # 判断平年闰年的问题 days+= 29 if year % 4 ==0 and year % 100!=0 or year %400 ==0 else 28 print(days)javapackage study; import java.util.Scanner; public class HelloWorld11 { // 根据当前年月日判断是一年第几天 public static void main(String[] args) { // 接收用户的键盘输入 Scanner sc = new Scanner(System.in); System.out.println("请输入年："); short year = sc.nextShort(); System.out.println("请输入月："); byte month = sc.nextByte(); System.out.println("请输入日："); byte day = sc.nextByte(); short daynums = 0; while(month>=1){ switch(month){ case 12:case 10:case 7:case 5: daynums += 30; break; case 11:case 9:case 8:case 6:case 4: case 2: daynums += 31; break; case 3: if(year % 4 ==0 && year %100!=0 || year %400==0){ daynums += 29; }else{ daynums += 28; } break; case 1: daynums += day; break; } month--; } System.out.println(daynums); } } 4.打印所有的水仙花数 水仙花数：是指一个三位数,其各位数字立方和等于该数字本身。例如：153是一个“水仙花数”,因为153=1的三次方＋5的三次方＋3的三次方。（要求用java语言开发控制台程序）JavaScript// 水仙花树 153 = 1（3） + 5 （3) + 3(3) // 百位三次方 + 十位三次方 + 个位三次方 = 这个数本身 // 需求：输出所有的三位数 let num = 100 while(num <1000){ // console.log(num); // 1.取百位 // console.log(Math.floor(num / 100)); let bai = Math.floor(num / 100) // 2.取十位 // console.log(Math.floor(num % 100/10) ); let shi = Math.floor(num % 100/10) // 3.取个位 // console.log(num % 10) let ge = num % 10 if(bai*bai*bai + shi*shi*shi + ge*ge*ge == num){ console.log(num,"是水仙花数"); } num++ }php$i = 100; echo "<br>"; while ($i<1000){ // echo $i,"<br>"; // 1.求百位 // echo floor($i/100),"<br>"; $bai = floor($i/100); // 2.求十位 // echo floor(($i % 100)/10) ,"<br>"; $shi = floor(($i % 100)/10); // 3.求个位 // echo $i % 10,"<br>"; $ge = $i % 10; if(pow($bai,3)+pow($shi,3)+pow($ge,3) == $i){ echo $i,"是水仙花数<br>"; } $i++; }pythonfor num in range(100, 1000): # 将数字拆分成各个位上的数字 bai= num // 100 # 百位 shi= (num // 10) % 10 # 十位 ge= num % 10 # 个位 # 计算立方和 判断是否是水仙花数 if bai**3 + shi**3 + ge**3 === num # 输出水仙花数 print(num) javapackage study; import java.util.Scanner; public class HelloWorld11 { // 根据当前年月日判断是一年第几天 public static void main(String[] args) { // System.out.print("a"); // System.out.print("b"); // 153 int i = 100; while(i<1000){ //百位 int bai = i/100; //十位 int shi = i%100/10; //个位 int ge = i%10; if(bai*bai*bai + shi*shi*shi + ge*ge*ge == i){ System.out.println(i); } i++; } } }
