03 2023 档案
摘要：## 近期学习 最近在做项目，vue已经学完了一直没时间总结 目前在做vue+springboot 的项目，暂时不更新总结博客
阅读全文
摘要：HttpServletRequest 获取前端传递的参数，请求转发 req.getParameter() req.getParameterValues() 获取参数 public class LoginServlet extends HttpServlet { @Override protected
阅读全文
摘要：HttpServletResponse实现重定向 一个web资源收到客户端请求后，通知a客户访问另一个web资源，这个过程叫重定向 常见场景：用户登录 使用resp.sendRedirect请求跳转至指定的页面 public class RedirectServlet extends HttpSer
阅读全文
摘要：HttpServletResponse实现验证码生成 编写验证码生成的函数 public String makenum(){ Random random = new Random(); String num = random.nextInt(99999) + ""; StringBuffer str
阅读全文
摘要：HttpServletResponse web服务器接收到客户端的http请求，针对这个请求，分别创建一个代表请求的HttpServletRequest对象，一个代表相应的HttpServletResponse对象。 如果要获取客户端请求的参数，需要调用HttpServletRequest 如果给客
阅读全文
摘要：javaweb--servlet的一些应用 servletcontext 简介：当web容器启动的时候，会为每个web容器创建一个对应的servletcontext 代表当前的web应用 功能: 共享数据 setAttribute，将一个数据保存在servletcontext中 public cla
阅读全文
摘要：求和案例-getter版本 之前的使用计算属性来写对state中的数据进行加工再使用 但对于共享数据，可以在getter中配置一个函数，由多个组件调用 减少代码量，提高复用率 computed:{ //靠程序员自己去写计算属性 /*sum(){ return this.$store.state.su
阅读全文
摘要：求和案例-vuex版本 vuex 在vue中实现集中式状态管理的一个vue插件，对vue应用中多个组建的共享状态进行一个集中状态的管理 （读or写），也是一种组件间通信的方式，且适用于任何组件 何时使用 多个组件需要共享数据时 如何使用 1.搭建vuex环境 创建文件src/store/index.
阅读全文
摘要：求和案例-vue版本 简单的点击操作求和加减操作 <template> <div> <h1>当前求和为{{sum}}</h1> <select v-model="n"> <option :value="1">1</option> <option :value="2">2</option> <opti
阅读全文
摘要：servlet路径问题 在web.xml中设置不同映射走的对应的路径 <!-- 可以自定义后缀实现请求路径 注意：*前面不能加项目映射的路径 hello/sasasas.ggugu --> <servlet-mapping> <servlet-name>hello</servlet-name> <u
阅读全文
摘要：javaweb的Servlet 1.下载maven，tomcat 试了10版本的tomcat，好像不兼容，果断放弃 安装了tomcat9，就成功了，真是神奇，高了我半天 查了各种攻略，tomcat10确实是bug一堆 2.从maven中导入依赖，搜索依赖等等 3.了解部署web程序的步骤 第一个we
阅读全文
摘要：插槽 介绍 作用：让父组件可以向子组件指定位置插入HTML结构，是一种组件间通信的方式，适用于父组件==>子组件 分类 默认插槽，具名插槽，作用域插槽 默认插槽 子组件 title从父组件接受数据 <slot></slot> 表示app中的插槽插到这里 <template> <div class="
阅读全文
摘要：github搜索案例（vue-resource实现） 简介 vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应，也就是说，jQuery中ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的AP
阅读全文
摘要：github搜索案例 使用github的一个用户数据接口，输入名字进行搜索，返回其中30位用户 点击其头像或者名字可以跳转到指定的github界面 分为两个组件：搜索组件和列表组件，二者进行通信 list组件 利用全局事件总线传递数据，显示列表成员 <template> <div class="ro
阅读全文
摘要：jdbc连接 首先创建需要的jdbc测试表 CREATE DATABASE `jdbcStudy` CHARACTER SET utf8 COLLATE utf8_general_ci; USE `jdbcStudy`; CREATE TABLE `users`( `id` INT PRIM
阅读全文
摘要：数据库插入100w条数据 CREATE TABLE `app_user` ( `id` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT, `name` VARCHAR(50) DEFAULT'' COMMENT'用户昵称', `email` VARCHAR(5
阅读全文
摘要：配置代理服务器 在通信时，直接向指定服务器发送请求可能会出现拒绝的情况，使用代理服务器，可以配置解决此问题。 原理 设计 使用axios包进行ajax请求发送 对比 Ajax技术是用于创建更好更快的交互性更强的web应用程序的技术 发送一个Ajax请求的方式： 1，xhr: XMLHttpReque
阅读全文
摘要：过度与动画 使用vue写一些插入与更新或者移除dom元素时，在合适的时候使用元素动画 方法一 首先设计动画样式： @keyframes gugu { from{ transform: translateX(-100%); } to{ transform: translateX(0px); } } 使
阅读全文
摘要：todoList消息订阅改进 item handleCheck(id) { // 通知App组件将对应todo的done取反 // pubsub.publish('checkTodo', id) // this.checkTodo(id) this.$bus.$emit('checkTodo',id
阅读全文
摘要：nextTick 语法：this.$nextTick(回调函数) 作用：在下一次dom更新结束后执行其指定的回调 todoList案例 在item组件中，设计编辑按钮，自动出现输入框并获取焦点 在todo上增添isedit属性，如果todo是第一次编辑则增添isEdit属性 如果不是第一次编辑，将i
阅读全文
摘要：消息的订阅与发布 一种组件之间通信的方式，适用于各种组件通信 安装pubsub库用来订阅和发布消息 首先引入pubsub库 import pubsub from "pubsub-js"; 订阅消息（school组件） methods:{ demo(msgName,data){ console.log
阅读全文
摘要：通过组件全局事件总线，完成消息的传递，改进todolist案例 head methods:{ add(){ //校验数据 if (!this.title.trim()) return alert("输入不能为空") //将输入包装成todo对象 const todoObj={id:nanoid(),
阅读全文
摘要：全局事件总线 在组件间通信的一种方式，适用于任意组件通信 之前实现的是父子组件的通信，如果兄弟组件想要相互传递消息就需要先向app组件传信息，app设置回调再往兄弟组件中传递信息 全局事件总线首先在main.js中安装全局事件总线，再在接受数据方绑定自定义事件 在传递数据一方提供数据 类似：stud
阅读全文
