- 博客(166)
- 收藏
- 关注
原创 servlet 处理请求,作出响应
package servlet;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletConfig;import javax.servlet.ServletException;import javax.servlet.annotation.WebInitParam;import javax.servlet.annotation.WebServlet;import javax.ser
2021-08-12 09:29:54 304
原创 Springboot框架
Spring的框架Springboot工程都是基于maven做依赖管理Src-main-java:用于写后台代码的目录SpringbootApplication:是工程的入口文件,运行的入口Src-main-resources:application.properties:用来配置底层框架需要的属性信息pom.xml:maven工程用于管理依赖的核心配置文件配置热部署:<!-- 配置热部署 --> <dependency> <group
2021-03-22 16:41:09 129
原创 Spring框架
Spring框架:不属于mvc架构任何一层,不是单纯的代替某一种开发技术,它的主要作用就是提供容器,进行对象管理。开源的 轻量级的 非侵入式的 控制反转 面向切面 容器框架开源的:免费的轻量级的:占用空间小非侵入式的:在使用框架过程中,几乎不需要使用它的API来编码,这样的框架就是非侵入式的。好处就是程序易于维护,易于扩展控制反转(IOC):Spring最核心的功能把程序中对象管理的控制反转给Spring容器(Spring核心配置文件)去做处理A B
2021-03-17 16:49:29 117
原创 mybatis框架笔记2
SQL映射文件开发:<!-- id:必须和接口中的方法名完全一致 注意:Mapper接口不支持方法重载的 parameterType:是参数类型 全类名 resultType:返回值类型 SQL映射文件中,sql语句获取参数的语法: #{} ${} #{}:没有SQL注入的问题 推荐使用 ${}:有SQL注入的问题 增加数据 修改数据 删除数据(删除一条数据 批量删除) 查询数据(单表查询 多表连接 组合查
2021-02-26 08:54:33 92
原创 mybatis核心配置文件
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration> <!-- xml文档有且只有一个根元素 --> <!-- mybatis核心配置文件的元素是有顺序要求
2021-02-23 18:55:07 290
原创 mybatis框架的搭建过程和开发流程
搭建:创建一个普通的java工程,引jar包开发流程:引入mybatis的核心配置文件,在配置文件中配置连接环境<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration> <
2021-02-23 14:45:46 180
原创 前端笔记
CSS的基本语法: 选择器{ 样式名称:样式的值; 样式名称:样式的值; 样式名称:样式的值; } 选择器:用来定位页面元素 基本选择器 标签选择器:直接以标签名称当做选择器,当前文档中所有该标签都拥有这套样式 ID选择器:#id的名称 可以唯一定位页面某个元素设定样式 类选择器:.类名称 可以给页面的部分元素设定同样的样式 复合选择器 后代选择器:外层元素选择器 里层元素选择器 中间是空格间隔 交集选择器:由两个选择器构成,第一个必须是标..
2021-02-22 17:52:23 112
原创 笔记
/** http请求:* 请求行:请求方法* 头信息* 空行* 请求体*/System.out.println(“进入doGet方法”);//获取当前请求的请求方式String method = request.getMethod();System.out.println(method);//获取上下文路径String path = request.getContextPath();System.out.println(path);//获取当前请求路径StringBuffer
2021-02-21 16:37:51 110
原创 vue浏览器出现 Cannot read property ‘length‘ of undefined 的报错信息
报错原因:后台在返回数据时是需要时间的 不管多快 都是需要时间的 但是在初始化时,并没有给一个空的数组 注意 是数组形式 所以当调用 .length 方法时 这时后台数据还没有返回回来 此时它不是数组 就会报错解决方案:可以在整体加一个 v-if这样当数据还没有返回时 就不会渲染 只有数据返回回来时 才会进行渲染这样就可以解决报错的问题代码块例如:友情提示:当浏览器出现如下报错信息时 看到Error in render 的问题 都是浏览器渲染问题...
2021-02-21 11:31:28 308
原创 Web应用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- Web应用 前后端分离: 前端应用 服务器端应用 前后端的连接: 请求的发送 相应的处理 AJAX技术: 进行请求的发送 实现页面局部刷新,异步处理 请求发送的方
2021-02-13 09:29:09 163 4
原创 vue13--编程式路由的实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>编程式路由的实现</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/v
2021-02-13 09:26:46 239
原创 vue12--路由--菜单栏的开发
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>路由--菜单栏的开发</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/np
2021-02-13 09:25:17 146
原创 vue11--组件之间的通信--子组件往父组件传值(不可自动触发)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件之间的通信--子组件往父组件传值(不可自动触发)</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body>
2021-02-13 09:24:07 277
原创 vue10--组件之间的通信--父往子传值(可自动触发)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件之间的通信--父往子传值(可自动触发)</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> &l
2021-02-13 09:15:48 163 2
原创 vue09--组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-13 09:14:39 116
原创 vue08--全局组件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全局组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:37:03 110
原创 vue07--计算属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:35:28 238
原创 vue06--表单绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="app">
2021-02-12 21:32:08 88
原创 vue05--条件渲染指令与循环指令
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>条件渲染指令与循环指令</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <div id="ap
2021-02-12 21:30:55 129
原创 vue04--事件处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件处理</title> <style> .style1{ width: 100px; height: 100px; background-color: antiquewhite; } .style2{ width: 100px; he
2021-02-12 21:29:40 156 2
原创 vue03--属性与样式绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>属性与样式绑定</title> <style> .fontSize{ font-size: 30px; } .backColor{ background-color: aqua; } .redcolor{ color:red; }
2021-02-12 21:27:49 117
原创 vue02--文本渲染
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文本渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <body> <!-- 文本渲染:
2021-02-12 21:26:31 1158 4
原创 vue01--引用vue.js在线文件,安装
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!--引用vue.js在线文件,安装--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> </head> <bod
2021-02-12 21:24:29 157
原创 es6-2 模块化开发
index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>es6模块化开发</title> <script src="js/module2.js" type="module"></script> </head> <body> </body></html>mo
2021-02-12 21:20:18 157
原创 es6-1 按钮
index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/index.js" ></script> </head> <body> <button type="button" id=
2021-02-12 21:17:39 175 1
原创 页面跳转
first.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function goPage(){ location.href="second.html";//实现页面跳转 } </script> </head> <body>
2021-02-11 12:12:57 239
原创 表单校验
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单校验</title> <script src="js/demo09.js" type="text/javascript"></script> </head> <body> <div> 用户名:<input type="te
2021-02-11 12:08:58 101
原创 JS事件处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS事件处理</title> <script src="js/demo08.js" type="text/javascript"></script><!--引入js文件--> <link href="css/demo08.css" rel="styles
2021-02-11 12:05:46 125 1
原创 DOM编程
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>DOM编程</title> <style> .sty{/*类选择器样式*/ width: 100px; height: 100px; border: 1px solid red; } .sty1{/*类选择器样式*/ /*width: 200p
2021-02-11 12:04:30 111 1
原创 BOM--document对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BOM--document对象</title> <script> /* document对象: 常用对象集合: forms:代表页面中所有表单的集合 返回值是一个数组 常用对象方法: white():文档中打印信息 w
2021-02-11 12:03:13 217
原创 BOM-浏览器对象模型-- window
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BOM-浏览器对象模型-- window</title> <script> /* BOM-浏览器对象模型:提供独立于内容而与浏览器窗口进行交互的对象(所有对象名称字母均小写) window:整个BOM的核心,是顶级对象
2021-02-11 12:02:02 153
原创 JS对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS对象</title> <script> //创建对象 /*var obj1 = new Object(); obj1.name='test'; obj1.sex='男'; var obj2 = { name:'', sex:''
2021-02-11 12:00:45 190 1
原创 数组对象正则表达式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组对象正则表达式</title> <!-- 数组:存储多个数据的集合 JS中数组的特点: 不要求数据类型一致 长度是不固定的 JS中的数组没有默认值 length属性获取数组长度 -->
2021-02-11 11:59:34 654
原创 流程控制语句
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 流程控制语句: 条件判断语句:if switch 循环语句:for while do-while for in 函数的声明: function 函数名(参数列表){
2021-02-11 11:58:04 82
原创 JS基础知识
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>JS基础知识</title> <!-- JavaScript:用于实现页面动态效果的脚本框架 JS基础知识 JS BOM浏览器对象模型 DOM编程 JS基础知识: HTML中书写js代
2021-02-11 11:56:09 97 2
原创 唯品会导航栏简单制作
weipinhui.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>唯品会</title> <link href="css/weipinhui.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="right"&g
2021-01-27 22:54:15 2102
原创 html5新增标签
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html5新增标签</title> </head> <body> <!--<div id="header">aaaaaaa</div>--> <header>aaaaaaaaaaaa</header><!-.
2021-01-27 22:51:19 88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人