1.Tolist案例(父子传参实现增删改) 目录结构 实现效果: App.jsx class App extends Component { // 状态在哪里, 操作状态的方法就在哪里 state = { todos:[ {id:1, name:'吃饭', done: true}, {id:2, name:'睡觉', done: true}, {id:3, name:'打代码', done: false}, {id:4, name:'光街', done: true}, ] } // addTod…
ifram父子传参参数有中文时出现乱码,可先在父级页面用encodeURI转义,在到子页面用进行decodeURI()解码 我们可以知道:escape()除了 ASCII 字母.数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法.而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换.encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文.特殊字符进行…
JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删改查),事件 一丶DOM树       DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范.       DOM就是由节点组成的:HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树.如下…
这周整理了一下做微信小程序页面时遇到的一些问题,先说说常见的上传图片吧. 上传图片公用组件 首先要了解的是父子传参. 1.A组件为父组件,B组件为子组件,以下是A组件向B组件传参: 在A组件的json中写入: { "component": true, "usingComponents": { "componentB":"../common/chooseImage/index" } } 在A组件的wxml中写入: <vie…
一.前言 本节内容主要对小案例做一个总结: 1.如何开始搭建小项目 2.路由设计 3.模块应用 4.项目源码以及实现过程github地址: 项目演示如下: 二.主要内容 1.项目的关键性js源码: 项目的入口: /** * app.js 入门模块 * 职责: * 创建服务 * 做一些服务相关配置 * 模板引擎 * body-parser 解析表单 post 请求体 * 提供静态资源服务 * 挂载路由 * 监听端口启动服务 */ var express = require('express') v…
想要获取源代码的同学可以留言,我不做git上传了,案例太简单 没必要 综合演练 用户信息的增删改查 需求:你需要实现这样的结果 点击添加可以添加用户,点击删除可以删除点击修改可以修改 代码分析: 1.搭建网站服务器,实现客户端与服务器端的通信 2.连接数据库,创建用户集合,向集合中插入文档 3.当用户访问/list时,将所有用户信息查询出来 4.将用户信息和表格HTML进行拼接并将拼接结果响应回客户端 5.当用户访问/add时,呈现表单页面,并实现添加用户信息功能 6.当用户访问/modify时…
登录注册和增删改查(jsp+servlet) (一)功能介绍 1.用户输入正确的密码进行登录 2.新用户可以进行注册 3.登录后显示学生的信息表 4.可以添加学生 5.可以修改学生已有信息 6.可以删除已有学生 7.可以显示登录的用户学号(每个页面都可以通过调用session显示) 8.可以记录浏览量 (二)页面展示 登录页面 注册页面 学生信息页面 添加页面 添加之后的学生信息表 修改页面 修改之后的学生信息表 删除之后的学生信息表 (三)项目代码 package entity; public…
1.首先来说一下iframe是干什么用的 IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME).iframe元素会创建包含另外一个文档的内联框架(即行内框架),通俗点说就是在一个页面中通过写iframe标签来嵌入另一个页面 2.代码的实现 首先是父元素 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <me…
三大框架介绍 ssm框架是由Spring springmvc和Mybatis共同组成的框架.Spring和Springmvc都是spring公司开发的,因此他们之间不需要整合.也可以说是无缝整合.mybatis公司开发的mybatis,因为需要和Spring整合,但是他们之间是有缝的.因此mybatis公司就做出了jar包 mybatis-spring的核心整合包. Q:什么叫无缝整合,有缝整合? A:最方便的理解就是有Jar包就是有缝,没有jar包就是无缝. 整合准备条件 三个文件:appli…
react是一个SPA模式,即组件嵌套租,在一个单页面的应用中组件间的数值传递是必不可少的,主要的传参方式大致有一下几种: 1,在挂载的地方给组件传参 ReactDOM.rander(<a name='a' age={16}/>,app) 在渲染的时候,直接给挂载的组件传参. 2,父子传参 父子传参可以用props和ref两种方式,1,props方式传参,父组件通过改变自己的参数并且通过props将状态传递给子组件,并在子组件中显示.2,通过ref传参,这种方式是通过子组件自己的方法改变自己的…